Tutorial de Zerif Lite en español (actualizado para la versión de WP.org)

139 comentarios

Giovanni · 17 abril, 2017 a las 11:43 pm

Hola!! Antes que nada agradezco mucho todo lo que haces! Quisiera que me ayudes con algo, he modificado satisfactoriamente con tus consejos mi página con la plantilla zerif lite, mi problema es que al agregar una nueva entrada de blog no aparece ninguna barra lateral, he añadido los widgets a la barra lateral que viene con la plantilla, incluso he instalado plugins de barras laterales pero todos los casos al visualizar la entrada de blog se ve sólo el contenido pero no aparece la barra lateral. He tratado de ver todos los temas de barra lateral que has publicado pero no encuentro cómo hacer que aparezca. Que ironía que algunos quieran quitar la barra lateral de sus entradas de blog y en cambio yo necesito que aparezca. Espero que me puedas ayudar, saludos!

Caribdis Diseño Web · 18 abril, 2017 a las 10:35 am
Hola, Giovanni.
Gracias por tu comentario.
Te está pasando lo mismo que a esta usuaria. La barra está presente, pero en algún lado tenés agregados los códigos que la ocultan. Fijate también que no sea un plugin el que los añade.
Saludos.

Giovanni · 18 abril, 2017 a las 10:47 pm
Eres de lo mejor! Solucionado el problema! Gracias mil

Mauricio Arcehelizaga · 18 abril, 2017 a las 7:17 pm

Hola Ana Ayelen,
Acabo de encontrar tu pagina por que casualmente estoy rediseñando el sitio de un cliente que usa Zerif Lite / Zerius.

Quiero hacer otra sección de Our Focus para la home page en este caso se llamara Video Section, seguí tu tutorial (Muy completo, gracias!) a sabiendas de que quiza habia cambiado algo despues de la suspencion de WP. Pues no me anduvo ya que no solo no aparece la seccion, sino que no aparece nada mas despues de ella, ni el footer. Tenes alguna idea si se puede modificar los archivos php?

Muchas gracias

Caribdis Diseño Web · 19 abril, 2017 a las 9:44 am
Hola, Mauricio.
Por lo que me comentás, estás usando el tema hijo Zerius. Borrá de esa carpeta los archivos que hayas creado para la nueva sección (y el código agregado en functions.php) y todo debería volver a la normalidad.
El tutorial para agregar la sección no funciona en la nueva versión de Zerif, así que voy a actualizarlo en breve.
Saludos.

Mauricio Arcehelizaga · 19 abril, 2017 a las 11:57 am
Muchas gracias por tu respuesta, si asi es estoy usando Zerius Child. Intente tambien hacer un child theme separado pero no pude hacer la copia de secciones.
Espero con ansias el nuevo tut.
Saludos y de nuevo muchas gracias!

Mauricio Arcehelizaga · 21 abril, 2017 a las 10:39 am
Hola Ana Ayelen, una pregunta y no jodemos mas.
En el nuevo Zerif Lite/Zerius necesito hacer 2 secciones parecidas a Our focus. Como estaba antes el theme habia creado un widget area en functions y colocaba las cosas que necesitaba ahi. Pero ahora trato de hacerlo de nuevo y no he podido. Tenes alguna idea como se podria hacer?
Gracias infinitas

Caribdis Diseño Web · 24 abril, 2017 a las 9:35 am
Hola, Mauricio.
Deberías poder crear todas las secciones que necesites, siempre y cuando les des un nombre único a cada una. Para orientarte mejor, fijate en estas respuestas.
Saludos.

Fernando · 20 abril, 2017 a las 5:05 am

Hola!

Muchas gracias por este post. Me gustaría saber como se hace para quitar el título de la página, y para poner los botones de la llamada de acción donde quiera. Gracias por vuestra ayuda.

Caribdis Diseño Web · 22 abril, 2017 a las 10:40 am
Hola, Fernando.
El título aparece solo si hay contenido en el campo correspondiente. En cuanto a los botones, no me queda claro a cuáles te referís, si a los de la sección de título grande o los de las secciones roja y verde.
Saludos.

Jonathan · 26 abril, 2017 a las 10:41 pm

Ana.

uso un widgets para agregar la publicidad de adsense. pero no se como hacer para quitarle el fondo amarillo cuando la imagen es pequeña.

Agradezco tu ayuda

Caribdis Diseño Web · 28 abril, 2017 a las 3:17 pm
Hola, Jonathan.
Probá con el siguiente código:
ins {
    background: transparent;
}

Jonathan · 29 abril, 2017 a las 12:05 am
Si ya he puesto ese código en el style.ccs del tema hijo pero no funciona sera que no lo estoy colocando mal? o es porque el codigo de adsense esta en un widget de texto

Caribdis Diseño Web · 29 abril, 2017 a las 12:17 pm
Hola, Jonathan.
El código debería ir en el archivo custom.css, que se carga después de la hoja de estilos del tema padre (o en el recuadro CSS adicional del Personalizador). Si lo colocás en style.css del tema hijo, asignale la declaración !important. Ej.:
ins {
    background: transparent !important;
}
Saludos.

Jonathan · 29 abril, 2017 a las 10:14 pm
Muchas Gracias ahora si funciona.

Gema · 5 mayo, 2017 a las 7:23 pm

Hola,
al intentar configurar la página para la sección del blog, no me aparece la opción de «Blog template with large image». Qué tengo que hacer? Soy totalmente novata con el diseño web, estoy siguiendo todos los pasos que voy viendo en los tutoriales, pero justo esta parte del blog no funciona porque no me sale esa opción.
Gracias de antemano por tu ayuda.
Saludos,
Gema

Caribdis Diseño Web · 7 mayo, 2017 a las 8:15 pm
Hola, Gema.
La última versión de Zerif Lite no incluye esa opción. Para configurar la página del blog, simplemente creá una página que se llame Blog, y luego seleccionala del menú Página de entradas desde Ajustes > Lectura > Página frontal muestra > Una página estática.
Saludos.

