Tutoriales para Zerif actualizados

36 comentarios

Miguel López · 3 junio, 2017 a las 3:36 am

Hola, una consultita, me podrían explicar para que sirve el plugin: ThemeIsle Companion, he seguido sus tutoriales para mi sitio y gracias a ustedes e podido lograr mucho, pero no se en que momento apareció este plugin y quiero saber si vale la pena mantenerlo o si no hay problema en eliminarlo. Muchas gracias.

Saludos cordiales. Un abrazo

Caribdis Diseño Web · 3 junio, 2017 a las 1:45 pm
Hola, Miguel.
ThemeIsle Companion es un plugin necesario, para que puedas tener acceso a los widgets de Características, Nuestro equipo y Testimonios. Para que Zerif Lite volviera a estar disponible en el repositorio de WP.org ThemeIsle tuvo que crear el plugin, porque WP no permite que los widgets estén integrados en el tema.
Saludos.

Antonio Andrade · 4 junio, 2017 a las 9:50 pm

Saludos, gracias por su info, logré instalar el theme y ponerlo a volar, pero quiero saber dos cosas:

1.- ¿Cómo puedo cambiar el orden de las secciones?, quisiera colocar la franja de clientes más arriba.

2.- En la sección de «About», por default muestra los recuadros en lines de 4 y me gustaría cambiarlo a 3, ¿es posible?

Muchísimas gracias por su tiempo y dedicación. =)

Caribdis Diseño Web · 5 junio, 2017 a las 8:38 pm
Hola, Antonio.
Tendrías que crear un tema hijo y editar el archivo about_us.php. Moverías la parte del código que está comentado como <!-- CLIENTS --> adonde lo necesites.
En cuanto al segundo punto, no me queda claro a qué recuadros te referís. La sección About tiene tres columnas: un título a la izquierda, una descripción de texto en el medio, y los círculos de las habilidades a la derecha. ¿Cuál sería exactamente la parte que querés cambiar?
Saludos.

Elena · 5 junio, 2017 a las 8:56 am

Hola,

Me gustaría si hay algún modo sencillo en este tema de que las páginas creadas (al margen de la principal) lleven una imagen de cabecera. Gracias.

Caribdis Diseño Web · 5 junio, 2017 a las 8:59 pm
Hola, Elena.
Lo más sencillo para estos casos es usar un constructor de páginas. Zerif Lite es compatible con SiteOrigin Page Builder. En la demo podés ver un ejemplo.
Saludos.

Aureliano Servin Maldonado · 7 junio, 2017 a las 11:55 am

Hola. Cómo logro bajar la imagen del slider de la pagina de entrada. Es como si entrara debajo del menú.

Caribdis Diseño Web · 7 junio, 2017 a las 8:51 pm
Hola, Aureliano.
Estás usando el método anterior. Zerif ahora incluye la opción de agregar directamente el código abreviado del plugin. Fijate de seguir los pasos que se detallan en este tutorial.
Si no, usá los mismos códigos CSS, pero reemplazá la clase .home-slider-plugin por .home-header-slider.
Saludos.

Aureliano Servin · 8 junio, 2017 a las 5:41 pm
Lo logré con Css. Muchas gracias. Mi siguiente consulta: como logro que mis entradas y páginas tengan al costado una columna, un espacio para colocar otras informaciones por ej. Redes sociales..

Caribdis Diseño Web · 10 junio, 2017 a las 7:16 pm
Hola, Aureliano.
Fijate en esta respuesta.
Saludos.

Luis · 22 junio, 2017 a las 2:54 am

Zerif Lite. Hola, me gustaría saber si se puede conseguir que en los dispositivos móviles, la página principal se vea siempre como en el ordenador, es decir que no sea responsive (sólo el home del sitio.)
Gracias

Caribdis Diseño Web · 23 junio, 2017 a las 1:07 pm
Hola, Luis.
La verdad, desconozco si hay una manera simple para esto. Los navegadores móviles tienen una opción Pedir versión de escritorio (o similar), o sea que depende del usuario: si lo desea, puede activar esta opción.
Saludos.

Freddy · 28 junio, 2017 a las 11:31 am

Hola! excelente tutoriales, me gustaría hacerles una consulta, el index tiene un efecto que divide o separa la imagen de fondo dejando una parte superior en la pagina y la otra colocandola al final, quisera saber como quito este efecto,

Muchas gracias

Saludos

Caribdis Diseño Web · 28 junio, 2017 a las 11:15 pm
Hola, Freddy.
No sé si termino de entender a qué efecto te referís. Si es aplicar un color de fondo sólido en las secciones donde se ve la imagen de fondo, usá este tutorial como referencia.
Saludos.

albert elizalde · 2 agosto, 2017 a las 2:08 pm

