Ahora que Zerif Lite de ThemeIsle está consolidado nuevamente en el repositorio de temas de WordPress, y la versión alternativa (2.0 a 2.0.5) se ha descontinuado, llegó la hora de actualizar los tutoriales complementarios. Todos han sido revisados y los códigos que ya no correspondían a la nueva versión han sido adaptados. También está actualizado el tutorial de Zerif PRO y el tutorial de Hestia.
Asimismo, en ThemeIsle han hecho algunos ajustes de costos y características en sus suscripciones. Por ejemplo, los planes Treasure Chest Lite y Pirate Club bajaron de precio, y ahora también incluyen acceso a todos los plugins con licencia de uso para un sitio.
Para aquellos que todavía usen versiones viejas o la versión 2.0.x, se recomienda encarecidamente actualizar a la última versión de Zerif Lite del repositorio de WordPress, para tener una óptima experiencia con el tema.
La lista completa de tutoriales con sus respectivos enlaces es la siguiente:
Tutorial de Zerif Lite en español
Después de cinco meses de suspensión, Zerif Lite de ThemeIsle volvió a estar disponible para descarga desde el repositorio de temas de WordPress, y para instalación vía administrador desde Apariencia > Temas. Con el objetivo de aprobar las directrices exigidas por el…
Leer más
Zerif Lite: ¿Cómo agregar una nueva sección personalizada?
Como anticipamos hace unas semanas, algunos de los tutoriales dedicados al tema gratuito Zerif Lite, de ThemeIsle, han quedado desactualizados para la nueva versión que se descarga del repositorio de WordPress. Aunque varios ya han sido ajustados para que apliquen en…
Leer más
Zerif Lite: ¿Cómo reemplazar la sección de título grande con un slider?
Esta semana arrancamos con una serie de tutoriales para personalizar varios aspectos del tema gratuito Zerif Lite, de ThemeIsle, tanto del diseño como de la funcionalidad. En esta segunda entrega, vamos a aprender a reemplazar la sección de título grande de Zerif con…
Leer más
Zerif Lite: ¿Cómo cambiar los anclajes del menú?
Hoy continuamos con el tercero de los tutoriales para el tema gratuito Zerif Lite, de ThemeIsle. Ante todo, ¿a qué llamamos “anclaje”? Los enlaces de anclaje son aquellos que conducen a determinados sectores de una página. Este tema, al igual que todos los temas de…
Leer más
Zerif Lite: ¿Cómo reemplazar la sección de habilidades con una imagen?
Seguimos con el cuarto de los tutoriales para el tema gratuito Zerif Lite: hoy vamos a aprender a usar una imagen en lugar de los cuatro ítems que enumeran habilidades, ya que puede ocurrir que no necesitemos este tipo de presentación. Para realizar este cambio, es…
Leer más
Zerif Lite: ¿Cómo eliminar la opacidad del fondo?
En este quinto tutorial vamos a aprender a manejar la opacidad de la imagen de fondo para la sección de título grande en el tema gratuito Zerif Lite. Puede que no nos guste el efecto de opacidad y queramos que la imagen tenga su contraste original. Para eso tendremos…
Leer más
Zerif Lite: ¿Cómo añadir iconos de redes sociales en el pie de página?
Este es el sexto tutorial de la serie dedicada al tema emblemático de ThemeIsle, que nos permitirá agregar nuevos iconos y enlaces a perfiles de redes sociales en el pie de página. Zerif Lite incluye de manera predeterminada las siguientes redes sociales: Facebook,…
Leer más
Zerif Lite: ¿Cómo desactivar las animaciones de los contenidos?
Retomamos la serie de tutoriales dedicada a Zerif Lite, tema estrella de ThemeIsle, con esta séptima entrega. Puede que no necesitemos el adorno de las animaciones y si es nuestra intención mostrar el desplazamiento de la página sin que los contenidos aparezcan desde…
Leer más
Zerif Lite: ¿Cómo añadir una barra de búsqueda en el menú superior?
Continuamos con el tutorial número ocho para personalizar el tema Zerif Lite, de ThemeIsle. Depende del tipo de contenidos que se ofrezcan en el sitio, puede ser bastante útil incluir un pequeño formulario de búsqueda en la parte superior de todas las páginas: siempre…
Leer más
Zerif Lite: ¿Cómo cambiar el color de los círculos de las habilidades?
En este, el noveno tutorial sobre el tema gratuito Zerif Lite, aprenderemos cómo cambiar el color de los círculos de las “habilidades”. Este componente se ha hecho muy popular en las secciones que presentan los servicios o los conocimientos de los miembros de una…
Leer más
Zerif Lite: ¿Cómo mostrar siempre el icono “hamburguesa” para el menú?
Continuando con la serie de tutoriales para el tema Zerif Lite de ThemeIsle, en este décimo capítulo aprenderemos a transformar el menú estándar en un icono que al hacerle clic desplegará los enlaces. El icono hamburguesa es un símbolo que consiste en tres líneas…
Leer más
Zerif Lite: ¿Cómo añadir un tercer botón en la sección de título grande?
Seguimos haciendo crecer el repertorio de tutoriales para el tema Zerif Lite de ThemeIsle, y en el episodio XI veremos cómo añadir un tercer botón en la sección de título grande. Los predeterminados del tema son dos: uno rojo y uno verde, cuya etiqueta y enlace se…
Leer más
Zerif Lite: ¿Cómo eliminar la barra lateral de una página individual?
En este duodécimo tutorial dedicado al tema gratuito Zerif Lite, de ThemeIsle vamos a aprender a quitar la barra lateral de las entradas del blog y de las páginas. Además, incluiré otros “retoques” que no vienen mal para mejorar la presentación de las entradas. Si no…
Leer más
Zerif Lite: ¿Cómo añadir una barra lateral en las páginas de WooCommerce?
Retomando la serie de tutoriales dedicados al tema gratuito Zerif Lite, de ThemeIsle, en esta decimotercera entrega vamos a aprender a añadir una barra lateral en las páginas de WooCommerce. La presentación predeterminada de las páginas de tienda y productos en Zerif…
Leer más
Zerif Lite: ¿Cómo desactivar el icono “hamburguesa” para el menú en dispositivos móviles?
En el tutorial número catorce dedicado al tema gratuito Zerif Lite, de ThemeIsle, veremos cómo desactivar el menú para móviles en las resoluciones de pantalla correspondientes. Si bien el icono “hamburguesa” es universalmente reconocido hoy en día, puede darse el caso…
Leer más
Zerif Lite: ¿Cómo cambiar los bordes circulares a bordes cuadrados?
Para cerrar un mes con mucho trabajo (de ahí las pocas entradas compartidas en el blog), reanudamos la serie de tutoriales dedicados al tema estrella de ThemeIsle, Zerif Lite. En esta oportunidad veremos cómo usar bordes cuadrados en lugar de los circulares…
Leer más
Zerif Lite: ¿Cómo mostrar entradas de una categoría en especial en la sección “Últimas noticias”?
Seguimos engrosando el repertorio de tutoriales para el tema Zerif Lite, de ThemeIsle. Hoy, en el capítulo décimo sexto, vamos a tomar control sobre las entradas que se muestran en la sección Últimas noticias. De manera predeterminada, Zerif Lite muestra en cuatro…
Leer más
Zerif Lite: ¿Cómo añadir bordes a las pestañas de la página de productos de WooCommerce?
Continuamos con la colección de tutoriales para el tema Zerif Lite, de ThemeIsle, y en este número diecisiete vamos a retocar un poco el aspecto de las pestañas de la información de producto en WooCommerce. El estilo predeterminado no tiene bordes y está centrado en…
Leer más
Zerif Lite: ¿Cómo mostrar los últimos productos de WooCommerce en la página de inicio?
He aquí un capítulo más, el XVIII, para el repertorio de tutoriales del tema gratuito Zerif Lite, de ThemeIsle. Como ya sabemos, es compatible con el plugin número uno de comercio electrónico para WordPress, WooCommerce. Y aunque no está centrado principalmente en…
Leer más
Zerif Lite: ¿Cómo cambiar los iconos de los miembros del equipo?
Ya tenemos un tutorial para cambiar o agregar iconos en el pie de página de Zerif Lite, que nos enseña a editar uno de los archivos del tema hijo (footer.php). Como el mismo método no aplica para los iconos de los miembros de equipo, ThemeIsle nos ofrece esta…
Leer más
Zerif Lite: ¿Cómo cambiar el tamaño de los logos de los clientes?
Este es el vigésimo tutorial de la serie para el tema gratuito de ThemeIsle, Zerif Lite. En solo un par de pasos vamos a ver cómo aumentar el tamaño de los logos de los clientes en la sección “Quiénes somos”. El tamaño predeterminado de 130px en ocasiones puede…
Leer más
Zerif Lite: ¿Cómo mostrar el sitio en dos o más idiomas?
Hoy vamos a cerrar la serie de tutoriales del tema gratuito Zerif Lite con este instructivo para configurar un sitio en dos o más idiomas. En una entrega posterior, haré una recopilación de los “mini-tutoriales” que también forman parte de la documentación oficial de…
Leer más
Zerif Lite: mini tutoriales
Con el tutorial sobre idiomas de hace dos semanas terminamos la larga serie que complementa la documentación oficial de ThemeIsle. Como anticipé entonces, hoy es el turno de las breves (o no tan breves) respuestas para aplicar pequeños cambios en el tema gratuito…
Leer más
Zerif Lite con Contact Form 7
Es sabido que los temas –tanto gratuitos como premium– que traen un formulario de contacto integrado, muchas veces se quedan cortos en funcionalidad, ya que nada más ofrecen los campos básicos Nombre, Correo electrónico y Mensaje. Si se da el caso de que necesitamos…
Leer más
Zerif Lite: ¿Cómo mostrar un vídeo de fondo (sin plugin)?
Una de las novedades más importantes que nos presentó la versión 4.7 de WordPress es la inclusión de cabeceras que admiten vídeo además de imágenes. Hoy en día es muy común ver en muchas webs este componente introductorio, que por lo general dura unos pocos segundos,…
Leer más
Zerif Lite: ¿Cómo mostrar el blog en grilla?
En este breve tutorial vamos a aprender a cambiar el diseño del blog del tema Zerif Lite, de ThemeIsle, para mostrar las entradas en un formato de grilla. Esta personalización es muy fácil, y solo basta añadir algunos códigos CSS, aunque vamos a ver también cómo…
Leer más
Zerif Lite: ¿Cómo agregar un área de widgets para WooCommerce?
Hace poco más de un año aprendimos a mostrar una barra lateral en las páginas de WooCommerce dentro del tema gratuito Zerif Lite, de ThemeIsle. Esas instrucciones simplemente sirven para incluir el área de widgets que ya existe en el tema, y que es común a todas las…
Leer más
Técnica en electromecánica, periodista, entusiasta de los idiomas y enamorada de WordPress. Amante del mate, la lectura, la música y las series de sci-fi. Mamá de una vizsla loca.
- Guía para WordPress 6.6 disponible - 22 de septiembre de 2024
- Guía para WordPress 6.5 disponible - 13 de junio de 2024
- Guía para WordPress 6.4 disponible - 5 de diciembre de 2023
Hola!
hace un tiempo hice una pagina con la ayuda de tus tutoriales! Gracias!
en este minuto estoy teniendo problemas y no entiendo bien a que se deben, al querer actualizar el contenido de una pagina, al momento de guardar , sale del editor y me da un mensaje de “¡Vaya! Está página no se encuentra.”
trabajo en el tema hijo de la versión 1.8.5.33 zerif de themeIsle.
Cualquier ayuda me sirve, gracias!!
Hola, Alejandra.
No sabría decirte con exactitud. Puede ser algún error que ocasiona un plugin, o un problema del servidor (sucede cuando está sobrecargado o tiene un límite de memoria bajo). En este caso, consultalo con tu proveedor de hosting.
Saludos.
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.
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.
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.
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.
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.
Hola, Jesús.
Para eso está este tutorial.
Saludos.
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!!
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.
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.
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.
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.
Hola, Miranda.
Lo primero te lo contesté aquí.
Y en cuanto a lo segundo:
.company-details { color: #fff; }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
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.
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 🙂
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.
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.
Hola, Miguel.
¿Agregaste contenido en esas secciones y guardaste los cambios?
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
Hola, Miguelito.
En el archivo
custom.cssdel 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.
Hola Ana.
Espero estés muy bien, tengo una consulta estoy trabajando en esta página 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!!
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.
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.
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
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
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.
Hola. Cómo logro bajar la imagen del slider de la pagina de entrada. Es como si entrara debajo del menú.
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-pluginpor.home-header-slider.Saludos.
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..
Hola, Aureliano.
Fijate en esta respuesta.
Saludos.
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.
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.
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. =)
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.
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
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.