JuanCar · 7 mayo, 2017 a las 7:34 am

Hola,

Tu tutorial es la caña, gran trabajo.

Quería preguntarte si hay posibilidad de poder cambiar el color de fondo de las páginas de menú, el que estén en blanco me parece un poco soso :S, hay posibilidad de hacerlo???

Muchas gracias 😉

Caribdis Diseño Web · 7 mayo, 2017 a las 8:18 pm
Hola, JuanCar.
Gracias por tu comentario.
No me queda claro qué color de fondo querés cambiar. Si te referís al de las secciones (Enfoque, Equipo, etc.), fijate en esta respuesta.
Saludos.

Luis · 10 mayo, 2017 a las 1:03 am

Hola Ana.
Agradecería tu ayuda. Cambié la URL del sitio y los iconos del footer (telephone65-blue.png, images/envelope4-green.png y map25-redish.png) ya no aparecen. Vale aclarar que siguen alojados en su respectiva carpeta.

Mil gracias.

Caribdis Diseño Web · 10 mayo, 2017 a las 1:19 pm
Hola, Luis.
Parecería que las tres imágenes no están asignadas. Fijate volver a seleccionarlas desde el Personalizador y guardar los cambios.
Saludos.

Serena · 13 mayo, 2017 a las 1:10 am

Hola de nuevo!! Te escribo porque no sabía a quien mas acudir. Acabo de intentar instalar el plugin Google Analytics Dashboard, me puso mensaje de que la instalación fue correcta, y al activarlo se me bloqueó totalmente el acceso a la página como administrador. En el navegador la puedo ver, pero no puedo ingresar con mi clave de acceso, me sale este mensaje:
«Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 72 bytes) in /home/serenazitarrosa/public_html/wp-includes/pomo/mo.php on line 297»
Tenés idea de que tengo que hacer para solucionarlo?

Serena · 13 mayo, 2017 a las 12:01 pm

Busqué soluciones en millón de foros. Finalmente, después de probar editar el wp-config.php, y el .htacces, no encontrar el php.ini, que eran los archivos que debería tocar según varios posteos diferentes, y al no lograr solucionar nada, terminé borrando el plugin que generó este lío por ftp y se solucionó mágicamente!!
Al menos espero que mi pregunta y autorespuesta pueda ser de utilidad a otros si les pasa lo mismo que a mi.

Anna · 16 mayo, 2017 a las 11:11 am

Hola!

No consigo colocar el logo en la cabecera de la plantilla. En Identidad del sitio, selecciono la imagen (es un png con letras blancas sin fondo), hago clic en «Guardar y publicar» y aparece correctamente. Pero luego, cambio de pestaña y el logo en imagen desaparece y aparece el «título del sitio y la descripción corta».

Otra cosa que no me funciona es la sección «Clients Area» por mucho que añado Widgets no aparecen.

Muchisimas gracias!!

Caribdis Diseño Web · 16 mayo, 2017 a las 8:02 pm
Hola, Anna.
Es porque estás usando el tema hijo ResponsiveBoat. Fijate en la demo; en esta plantilla la sección de clientes está desactivada y la imagen del logo solo se muestra en la sección de título grande.
Saludos.

Florencia · 16 mayo, 2017 a las 3:09 pm

Hola!!! muchisimas gracias por compartir todos tus conocimientos, son de mucha ayuda para mi y veo que para mucha gente!!!

Estoy trabajando sobre el formulario de contacto (Pirate Forms) y necesito agregar el boton de carga de archivos, pero para acrgar al menos 3 imágenes, logro poner uno solo. (que es la opción que ya encuentro como predeterminada)

Cómo puedo editar esta opción, y que me permita cargar 3 o más imágenes?

Utilicé el contact form 7, pero lo edito y no logro «vincularlo» con el formulario ya creado por zerif lite.

Muchas gracias!
Saludos y una linda tarde!

Caribdis Diseño Web · 16 mayo, 2017 a las 8:21 pm
Hola, Florencia.
Gracias por tu comentario. 🙂
Pirate Forms no tiene opción para colocar más botones de carga de archivos. Podés usar este tutorial para integrar Contact Form 7 a Zerif.
Saludos.

Alvaro · 23 mayo, 2017 a las 11:52 am

Buenos días;

El motivo por el cual les escribo es porque me sucede, que cuando estoy logeado como admin en mi wordpress con el template Zerif Lite, veo la pagina por completo, con todas las secciones. En cambio cuando ingreso a la pagina como cualquier persona, sin tener usuario ni estar logeado, veo que faltan muchas partes en la pagina (la pagina es edificiosnakawe.com). Les paso? cual es la solución?.-

Desde ya, muchas gracias!.-

Caribdis Diseño Web · 23 mayo, 2017 a las 6:31 pm
Hola, Álvaro.
¿Cuál sería el inconveniente? ¿No guarda los cambios que realizás en el Personalizador?

Alvaro Chirou · 23 mayo, 2017 a las 7:38 pm
Claro, lo que sucede es que veo una pagina desde el personalizar de wordpress, y si visualizo la pagina como la podes visualizar vos ingresando a http://edificiosnakawe.com/, se ve de otra manera, como me identifica como spam las url donde te puedo mostrar como yo veo desde el admin la pagina desde el personalizar, te la dejo en web en diferentes comentarios.-
La pregunta es, porque veo una pagina desde el personalizar del admin de wordpress y como un usuario sin registrar ni ingresar veo que a la pagina le faltan partes. Se ve diferente..

Caribdis Diseño Web · 23 mayo, 2017 a las 8:11 pm
Hola, Álvaro.
Es la apariencia predeterminada al instalar el tema (porque aún no tiene contenido asignado). Cuando le agregues contenido en el personalizador y lo guardes, debería aparecer en la página.
Saludos.

Alvaro Chirou · 23 mayo, 2017 a las 8:27 pm
Bueno, lo intento y te comento, había hecho cambios leves ya que pensé lo mismo pero intento con algo mas profundo y te aviso.-
Muchísimas gracias por tomarte el tiempo de responder.-