Hola Ana.
Espero estés muy bien, tengo una consulta estoy trabajando en esta página http://www.elearningcore.com y en la parte donde dice BENEFITS agregue widgets de testimoniales para dividir cada beneficio que maneja, pero no logro cambiar los tamaños de texto en los widgets. Anteriormente había colocado widgets de texto, pero se veían muy transparentes las letras y al cambiar el fondo se perdían por eso opte por usar esto que están ahorita ya que no se pierden tanto, también quería saber si hay forma de quitar esas comillas que dividen cada texto o poder cambiarlas de color para que se adapte mejor al fondo y las lineas negras que aparecen a los costados de la palabra «BENEFITS»

Agradezco tu tiempo y ayuda.
Tus consejos me han hecho mejorar mucho 😀

Saludos!!

Caribdis Diseño Web · 2 agosto, 2017 a las 10:13 pm
Hola, Albert.
Para ocultar las comillas usá el siguiente código:
.about-us .quote {
    display: none;
}
Y para ocultar las líneas:
.about-us .our-clients {
    background: none;
}
Saludos.

miguelito Ausejo · 6 agosto, 2017 a las 11:44 am

Hola como podria modificar el Menu para que sea mas ancho…ya que mi pagina tiene artos enlaces de menu y el logo se sube y el menu queda por debajo del logo…sabe ud. como hacer para darle mas espacio ya que sobra espacio por la derecha e izquierda del menu

Caribdis Diseño Web · 6 agosto, 2017 a las 9:34 pm
Hola, Miguelito.
En el archivo custom.css del tema hijo, o en el recuadro CSS adicional del personalizador pegá el siguiente código:
#main-nav .container {
    width: 100%;
}
Tené en cuenta que si el menú es muy largo, igual se verá debajo del logo en resoluciones menores de pantalla.
Saludos.

Miguel Ausejo Calizaya Tacna · 8 agosto, 2017 a las 2:04 am

Hola buenas noches tengo un problema de visualizacion. Estando en modo de edición en WP
logro visualizar los titulos de TESTIMONIO Y CONTACTO y boton de llamada de accion.
Pero como un usuario cualquiera no se visualizan dichos titulos a que podria deberse ? . Gracias por su respuesta.

Caribdis Diseño Web · 8 agosto, 2017 a las 2:01 pm
Hola, Miguel.
¿Agregaste contenido en esas secciones y guardaste los cambios?

Miguel Ausejo Calizaya Tacna · 11 agosto, 2017 a las 2:29 pm

Hola buen día por una extraña razón en el menú en blog
no me manda a las entradas creadas si nos a una pagina vacía.
A que se puede deber el problema ???
Por ejm. en el menú tienda si funciona normal hago clic y lo manda
a los productos creados. Porfavor si pudieran ayudarme Gracias 🙂

Caribdis Diseño Web · 12 agosto, 2017 a las 10:04 am
Hola, Miguel.
Tenés que seleccionar la página como Página de entradas en la opción Portada estática, como se explica en el tutorial.
Saludos.

Andrés Morales · 25 agosto, 2017 a las 7:49 pm

Hola, he seguido sus tutoría les para zerif, hoy tengo un inconveniente, tengo la versión 1.8.5.24 he bajado de versión con el plugin Rollback, ya que ahora en mi página aparece el footer con «Zerif Lite desarrollado po themelsle», he intentado con el pulgin «custodia css» y no se quita… También he intentado quitarlo en el editor en la parte de «footer.php» y tampoco…. Nose que pasa… Me podrían ayudar, podría dar mi usuario y clave para que me le pudieran quitar eso sí me hacen el favor… Ya no sé qué más hacerle al tema

Caribdis Diseño Web · 25 agosto, 2017 a las 8:20 pm
Hola, Andrés.
Si nada más querés ocultarlo, usá el siguiente código en el recuadro CSS adicional del personalizador:
.zerif-copyright-box {
    display: none;
}
Saludos.

Miranda Contreras · 13 septiembre, 2017 a las 3:09 pm

Holaaa!!
Primero que nada te agradezco muchísimo toda la ayuda!!

Tengo 3 problemas en mi página que no he podido resolver, ojalá puedas ayudarme!!

1. En la página de llamada a la acción con botones, no puedo modificar el color verde del boton de llamada a la acción con botón inferior.

2. Me gustaría cambiar el color del sidebar, si es que no se pude entonces mejor ocultarlo. Intenté con este código en CSS adicional pero no funcionó:

.sidebar-wrap{ background: #cefe9a}

3. En el footer cambiar el color al pasar el puntero de los enlaces de correo electrónico, teléfono y redes sociales, ya que el footer es azul y los enlaces se ponen en el naranja original del tema.

Mil mil gracias!!!
Saludos.

Caribdis Diseño Web · 13 septiembre, 2017 a las 10:06 pm
Hola, Miranda.
Gracias por tu comentario.
Para lo primero, fijate en esta respuesta.
El segundo código es correcto, si guardás los cambios y abrís una página del blog deberías ver el nuevo color.
Y para lo último, usá el siguiente código (reemplazá el color por el que necesites):
.company-details a:hover {
    color: #fff;
}
Saludos.

Miranda · 18 octubre, 2017 a las 3:42 pm
Miles y miles de gracias!!!
El código en el footer funcionó perfecto con los textos pero no me cambia el color cuando paso cursor por los íconos sociales, me podrías ayudar?
Adicional se me olvidaba preguntarte si hay forma de cambiar el color de los textos en footer cuando estan fijos, es decir sin pasar cursor.
Graaaacias infinitas!!
saludos,
Miranda.

Caribdis Diseño Web · 18 octubre, 2017 a las 8:47 pm
Hola, Miranda.
Lo primero te lo contesté aquí.
Y en cuanto a lo segundo:
.company-details {
   color: #fff;
}

Bernart · 16 septiembre, 2017 a las 12:55 pm

Hola de nuevo Caribdis!!
Sigo transformando este theme con tus estupendos trucos.

¿Sabes si se pueden eliminar, ocultar o sobreescribir las secciones de la Página de inicio del customizer? por ejemplo seccion «llamada a la accion» o «quienes somos».
No estoy seguro si habías dicho que no se puede, pero por preguntarte.

Muchas gracias por tu labor!!

Caribdis Diseño Web · 17 septiembre, 2017 a las 6:48 pm
Hola, Bernart.
Si no querés mostrar las secciones de llamado a la acción basta con dejar todos los campos en blanco. Y si no querés mostrar la sección Quiénes somos hay una opción en el panel Contenido principal.
Saludos.

Jesús · 1 noviembre, 2017 a las 8:41 pm

Hola,

A riesgo de hacer una pregunta muy tonta… tengo un problema que no sé como solucionar.

¿Cómo se pueden mostrar las entradas del blog en ancho completo? Es decir, por defecto la plantilla de entradas incluye una barra lateral con widgets y no sé cómo cambiarlo. ¿Podrías ayudarme?

Muchas gracias.

Caribdis Diseño Web · 2 noviembre, 2017 a las 8:00 pm
Hola, Jesús.
Para eso está este tutorial.
Saludos.

Revo · 18 noviembre, 2017 a las 11:17 am

Hola Caribdis. Tengo un child theme child propio y el padre es Zerif Lite 2.0.5. El problema que tengo es que como bien comentas, esa versión está discontinuada, y me gustaría continuar recibiendo actualizaciones, sobre todo por lo que respecta al tema de la seguridad, y por tanto me gustaría actualizar Zerif Lite a la versión que hay en WordPress.org, pero no tengo muy claro como hacerlo de manera que no se comprometa el funcionamiento de mi página. ¿Has hecho algún tutorial para actualizar la versión 2.0.5 a la versión de WordPress.org o podrías hacerme una pequeña guía o darme algunas pautas, como cambio de clases en el css u otras aspectos importantes a tener en cuenta?

Un saludo y gracias.

Caribdis Diseño Web · 19 noviembre, 2017 a las 10:52 am
Hola, Revo.
Por desgracia, no hay una manera sencilla de pasar de una versión a otra. Lo más conveniente sería crear una imagen exacta de la web actual y luego importarla en local para hacer el cambio. Las mayoría de las modificaciones que hayas hecho con CSS no creo que se pierdan, salvo por algún que otro sector (los círculos de las imágenes de Características, por ejemplo). Lo demás, tendrás que adaptarlo a mano.
Quizá te convendría también esperar a que salga la versión 2.0 de Zerif (proyectada para el primer semestre de 2018) y evaluar si realmente vale la pena quedarte con la versión actual o dar el salto a la nueva, una vez publicada.
Saludos.

Revo · 19 noviembre, 2017 a las 2:04 pm
Gracias por tu respuesta Caribdis. Me interesa un poco investigar sobre lo que has mencionado a cerca de la versión 2.0, ¿Hay alguna entrada en tu blog o conoces alguna página dónde pueda obtener más información sobre esto que comentas?
Un saludo y gracias.

Caribdis Diseño Web · 19 noviembre, 2017 a las 8:18 pm
Hola, Revo.
No hay mucha más información al respecto. En uno de los Transparency Reports que mencionaba la vuelta de Zerif al repositorio de WP.org sugirieron que estaban considerando una renovación total del tema (tanto de imagen, como de nombre).
En el último boletín de noticias solo dijeron textualmente: «Zerif 2.0 llegará en la primera parte del año próximo». Así que habrá que esperar al 2018, o ver si adelantan algo más.
Saludos.