Dani_Cheng · 26 mayo, 2017 a las 9:30 am

Hola,

tengo un problema, pero no sé si es mío o este tema.

Estoy personalizando la plantilla y todo, desde mi PC se ve de maravilla. El problema ha surgido cuando he accedido a mi web desde mi móvil (está en mantenimiento y he accedido con usuario).

Al entrar sale la cabecera bien, pero la sección verde, el call to action no sale (transparente) y el todos los backgrounds, como el del formulario del footer, tampoco salen (sale transparente).

El caso es que la vista desde el PC es correcta, pero desde el móvil.

Por favor, ayuda con esto.

Caribdis Diseño Web · 26 mayo, 2017 a las 1:07 pm
Hola, Dani_Cheng.
Comparalo con la demo. Si ves diferencias, puede que tengas algún plugin que interfiere, o hayas hecho cambios que afectan la vista en dispositivos móviles.
Saludos.

Alexander · 26 mayo, 2017 a las 3:05 pm

Hola Ana como estas. Tengo una breve duda, si quiero ahorrar recursos en la carga de imagenes en movil debo necesariamente tener 2 imagenes una grande para desktop y otra pequeña? O de que forma podría hacer que se cargue una imagen de una entrada pero hacer que en movil la cargue mas pequeña y no consuma los recursos de la carga de la imagen grande? Saludos.

Caribdis Diseño Web · 29 mayo, 2017 a las 10:37 am
Hola, Alexander.
Hasta donde sé, Zerif genera una miniatura distinta para la vista móvil.
Pero algo que puede venir bien en estos casos es usar lazy loading, que es la carga diferida, a medida que el usuario navega la página (imágenes fuera del área visible de la pantalla no se cargan). Podés probar con algún plugin, como este, por ejemplo.
Saludos.

Juanjo · 28 mayo, 2017 a las 6:16 pm

Aloha!

dos preguntas:
1.- Como puedo poner un color mas claro para que se vea el icono de debajo del color negro del cuadrado que sale cuando pasas el cursor por encima de los iconos de la sección Nuestro equipo.

2.-Utilizo el editor de páginas Page Builder y me gustaria poder controlar el lugar donde coloco una imagen. Es decir si pongo 2 filas con dos columnas con texto y foto en cada uno, que la segunda foto de la fila2 me aparezca al lado de donde esta el texto de la fila2, pero me aparece a continuación de la foto1 de la fila1…

Muchas gracias. Una sonrisa.

Caribdis Diseño Web · 29 mayo, 2017 a las 9:29 pm
Hola, Juanjo.
Si entendí bien, querés bajar la opacidad del fondo de la descripción del miembro de equipo. En ese caso, el código que deberías usar es:
.team-member .details {
    background: rgba(0, 0, 0, .6) !important;
}
Cambiá el valor alfa .6 por el que necesites (valor menor, opacidad menor) y el valor RGB para usar otro color.
Y en cuanto al punto dos, no sabría decirte con exactitud, ya que conozco poco y nada el plugin. Quizá te convendría plantearlo en el foro de soporte.
Saludos.

Alejandro · 30 mayo, 2017 a las 4:44 pm

Primero que todo mil gracias por toda la información, muy completa, un gran trabajo de tu parte.

Quisiera hacerte una consulta, en los widgets de la sección nuestro enfoque el texto que se pone esta sin justificar, y al escribir algo un poco largo se ve horrible ya que da la apariencia de estar muy desordenado. ¿existe alguna forma de justificar este texto?

Muchas gracias por todo

Caribdis Diseño Web · 31 mayo, 2017 a las 5:55 pm
Hola, Alejandro.
Fijate en esta respuesta.
Saludos.

Antonio Andrade · 4 junio, 2017 a las 10:09 pm

Perdonen, también me gustaría cambiar, en la sección de «título grande», los botones predeterminados por un formulario sencillo de suscripción por email, ¿es posible esto?

Caribdis Diseño Web · 5 junio, 2017 a las 8:44 pm
Como ser posible, es posible, pero depende del tipo de formulario/plugin que uses. Aquí tendrías que modificar el archivo big_title.php, reemplazando el código de los botones por un do_shortcode (ejemplo para un plugin que genere códigos abreviados).
Saludos.

Javier · 10 junio, 2017 a las 8:19 am

Hola Ana, podría cambiar el contenido de la seccion de testimonios para usarla como un carrusel de imagenes¿?, no me gustaria crear una seccion nueva.

Gracias.

Caribdis Diseño Web · 11 junio, 2017 a las 2:28 pm
Hola, Javier.
Podés usar otros widgets en la sección, y tendrías que agregar el siguiente código CSS para que abarque las cuatro columnas:
#client-feedbacks .feedback-box {
    width: 100%;
}
Saludos.

Alejandro · 12 junio, 2017 a las 1:12 am

Hola Ana,

Primero agradeciendo como siempre por la ayuda 🙂

Quisiera preguntar algo, no se si es un poco tonta la pregunta, pero la verdad es que no lo he conseguido.

Quiero crear dentro de mi sitio varias paginas que usen la plantilla principal, cada pagina usaria determinadas secciones. El problema es que cuando creo una pagina nueva y le asigno la plantilla «portada», cuando voy al personalizador, los cambios que haga en una pagina se ven automáticamente reflejada en todas, por ende todas las paginas quedan exactamente igual. (al ver la pagina desde el editor las paginas siempre salen en blanco, supongo que el tema carga la «portada» en la pagina en blanco y lo que edito es esta portada, por eso todas las paginas quedan igual)

hay alguna forma de resolverlo? de forma que pueda crear diferentes paginas con el formato de la portada??

mil gracias por tu ayuda.

Caribdis Diseño Web · 13 junio, 2017 a las 7:32 pm
Hola, Alejandro.
La única manera de crear páginas diferentes con determinadas estructuras, es usando un constructor.
Saludos.

Axel · 12 junio, 2017 a las 11:58 am

No se me desactiva el desplazamiento suave. ¿Que hago?

Caribdis Diseño Web · 13 junio, 2017 a las 7:57 pm
Hola, Axel.
La verdad, no tengo idea por qué sucede esto. Te sugiero que lo plantees en el foro de soporte.
Saludos.

Noel · 14 junio, 2017 a las 12:35 pm

Hola Ana.

Quiero cambiar el color blanco que sale en el menu donde esta el logo de la empresa seguido de caracteristicas, quienes somos, etc.

Estare esperando atentamente tu respuesta. Muchas Gracias.

Caribdis Diseño Web · 14 junio, 2017 a las 7:48 pm
Hola, Noel.
Fijate en esta respuesta.
Saludos.

Eduardo Gonzalez · 15 junio, 2017 a las 6:30 am

Buenos dias,
Ante todo gracias por el tutoría me ha servido mucho, tengo un problema y es que he instalado este tema y he editado la que quiero sea la pagina de inicio (Portada) con Elementos y una vez finalizada la pagina que quiero usar como inicio he ido a elegir la pagina estática y cuando selecciono la nueva pagina o cualquier pagina que tiene mi web se sigue manteniendo como predeterminada la pagina de inicio del tema.
Como puedo modificar esto?
Muchísimas gracias por tu tiempo.
Un Saludo

Caribdis Diseño Web · 15 junio, 2017 a las 9:51 pm
Hola, Eduardo.
¿Estás usando un tema hijo? Si no, fijate que la página seleccionada como inicio no tenga asignada la plantilla Portada o Frontpage.
Saludos.

Jesús Navas · 18 junio, 2017 a las 9:29 am

Hola Ana:

Muchisimas gracias de antemano.

Tengo como tema activo Zerius pero al avisarme que ya no habrá actualizaciones pese a tener el plugin Zerif Lite Transition cuando activo la actualizacion de Zerif Lite no me guarda pagina de cabecera, ni seccion de titulo grande, ni footprint.

Tu que harías??

Gracias por la respuesta

Caribdis Diseño Web · 20 junio, 2017 a las 12:07 pm
Hola, Jesús.
La versión 2.0.5 se descontinuó, por lo tanto lo recomendable es usar la del repositorio, que es la que se mantiene activa y seguirá recibiendo actualizaciones. Al pasar a la nueva versión no hay que olvidar crear una página con la plantilla Frontpage y asignarla en los ajustes de lectura. También es indispensable el plugin ThemeIsle Companion.
Saludos.

Rafael · 21 junio, 2017 a las 5:21 pm

Hola excelente tutorial. Si me puedes ayudar con estas dudas te agradezco
1. Cómo hago para colocar sobre la sección donde va el logo y el menú, un cintillo. Es decir, una imagen estilo cinta.
2. En el blog es posible cambiar la linea roja que aparece debajo del titulo de la entrada y en los titulos de las secciones de la barra lateral?
3. Como puedo cambiar el color de la sección about.
Gracias de antemano

Caribdis Diseño Web · 23 junio, 2017 a las 12:59 pm
Hola, Rafael.
1. Fijate si este plugin te sirve.
2. Respuesta aquí.
3. Ver este tutorial.
Saludos.

Lenis · 23 junio, 2017 a las 8:56 pm
Al parecer el plugin sirve para eso pero no sé como usarlo

Lenis · 23 junio, 2017 a las 7:33 pm

Hola Ana tus tutoriales me han servido bastante.

Pero no encuentro estas respuestas
1. Cómo cambiar de color la línea que está debajo de los títulos de las entradas (tanto en la página de inicio como la del blog) y en el sidebar?
2. Los css los he ido colocando desde «Añadir css» y se aplican los cambios, Pero intenté llevarme los códigos al custom.css y ahí si no se hacen los cambios sino que queda como viene originalmente, sabes a qué se deba?

Gracias

Caribdis Diseño Web · 23 junio, 2017 a las 10:38 pm
Hola, Lenis.
1. La respuesta está aquí.
2. ¿Activaste el tema hijo?
Saludos.

Lenis · 24 junio, 2017 a las 1:05 pm
Gracias Ana, si, todo lo estoy haciendo sobre el tema hijo activado

Caribdis Diseño Web · 26 junio, 2017 a las 12:59 pm
Si custom.css está bien incluido en el archivo functions.php, está en la carpeta correcta y no hay errores en el nombre no debería haber problema.

Lenis · 1 julio, 2017 a las 1:21 pm
Gracias Ana, ya revisé y aparentemente todo está bien, en la carpeta correcta. Con respecto al functions.php no lo modifiqué para incluir el custom pues ya estaba incluido de esta manera: wp_enqueue_style( ‘child-style’,get_stylesheet_directory_uri() . ‘/custom.css’, array( $parent_style ));
Otra duda Ana, quizás ya la has respondido pero no la encuentro. ¿Como puedo cambiar el tamaño de la letra del menú?

Caribdis Diseño Web · 2 julio, 2017 a las 11:35 am
Hola, Lenis.
Si todo está bien, entonces deberías ver los cambios. Asegurate de que el código esté pegado fuera de las marcas /* */.
En cuanto a la segunda duda, la respuesta está aquí.
Saludos.

Alexander · 7 julio, 2017 a las 1:45 pm

Hola Ana, excelentes tus articulos.

He visto en varios blog que indican que es obligatorio incluir un aviso del uso de cookies en los sitios web, deberia considerar esto para mi nueva web? O no es obligatorio? Y de ser así, tiene que ser un aviso visible en la homepage o puede ser un link de politica para ingresar como veo que tiene esta pagina?

Saludos!

Caribdis Diseño Web · 9 julio, 2017 a las 11:44 am
Hola, Alexander.
El aviso de cookies es solo obligatorio para las webs que están en países de la Unión Europea (el que tiene que estar visible con un botón para aceptar). En caso de que tu web incluya publicidad a través de un servicio de terceros, fijate si el patrocinador tiene alguna cláusula que indique la necesidad de poner alguna notificación dentro de la política de privacidad. Google AdSense la tiene, pero basta con colocar un enlace en la portada a una página con el texto explicativo.
Saludos.

felipe · 10 julio, 2017 a las 4:07 am

necesito cambiar el orden de las secciones, or focus antes que historia
he editado Zerif Lite: Frontpage Plantilla de Página (template-frontpage.php)
cambiando el orden y no obtengo el resultado, tambien he agregado css adicionales

Caribdis Diseño Web · 10 julio, 2017 a las 10:06 pm
Hola, Felipe.
El archivo que hay que editar es content-frontpage.php (previamente copiado a la carpeta del tema hijo).
Saludos.

Sergio Maldonado · 11 julio, 2017 a las 11:07 pm

¡Hola Ana! Fijate que tengo este template en mi pagina web pero quiero agregar una «sub página» (si es que se le puede llamar así).
Ya tengo la del inicio y tengo un lnik que me redireccione a esa sub página, el asunto es que no puedo crear diche página.

Cabe resaltar que mi página es sobre un grupo de fotógrafos y productores audiovisuales que tenemos con unos amigos, y el link que quiero redireccionar es para una galeria de fototrafías para mostrarlas.

¿Podrías ayudarme en ello?
Espero haberme explicado bien.
Si gustas, dejaré mi página para que veas eso de la «galería».
chejomaldonado.com

¡Gracias!

Caribdis Diseño Web · 12 julio, 2017 a las 7:50 pm
Hola, Sergio.
Creo que entiendo lo que querés hacer, pero no me describiste por qué no podés crear la página. En el menú Páginas creás una nueva con el nombre «Galería», y allí podés crear una desde la biblioteca multimedia (con Añadir objeto). Luego vas a Apariencia > Menús y agregás la página que creaste como elemento dentro de tu menú activo.
Te recomiendo la Guía WP Fácil para que te familiarices con la edición de contenido y administración de las herramientas básicas de WordPress, como los menús, la biblioteca multimedia y la creación de páginas y entradas.
Saludos.

Axel · 18 julio, 2017 a las 4:17 pm

Hola que tal? Tengo un problema, no me aparecen los botones en la seccion de titulo, ni en la secciones de contactar. Ademas, en la parte de «sobre nosotros» tampoco aparecen los cirulos «editar habilidad». En el navegador donde configuro las cosas SI aparecen, pero una vez lo abro en otra pc, u otro navegador, pasa esto que te cuento.
¿Cual es el error?

Caribdis Diseño Web · 18 julio, 2017 a las 8:33 pm
Hola, Axel.
Si es la URL de tu comentario, no veo el error: los botones aparecen, al igual que los círculos de las habilidades.
Saludos.

angel · 19 julio, 2017 a las 11:58 am

Hola. Gracias por el tutorial. Tengo un problema en la página de inciio en la sección de blog no me muestra las entradas más recientes sino más bien las antiguas. ¿Como puedo cambiarlo?

Caribdis Diseño Web · 19 julio, 2017 a las 1:26 pm
Hola, Ángel.
El comportamiento predeterminado de WordPress es mostrar las entradas en orden cronológico inverso, y no hay ninguna opción en los ajustes para cambiarlo. Fijate que no sea la configuración de algún plugin.
Saludos.

CGM · 19 julio, 2017 a las 3:27 pm

Ola, tenho problemas na hora de adicionar uma aba no menu, ela bloqueia meu site e nao deixa mas mexer e tenho que esperar dois dias para voltar a mexer.

Caribdis Diseño Web · 20 julio, 2017 a las 8:09 pm
Hola, CGM.
Tiene más apariencia de ser un problema del servidor que del tema o de WordPress. Consultalo con tu proveedor de hosting.
Saludos.

Mccmarketingseo · 20 julio, 2017 a las 4:19 pm

Holaaaa que tal?, tengo un problema, si es que he instalado el plugins AddThis Sharing Buttons y bueno en la portada me sale las redes sociales para poder compartir, pero al darle a facebook, intenta compartir un apartado que tengo de nuestro equipo, que yo le cambie el nombre a nuestros trabajos, y quisiera que compartiera la portada de mi web, y no se como hacerlo, si me podrían ayudar se lo agradecería. un saludo. y gracias.

Caribdis Diseño Web · 20 julio, 2017 a las 8:28 pm
Hola, Mccmarketingseo.
Supuestamente el plugin de AddThis debería usar las etiquetas Open Graph para generar las vistas previas de las páginas compartidas. Esas etiquetas se generan automáticamente cuando completás los datos meta con cualquier plugin de SEO.
Saludos.

Diego Martin · 22 julio, 2017 a las 6:05 pm

Gracias por compartir tus conocimientos… mi duda es la siguiente: hay alguna forma de eliminar el zoom de las imagenes de los productos?

Gracias

Caribdis Diseño Web · 22 julio, 2017 a las 10:06 pm
Hola, Diego.
Tendrías que usar un tema hijo, y en el archivo functions.php pegar el siguiente código:
function zerif_child_wc_zoom_support() {
    remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'after_setup_theme', 'zerif_child_wc_zoom_support', 11 );
Saludos.

Diego Martin · 24 julio, 2017 a las 5:08 pm
Te comento que pude solucionar eso, pero desde antes y tambien ahora tengo el siguiente problema: las miniaturas quedan 3 arriba 1 en el medio y 3 abajo… en vez de quedar en dos filas de 3? donde podria modificar eso? adjunto foto como ejemplo de como lo tengo actualmente Gracias
https://i.gyazo.com/914bdd465789d0dafff36f3fd0f2eacc.png

Caribdis Diseño Web · 24 julio, 2017 a las 7:55 pm
Hola, Diego.
Probá con el siguiente código en la hoja de estilos del tema hijo, o CSS adicional:
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none;
}
Saludos.

Diego · 26 julio, 2017 a las 5:21 pm
Hola Ana, lo pude solucionar con ese codigo! te agradezco mucho !!

Luis · 25 julio, 2017 a las 3:12 am

Hola otra vez Ana, ¿podrias indicarme como añadir en el apartado «widgets» que vienen nominados como
«Real del pie 1», «Real del pie 2», «Real del pie 3», el código necesario para añadir un «Real del pie 4», ?
Gracias

Caribdis Diseño Web · 26 julio, 2017 a las 1:25 pm
Hola, Luis.
El nivel de edición para agregar un área de widgets es bastante alto y va más allá de la ayuda que pueda darte por este medio. Si necesitás un pie de página con cuatro columnas, tendrías que considerar usar otro tema.
Saludos.

Francisco Mérida · 2 agosto, 2017 a las 4:17 am

Buenos días Ana,

He actualizado el pluging de PirateForms y me ha dejado la web tostada:
«Parse error: syntax error, unexpected T_FUNCTION»

¿Tienes alguna idea de cómo solucionarlo?
Gracias por adelantado.

Saludos

Caribdis Diseño Web · 2 agosto, 2017 a las 10:03 pm
Hola, Francisco.
Si estás seguro de que el error fue ocasionado por ese plugin, borrá la carpeta /pirate-forms/ que está en /wp-content/plugins/.
Saludos.

Francisco Mérida · 3 agosto, 2017 a las 3:14 am
Buenos días,
Eso hice, posteriormente volví a la versión 1.2.5 y ya la tengo de nuevo funcionando. Me ocurrió con la versión 4.8.0 de WP, ahora si intento actualizar de nuevo el plugin me da un «error fatal».
Muchas gracias.
Saludos

Manuel Nuñez · 17 agosto, 2017 a las 3:48 am

Buenos días Ana:
Tengo una gran consulta que no he podido responder después de una gran búsqueda en navegadores.
¿Cómo puedo aumentar el tamaño de los precios en mi tienda woocomerce?
¿ y cambiar su color predefinido?
Espero puedas ayudarme
Muchas gracias

Caribdis Diseño Web · 17 agosto, 2017 a las 1:34 pm
Hola, Manuel.
En el archivo custom.css del tema hijo, o en el recuadro CSS adicional del personalizador pegá el siguiente código:
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
    font-size: 20px;
    color: #999;
}
Modificá los valores por los que necesites.
Saludos.

Manuel Nuñez · 17 agosto, 2017 a las 4:30 pm
Muchas gracias por tu respuesta, al agregar el codigo en css, solo cambia el espaciado entre el titulo y el precio, será algun plug que estará interfiriendo?
El color si es posible modificarlo, pero el tamaño de valor no!
Espero pueda ayudarme
Saludos Cordiales
Manuel Nuñez

Caribdis Diseño Web · 17 agosto, 2017 a las 7:04 pm
Hola, Manuel.
Sí, podría ser algún plugin. ¿Qué versión de WooCommerce estás usando? ¿El sitio está en línea, como para poder ver el código?
Saludos.

Luis G. · 29 agosto, 2017 a las 7:56 am

Hola Ana, ¿como podría quitar/omitir el Texto «Nuestros Clientes» de la Sección ¿Quienes Somos?
Gracias

Caribdis Diseño Web · 29 agosto, 2017 a las 11:42 am
Hola, Luis.
Fijate en este tutorial, en la sección Área de clientes, que se accede desde Personalizar > Secciones de la página de inicio.
Saludos.

Elena · 6 septiembre, 2017 a las 4:58 pm

Hola! Gracias por tu blog, es muy útil. Quisiera saber si es posible asignar un enlace a un widget dentro de una sección pues en mi menú quiero crear un enlace que me lleve a ese widget y posteriormente si hago click en él que me lleve a otra página de la web. Gracias!

Caribdis Diseño Web · 7 septiembre, 2017 a las 11:35 pm
Hola, Elena.
Podés incluir una id dentro del contenido del widget. Algo así como <span id="enlace-widget">Texto</span>. Y luego el enlace personalizado en el menú sería: /#enlace-widget.
Tené en cuenta que al estar la cabecera fija, parte del texto podría quedar debajo.
Saludos.

Eduardo Bermeo · 10 septiembre, 2017 a las 1:55 pm

Hola .. Tengo una duda que no he podido solucionar . Si quiero monetizar mi pagina con el tema zerif lite que tengo que hacer para que me funcione adsense ? Saludos desde colombia ,

Caribdis Diseño Web · 11 septiembre, 2017 a las 11:31 pm
Hola, Eduardo.
Todo depende de dónde quieras colocar los anuncios. Si no estás familiarizado con el código, lo más conveniente es instalar un plugin.
Saludos.

Andrea · 18 septiembre, 2017 a las 8:33 pm

Hola! Me ocurre algo extraño, tengola versión 4.8 de wordpress y no me sale la opción Añadir CSS ¿cómo puedo activarla? Gracias

Caribdis Diseño Web · 18 septiembre, 2017 a las 11:42 pm
Hola, Andrea.
El panel CSS adicional está dentro del Personalizador (siempre es el último de la lista).
Saludos.

Miranda · 2 octubre, 2017 a las 7:10 pm

¡Holaaa!!
Mil gracias por toda la ayuda, tus tutoriales me salvan siempre!!

Ya estoy por terminar mi página y quisiera pedirte tu ayuda con 3 cosas que me ha costado mucho trabajo terminar

1. En los botones de llamado a la acción no puedo cambiar el color del botón inferior.
2. En el footer es posible cambiar el color de los iconos de redes sociales, link a correo y teléfono para que cuando pase el mouse por encima sea azul y no naranja como el predeterminado.
3. como puedo quitar el icono de que se esta cargando la página cuando recién la abro.

Mil mil gracias por tu ayuda!!!

Caribdis Diseño Web · 3 octubre, 2017 a las 1:37 pm
Hola, Miranda.
Para lo primero, fijate en esta respuesta.
Para lo segundo, usá el siguiente código (reemplazá el color por el que necesites):
.company-details a:hover,
.social li a:hover {
    color: #fff;
}
Y para lo último, fijate en este tutorial, hay una opción en el panel Opciones avanzadas > Opciones generales.
Saludos.

Miranda · 20 octubre, 2017 a las 6:07 pm
Mil mil graaaacias ya pude resolver todo!!
Gracias por compartirnos tus conocimientos y ayudarnos!!
un abrazo!
Miranda.

Lubys · 9 octubre, 2017 a las 12:36 am

Hola tengo un problema, he asignado en ajustes página estática inicio y en blog como entradas, creando una pagina de inicio y blog ,sin embargo no me apaerce nada de contenido muestra de zerif lite pero cuando cambio a «la pagina estatica muestra tus ultimas entradas» si me aparece todo el contenido muestra de zerif lite.
Yo descargue el tema desde el repositorio y he instalado los
plugins recomendados.
¿Cómo solucionarlo?

Caribdis Diseño Web · 9 octubre, 2017 a las 1:35 pm
Hola, Lubys.
¿Qué versión de Zerif Lite estás usando?

Jesús González · 10 octubre, 2017 a las 4:26 pm

Hola,
Creía haber preguntado ya esto, pero no encuentro mi pregunta. Me gustaría poner un vídeo en la sección about-us pero por más que intento copiando en enlace de Youtube, incrustandolo, poniéndolo como iFrame… No consigo que se vea.

¿Cómo podría hacer? Pensé en copiar el código embed en la plantilla de la sección about-us, pero no sé dónde va…

Sí pudieras ayudarme te estaría muy agradecido!

Caribdis Diseño Web · 11 octubre, 2017 a las 11:05 am
Hola, Jesús.
Fijate en esta respuesta.
Saludos.

Oscar · 30 octubre, 2017 a las 4:44 am

Buenas os queria preguntar una cosa o si alguien me pudiese echar una mano gracias.
Cuando busco mi pagina en google , en los resultados sale esto.
Just another WordPress site: My blog
Y no tengo manera ni modo de poner el nombre de la empresa,lo mismo es una cosa facil pero me estoy volviendo loco.
Mil gracias ante todo, gran trabajo.
Un saludo.

Caribdis Diseño Web · 31 octubre, 2017 a las 8:22 pm
Hola, Oscar.
Si es la web del comentario, creo que ya lo resolviste.
Saludos.

Martin · 31 octubre, 2017 a las 4:04 pm

Hola Ana, buenas tardes.

Gracias por compartir artículos tan útiles.
Después de leer alguno de ellos, pensé en la idea de hacerte una consulta.

Tengo un sistema de encuestas en la pagina, para no tener un conflicto con el diseño de la pagina y que sea responsive, tuve que ponerle a cada encuesta este codigo CSS:

@media screen and (min-width: 320px) and (max-width:480px) {
.ui-widget-content {
width: 283px !important;
height: 200px !important;
}

.thumbselect-img-wrapper{
width: 283px !important;
height: 200px !important;
}
}

Las respuestas las muestro dentro de una pagina que hice.

Solo que cuando las queres ver desde un celular, el template me corta el margen derecho.

Me gustaría saber si sabes de donde puedo moderar los margenes de las paginas dentro de Zerif Lite? Intente poner el CSS en «Personalizar – CSS Adicional» y no pasa nada, sigue igual…no es completamente responsive.

Aprecio de ante mano cualquier respuesta.
Saludos!

Caribdis Diseño Web · 1 noviembre, 2017 a las 2:13 pm
Hola, Martín.
Gracias por tu comentario.
La verdad, no me queda claro a qué parte de la página te referís. Si pudieras enviarme una URL para verlo, mejor.
Saludos.

Martin · 1 noviembre, 2017 a las 5:12 pm
Aprecio tu respuesta!
Estoy intentando enviarte el link pero el sistema me toma como spam, como te lo hago llegar? Podría por Facebook?
Gracias de ante mano!

Caribdis Diseño Web · 1 noviembre, 2017 a las 5:56 pm
Fijate si lo podés «enmascarar»… algo así como urldelsitio(.)com(/)pagina
Si no, enviámelo por mail.

Martin · 1 noviembre, 2017 a las 6:14 pm
Genial!
A ver….www(punto)mirabox(otro mas)com(ultimo punto)ar/respuestas-confirmadas/?id=QQL%2B10T65KkAyCTOf3PB%2FeN%2FNpGfuTsS07RU5dtjhuk%3D
Gracias de ante mano!

Caribdis Diseño Web · 1 noviembre, 2017 a las 6:50 pm
Aparece un aviso de error (ID invalida) y al menos ahí no veo ningún margen fuera de lugar. Por las dudas, enviame el enlace al mail.

Caribdis Diseño Web · 1 noviembre, 2017 a las 7:58 pm
El problema es que es una tabla. La única solución es darle al div un overflow-y: scroll;, para que el usuario pueda desplazar el contenido de manera horizontal.
El código sería:
@media screen and (min-width: 320px) and (max-width: 800px) {
.ipt_fsqm_form {
  overflow-y: scroll;
}
}
Saludos.

Martin · 1 noviembre, 2017 a las 7:08 pm
Disculpame, ahora si, te paso el correcto:
https(dos punto)//www(punto)mirabox(otro)com(ultimo punto)ar/respuestas-confirmadas/?id=QQL%2B10T65KkAyCTOf3PB%2FeN%2FNpGfuTsS07RU5dtjhuk%3D
Gracias!

Martín · 1 noviembre, 2017 a las 8:35 pm
Buenísimo! Funcionó.
Ahora me puedo mover por toda la table. Muchas gracias!
Voy a probar las variantes de «overflow-y: visible|hidden|scroll|auto|initial|inherit;»
Si necesitas hacer un regalo, por favor, contactanos, con gusto tendremos una gentileza. Recordaremos tu nombre 🙂
Apreciamos tu tiempo y toda la ayuda que brindas.
Saludos!

Carlos Vilanova · 8 noviembre, 2017 a las 1:27 pm

Hola amigos estoy instalando el plugin multilingue wpglobus y los idiomas se me ven mezclados alguien a tenido este problema
{:es}Nuestra Historia{:}{:ca}La nostra historia{:}

Gracias

Caribdis Diseño Web · 8 noviembre, 2017 a las 7:49 pm
Hola, Carlos.
La verdad, no conozco el plugin. Tendrías que plantearlo en el foro de soporte. Zerif está optimizado para Polylang, podés ver el tutorial para implementarlo aquí.
Saludos.

Nadiuska · 11 noviembre, 2017 a las 11:45 am

Saludos. Quisiera saber por qué cuando no he iniciado sesión no se ven los títulos de las secciones QUIENES SOMOS ni TESTIMONIOS.

Gracias.

Caribdis Diseño Web · 12 noviembre, 2017 a las 11:53 am
Hola, Nadiuska.
Probá cambiar el texto de ambos campos y guardar. Cargá la página en una ventana privada y fijate si aparecen.
Saludos.

Nadiuska · 13 noviembre, 2017 a las 12:08 am
Muchas gracias, funcionó.

lizeth · 12 noviembre, 2017 a las 11:39 am

Hola, mil gracias por los tutoriales, queria hacerte una pregunta, resulta que coloque una imagen en la sección #aboutus en vez de las habilidades, así como lo indicas en un tutorial, cuando lo veo teniendo mi sesión de administrador abierta, se ve perfecto, sin embargo cierro la sesión y abro la página para ver como la verán las demás personas, y desaparece la imagen totalmente. como soluciono esto?

Caribdis Diseño Web · 13 noviembre, 2017 a las 7:31 pm
Hola, Lizeth.
Gracias por tu comentario.
Si podés, enviame la URL del sitio para verlo, y fijate que no esté cargando una versión de la página guardada en caché (limpiá cookies e historial del navegador).
Saludos.

Diana · 14 noviembre, 2017 a las 9:53 am

No hace la busqueda correcta. Solo encuentra cosas que estén insertadas como páginas o entradas (solo tengo dos y son las menos importantes). Casi todo el contenido de la página web está en «Apariencia>Personalizar» > «Seccciones de la página de inicio». ¿Cómo puedo hacer para que busque en todo el contenido?

Caribdis Diseño Web · 14 noviembre, 2017 a las 10:48 am
Hola, Diana.
Esa es la funcionalidad estándar de búsqueda de WP. Si necesitás algo más avanzado, tenés que instalar un plugin.
Saludos.

Diana · 14 noviembre, 2017 a las 11:56 am
Entonces, ¿si se personaliza la página como describes en este artículo hay que instalar un plugin avanzado para que funcione la búsqueda?

Caribdis Diseño Web · 15 noviembre, 2017 a las 5:31 pm
Hola, Diana.
La búsqueda estándar arroja resultados del contenido de entradas y páginas. Los plugins extienden la búsqueda a campos personalizados, etiquetas, etc., pero el contenido de la página de inicio en Zerif son widgets, así que en ese caso, no sirven.
Saludos.

Jonathan · 20 noviembre, 2017 a las 10:28 am

Hola Hola

Ana sera posible que el logo se minimiza o esconder cuando se bajo la pagina??

Agradecido por tu ayuda

Caribdis Diseño Web · 21 noviembre, 2017 a las 12:00 pm
Hola, Jonathan.
No es posible lograr ese efecto en Zerif, sin «reprogramar» la cabecera.
Saludos.

sebastian Caicheo · 20 noviembre, 2017 a las 1:08 pm

hola disculpe que la moleste pero soy estudiante aun y necesito terminar mi practica y para eso trabajo en wordpress y uso zerif como tema mi pregunta es si es posible bajar los botones de posición y en la sección de miembros del equipo si es posible agregar un carrusel para que se mueva ya que me falta cosas por agregar y muy junto se vería mal muchas gracias de antemano

Caribdis Diseño Web · 21 noviembre, 2017 a las 7:55 pm
Hola, Sebastián.
Si te referís a ampliar el margen entre el título y los dos botones, tendrías que usar el siguiente código:
.buttons {
    margin-top: 100px;
}
Modificá el valor en píxeles por el que necesites.
En cuanto al carrusel, tendrías que usar un plugin.
Saludos.

Miranda · 23 noviembre, 2017 a las 8:11 pm

Hola!!
Quiero pedirte tu ayuda con mi página web porque al momento de abrirla en dispositivos móviles el footer se corta y no se ve bien. Hay alguna forma de ajustarlo?

mil gracias!! saludos!!

Caribdis Diseño Web · 24 noviembre, 2017 a las 10:58 am
Hola, Miranda.
Me suena a que es un problema de Show-Hide / Collapse-Expand. Revisá la configuración.
Saludos.

Miranda · 27 noviembre, 2017 a las 7:52 pm
Holaa!
Gracias! si te refieres al plug in todo esta en orden, incluso tengo otra página que programe sin ese plug in y me pasa lo mismo.
O es algo en el editor del tema? Me ayudar un poco!
Gracias!,
Miranda.

Caribdis Diseño Web · 27 noviembre, 2017 a las 8:36 pm
Hola, Miranda.
Cierto, no es el plugin. Tenés un código personalizado que no debería estar. Eliminá #footer .container { max-height: 155px; }.
Saludos.

paco marin · 25 noviembre, 2017 a las 10:20 am

Hola, soy un poco novato en todo esto, pero tengo una duda , he instalado Zerif lite, y la plantilla que se ha instalado no tiene nada que ver la apariencia, como la que sale en la vista previa antes de descargarla, mas bien se parece a un blog básico, no sale ni testimonios , ni mi equipo, ni muchas cosas mas. Hace tiempo estuve probando con ella y era completa justo al instalarla sin hacer ningún cambio. podéis decirme a que es debido , gracias

PD: os mando el enlace, pero he hecho alguno cambios y e instalado cosas probando .saludos

Caribdis Diseño Web · 26 noviembre, 2017 a las 2:13 pm
Hola, Paco.
Tenés que seguir las instrucciones de este tutorial, sección Configuración de página frontal.
Saludos.

paco · 26 noviembre, 2017 a las 9:21 pm
muy agradecido por tu informacion, todo perfecto, Gracias por tu amabilidad.