Análisis del Genesis Framework para WordPress

El Framework Genesis es un tema de WordPress desarrollado en 2009 por StudioPress el cual sirve como un tema principal donde se agregan los temas hijos encima de él. Ofrece ganchos, ayudantes y directrices de codificación para ayudar con el SEO, la velocidad, la seguridad y la respuesta. La apariencia se determina por el tema hijo seleccionado ya sea personalizado o comercial.

Cualquier persona que haya estado en la comunidad de WordPress por incluso un poco de tiempo ha oído seguramente del Marco Génesis. Y no sin razón alguna ya que es un tema extremadamente eficiente no para principiantes, por supuesto.

En lo que sigue quiero compartirte algunos de sus secretos y virtudes. Verás que el león no es tan cruel como lo pintan, pero para obtener todo lo que tiene que ofrecerte tendrás que meterte las mangas y hacer un poco de trabajo.

Qué es Genesis Framework para WordPress

Génesis es un tema de alta gama para la plataforma WordPress, por lo tanto no está disponible en el repositorio de WordPress. Tendrás que descargarlo desde el sitio web oficial de los creadores, StudioPress.

El tema Genesis fue desarrollado en el año 2009 por el diseñador americano Nathan Rice y Brian Gardner, fundador de StudioPress. La primera versión 1.0 fue lanzada en el año 2010.

A lo largo de toda la historia de este campo su evolución se ha preocupado esencialmente de las siguientes áreas:

• Optimización para favorecer el posicionamiento en buscadores (SEO).
• Lograr una rápida velocidad de carga (WPO).
• Ofrecer un diseño ligero e incluso minimalista en muchos casos.
• Ser totalmente responsive (ofrece versiones para móvil y tablet, además de escritorio).
• Ser muy seguro y fácilmente actualizable con un clic.

Como puedes ver, estas características son bastante similares a las características de otros temas de los cuales ya hemos hablado anteriormente. Pero la cosa es que Génesis se ha ganado su reputación en todos ellos.

Además hay otra cosa acerca de Génesis que no está presente en la mayoría de los otros temas ligeros, rápidos y optimizados para motores de búsqueda. Génesis es un marco y eso marca toda la diferencia.

¿Qué significa que Genesis sea un framework?

El marco se refiere a una capa de funcionalidades y criterios que se incorporan al software para permitir trabajar con el de una manera más flexible.

Genesis es un conjunto de action hooks, filter hooks, helpers y reglas de codificación que integran un robusto y eficiente armazón sobre el que los diseñadores pueden crear temas hijo para WordPress.

¿Crear temas? ¿Pero no me habías dicho que Genesis es un tema? Así es, Genesis es un tema, pero su filosofía es la de ser usado siempre como tema padre, cumpliendo el criterio anterior adaptado a ser un framework para WordPress.

La genialidad del concepto del marco Genesis es que tu sitio web de WordPress tiene instalado como tema base el tema Genesis y también un tema hijo. Genesis proporcionará toda su funcionalidad mientras que el tema hijo solo proporcionará el diseño.

La ventaja de este método es que de esta forma, si en algún momento se agrega una nueva función o una optimización al Genesis, todo lo que se necesita es actualizar el tema padre.

¿De dónde le vino esta idea a Nathan Rice?

Muchos desarrolladores han desarrollado sus propios temas basados en algo que se conoce como temas base o de inicio. Los temas más populares se basan en Underscores, Foundation o Bootstrap.

Estas plantillas te permitirán escribir tu propio código y desarrollar un tema único para WordPress. El objetivo de usar estas plantillas es simplificar los aspectos más repetitivos y laboriosos de la creación de un tema.

Lo que está mal con esta solución es que si tienes más de un tema personalizado que se deriva del mismo tema base y luego hay una actualización a ese tema base (una actualización de seguridad, característica o diseño) entonces no podrás aplicar esa actualización a esos temas.

Para resolver este problema el Genesis Framework divide estos elementos en el tema hijo y el tema padre, los cuales pueden ser actualizados en cualquier momento sin importar lo complejo que sea el tema hijo.

La comunidad de usuarios de Genesis

Por supuesto, esta filosofía se adecúa muy bien a las demandas de muchos desarrolladores de temas de todo el mundo. Es así como se ha ido desarrollando la comunidad de usuarios, diseñadores y desarrolladores alrededor del marco Genesis.

No hay escasez de blogs, foros o sitios de membresía en Internet donde uno puede encontrar fragmentos de código que ayudan a agregar o modificar funcionalidades en Genesis.

Los temas infantiles (un realmente fascinante flujo de ingresos para muchos diseñadores) también son muy abundantes como te darás cuenta en el siguiente punto.

Lo que es crítico para ti de todo esto es el hecho de que si decides cooperar con Génesis podrás encontrar muchos recursos en la web para ayudarte en tu tarea.

Temas hijo para Genesis Framework

Es como ya he dicho anteriormente que para usar Genesis necesitas un tema hijo. La verdad es que una vez que instales el tema principal-Genesis tu WordPress te pedirá que actives un tema hijo.

En realidad lo que deberías comprender es que vas a conseguir un sitio web funcional pero va a verse estéticamente horrible. Solo se han incluido unos pocos estilos para los enlaces h1, h2, h3, etc. y no mucho más que eso.

Es por esta razón que Genesis Sample es el mínimo que tienes que instalar para empezar a trabajar con el Tema Genesis.

En general esta opción se vuelve muy fascinante si planeas desarrollar tu propio tema hijo empezando con Genesis Sample.

La cosa es que históricamente el Genesis Sample no era muy utilizable desde el principio desde un punto de vista estético. Pero debo decir que últimamente ha mejorado. Así es como se verá tu escritorio con los ajustes por defecto importados.

Pero en la mayoría de los casos sería mejor buscar un tema hijo más avanzado y personalizable para Genesis, que es un tema hijo comercial. Existen temas minimalistas, corporativos, personales, de estilo revista, orientados al comercio electrónico, de galería, etc.

Los podrás encontrar en los sitios web que tienen diseños a la venta, algunos de ellos son WPStudios, ZigZagPress y el sitio web en español AsiThemes. Generalmente empiezan desde un precio de 50 euros al año o incluso un pago único.

Se ha construido un rico ecosistema de negocios alrededor de Genesis para el suministro de temas infantiles. Esta opción se vuelve muy fascinante si eres un desarrollador ya que no tienes que preocuparte por algunos aspectos del desarrollo (ya están presentes dentro del marco) enfocándote solamente en el estilo del tema infantil.

Además, dado que son solamente estilos el mantenimiento que va a requerir tu tema hijo con respecto a las actualizaciones se minimiza mucho y no es para nada difícil. De hecho parece una propuesta de negocio prometedora diseñar temas hijos para el marco Genesis.

En caso de que haya alguna demanda de temas infantiles para Genesis no se puede negar el hecho de que el de StudioPress es el mejor de todos y hay más de 60 de sus temas y temas de terceros (temas de terceros como ellos los llaman) que están perfectamente validados.

De hecho puedes incluso comprar todo el lote junto lo cual sería más económico ya que te darás cuenta poco después.

Personalizar Genesis Framework

Uno de los reclamos más comunes que se le hacen a Genesis es su increíblemente empinada curva de aprendizaje. Aunque tiene temas minimalistas no tienen opciones de configuración sofisticadas y requieren el uso de códigos cortos e incluso líneas de código.

En efecto, hacer que un tema de Genesis se vea como la demostración que usted vio cuando lo compró no fue para nada fácil.

Todo ha cambiado completamente después de la versión 2.8 y especialmente después de la versión 2.9. Ahora es posible importar todo desde el tema hijo simplemente haciendo clic en él una vez. Todo como los complementos requeridos, la página de inicio, los menús, las publicaciones y las páginas y los widgets pueden ser importados.

En cuestión de minutos tendrás tu sitio web exactamente como lo visteis en la demostración, por supuesto con el contenido de prueba. Un poco más tarde os explicaré este proceso con más detalle.

Simplemente sustituye la información de la demostración con la tuya propia y eso es más o menos todo en cuanto a la personalización se refiere.

Si quieres poner un poco más de trabajo en tu sitio web en vez de simplemente quedarte con lo que el demo te proporciona puedes encontrar ciertas configuraciones disponibles para los temas hijos de Genesis dentro del Personalizador de WordPress.

Debido a ellos podrás modificar aspectos de:

• las paletas de colores empleadas
• las estructuras de las plantillas (número de columnas de contenido o barras laterales)
• cabeceras, menús y barras de navegación
• plantillas de página disponibles (blog, landing page, ancho completo, etc)
• tipografías
• áreas de widgets disponibles

Solo para llegar al último punto sobre las zonas de widget, la mayoría de los temas hijos de Genesis crean su página de inicio o la página principal a partir de una cuadrícula de estas zonas.

Por ejemplo, mira cómo la página principal del tema hijo para el marco Genesis Agency Pro se segmenta en widgets.

El cambio de esta estructura es tan fácil como hacer clic en el panel de WordPress en Apariencia > Widgets y hacer los cambios de la manera que quieras en cualquiera de estos espacios. También puedes hacer el cambio a través del Personalizador donde podrás observar los efectos en vivo en tu sitio.

Aunque existen ciertos widgets creados para imitar este patrón, tú tienes la libertad de usar cualquier otro widget que te guste.

El tema Génesis y por ende todos sus temas hijos vienen con tres complementos los cuales no están incluidos en la versión estándar de WordPress por defecto. En otras palabras.

• Perfil de usuario: Muestra tu foto de Gravatar, biografía y un enlace a tu página de «Quién soy».
• Entradas destacadas: Muestra el extracto y miniatura de una serie de entradas destacadas.
• Página destacada: Muestra contenido y miniatura de una página destacada.

Además hay seis plantillas que son típicas del tema Genesis pero las que tengas dependerán de tu tema hijo.

• Contenido de ancho completo
• Barra lateral / Contenido
• Contenido / Barra lateral
• Barra lateral / Barra lateral / Contenido
• Contenido / Barra lateral / Barra lateral
• Barra lateral / Contenido / Barra lateral

Para aquellos que deseen personalizar aún más sus temas tendrán inevitablemente que codificar. Esto implica el uso de CSS para manipular los aspectos visuales del sitio y de PHP para agregar funcionalidades o alterar la estructura del tema usando algunos de los muchos ganchos que ofrece Genesis.

Dónde comprar Genesis Framework

Se puede obtener en el sitio web de StudioPress por $59.95 al momento de escribir este artículo. Además tendrás acceso al tema principal así como al tema hijo -Genesis Sample.

Como puedes ver en los argumentos anteriores, esta opción no es muy buena si no tienes la intención de crear un tema hijo personalizado, así que no podrás hacer nada más que encontrar otro tema hijo.

Otra forma, quizás la más común, es buscar un paquete que contenga tanto un marco como un tema hijo ofrecido oficialmente por StudioPress. Aquí recibirá un marco, un tema de demostración y un tema hijo totalmente funcional. El costo podría variar desde $99.95 por los temas antiguos hasta $129.95 por las últimas versiones.

Estos precios son de pago único, es decir, se pagan una vez y tienes derecho a las actualizaciones de por vida y sin límite de instalaciones. Se trata de una modalidad no demasiado habitual en temas premium para WordPress (Divi ofrece una licencia lifetime similar).

En contraste, si usted es un diseñador web profesional que trabaja con WordPress, este método de pagar por cada tema probablemente no le parezca atractivo. El problema es que tendrá que gastar dinero extra en la compra del marco en sí mismo.

Cómo instalar Genesis Framework paso a paso

La instalación de Genesis no difiere en nada de la instalación de un tema regular de WordPress. Todo lo que tienes que hacer si ya tienes un servicio de alojamiento de WordPress para tu sitio web es:

1. Crear tu cuenta en StudioPress adquiriendo bien el framework o bien una combinación de framework+tema hijo (recomendable).
2. Acceder a tu panel de usuario y descargar el framework en tu ordenador.
3. Ir a tu WordPress a Apariencia > Temas > Añadir nuevo y cargar el zip descargado de StudioPress (no debes descomprimirlo antes, súbelo tal cual).
4. No es necesario que actives el nuevo tema. Como he explicado en los puntos anteriores, Genesis trabaja con temas hijos y es imprescindible que instales uno ahora. En el siguiente punto te explico cómo hacerlo.

Cómo crear un child theme en Genesis

Ahora que ya tienes el marco preparado tienes dos opciones.

1. Instalar el tema hijo que más te guste de cualquiera de los markets que he descrito más arriba. El procedimiento es el mismo que he explicado con el framework, con la única diferencia de que en esta ocasión sí lo activarás.
2. Crear tu propio tema hijo utilizando como modelo el tema Genesis Sample (lo tendrás disponible en tu cuenta de StudioPress).

El segundo enfoque es ideal para las personas que desean promocionar su tema. También es ideal para las personas que necesitan desarrollar un tema personalizado para un cliente ahorrando mucho esfuerzo de programación. El concepto es evitar reinventar la rueda una y otra vez.

Sin embargo no es necesario utilizar el tema dado ya que el ejemplo solamente será útil para entender cómo funcionan los ganchos y las funciones de Genesis.

Un gran trozo de lo que tendrás que hacer en la creación de tu tema hijo es el uso de filtros para cambiar el contenido existente. Lo harás insertando códigos en tu archivo functions.php. Afortunadamente para esta tarea StudioPress tiene una guía completa de códigos.

También puedes agregar nuevos componentes a través de acciones que puedes conectar a los más de 50 ganchos que proporciona el marco Genesis. En este caso el plugin «Ganchos Simples de Genesis» será de mucha ayuda.

Además por supuesto querrás cambiar el estilo de tu tema, el CSS. Esto se hace abriendo el directorio de muestra de Genesis y encontrando el archivo style.css, en el cual puedes cambiar cualquier estilo de tu sitio web.

Un consejo final sobre estos aspectos de creación de tu propio tema hijo para Genesis. Dado que no es obligatorio que partas siempre del tema Genesis Sample, puedes tomar como base cualquier otro tema hijo que te guste y que se ajuste mejor a tus necesidades. El principio es exactamente el mismo.

Configurar un tema hijo de Genesis con un solo clic

Como ya mencioné un poco antes puedes mantener el tema Genesis que acabas de crear idéntico a la demostración de una manera realmente fácil.

En las últimas versiones de Genesis hay una función muy interesante incluida la cual te va a ahorrar mucho tiempo durante tus despliegues web. La función no solo carga el contenido y la configuración de los widgets como en la demostración sino que también instala cualquier otro plugin requerido.

He hecho un video que explica todo el proceso. Te darás cuenta de lo fácil que es y de cómo puedes tener tu sitio listo en solo 3 o 4 minutos y lo único que queda es reemplazar el contenido de la demostración con el tuyo.

Genesis Framework con otros plugins

Los temas basados en Génesis son uno de los temas más comúnmente usados a nivel mundial, por lo tanto no es de extrañar que funcionen bien con la mayoría de los complementos más comúnmente usados.

Genesis + Gutenberg

Uno de los temas que se adaptó muy rápidamente a Gutenberg fue sin duda el Framework Genesis. Las personas de StudioPress han hecho muchos esfuerzos para asegurarse de que la actualización a WordPress 5.0 sea lo más fácil posible para todos sus usuarios. Y lograron hacerlo.

Puedes estar seguro de que si tienes un tema para Genesis instalado, será 100% compatible con el editor de bloques de WordPress.

Los diseños de Genesis han sido hechos para Gutenberg de tal manera que puedan ajustarse completamente a la estética de tu tema.

Algunos temas de Genesis recomiendan instalar paquetes de bloques de Gutenberg. Un ejemplo de este tipo de tema es Revolution Pro, un elegante tema minimalista (¡»sorpresa»!). Te pide que instales los Bloques Atómicos.

Bloques Atómicos es un conjunto de más de una docena de bloques de Gutenberg que incluye.

• Columnas avanzadas
• Newsletter
• Tablas de precios
• Rejilla de entradas
• Testimonios
• Acordeones
• Llamadas a la acción
• Botones
• Etc.

Bloques Atómicos es una excelente opción para los diseños de Revolution Pro, por eso es que los Bloques Atómicos se adaptan muy bien al muy popular tema StudioPress.

Uno de los temas más fascinantes para Genesis serían aquellos específicamente creados para fines de comercio electrónico. Existen varios de estos temas creados para Genesis y publicados en el sitio web de StudioPres. Jessica, Market Pro y Gallery Pro son algunos ejemplos de temas hijos compatibles con WooCommerce.

De hecho, todos los temas basados en Génesis son compatibles, pero no todos han sido desarrollados teniendo en cuenta todos los detalles específicos de WooCommerce. Lo peor que puede pasar es que las partes específicas de WooCommerce no encajen bien con el resto del sitio.

Entender la importancia de los temas diseñados especialmente para WooCommerce, en cada mercado encontrarás algunos temas específicos, por ejemplo, Boutik, el cual es de ZigZagPress.

Genesis + Yoast SEO

Yoast SEO es el plugin más conocido que quizás hayas estado pensando en usar para trabajar en el SEO de tu sitio web.

En las líneas iniciales de este artículo ya te he informado que uno de los objetivos de los creadores de Genesis es preparar el tema lo más posible para un buen posicionamiento en los motores de búsqueda (aunque por supuesto no hace magia).

Puede sonar como que incorporar ambos hará la mejor combinación pero la realidad es que no. La verdad es que ambos se superponen en varios aspectos.

Génesis viene listo de fábrica para manejar de manera muy proactiva la parte del etiquetado del contenido del sitio web. Por ejemplo, esta es una captura de pantalla de lo que Génesis nos ofrece para etiquetar un entrada o una página.

Además de estos hay opciones de SEO que se configuran desde el Personalizador de WordPress y que afectan al sitio web completo y no a ciertos contenidos. Dedica un poco de tiempo a ellas y verás que son bastante sofisticadas y cubren casi todas las necesidades populares.

La mayor parte del tiempo, siempre y cuando los uses de la manera correcta, habrás cubierto todas tus necesidades básicas y por lo tanto ni siquiera necesitas instalar el plugin Yoast SEO.

Pero luego de nuevo, en otras situaciones donde necesitas utilizar algunas de las características más avanzadas de Yoast SEO (como el Análisis de Legibilidad, el Contenido Esencial o el Compartir en las Redes Sociales) este plugin te va a resultar muy útil. Simplemente puedes ignorar los ajustes de Genesis SEO y concentrarte en los de Yoast.

Hay una parte muy interesante para este caso en particular, la cual es el hecho de que Génesis utiliza de manera muy efectiva datos estructurados (marcado de esquema) y sorprendentemente también lo hace Yoast. Esto podría llevar a alguna duplicación de datos y por ende a alguna inconsistencia cuando se muestren en Google.

Bill Erickson ha escrito un post extremadamente informativo sobre el tema en el cual detalla una fórmula (e incluso un plugin) que se puede usar para desactivar los microdatos de Genesis o Yoast (o solo una parte de ellos).

Conclusiones

Desde el principio el marco Genesis ha recibido críticas por no ser un tema amigable para los usuarios para los principiantes. Esto es correcto si estás buscando un máximo valor de un tema premium. Todo lo que tienes que hacer es ver todos los videos que inundan YouTube sobre cómo hacer que tu sitio web se vea exactamente como la demostración.

Esto era para lo que estaba destinada la versión 2.9, para cerrar todo y hacer fácil el primer paso.

Sin embargo, ¿sigues optando por el marco Genesis si tienes miedo del código? Esta es probablemente la pregunta más importante y la respuesta es no. Si quieres que tu sitio realmente destaque tendrás que incluir algo de codificación para alguna acción o filtro.

Si encuentras un tema para Genesis que coincida exactamente con tus necesidades, no lo dudes, instálalo. Tu web disfrutará de uno de los mejores temas para WordPress. Pero si no es así, prepárate para tener que bucear por internet buscando soluciones para conseguir lo que deseas.

Por otro lado, si eres un profesional que se dedica al desarrollo de sitios web con la ayuda de WordPress, entonces el Framework Genesis puede ser un gran nicho para tu negocio. Con el conocimiento de los conceptos básicos de este framework tendrás acceso a un enorme número de plantillas y también la posibilidad de personalizarlas. Tu inversión en este framework pronto va a dar resultados y tu gran reputación te hará un profesional muy atractivo.

En resumen:

• ¿Eres un profesional que quiere ahondar en lo que el ecosistema Genesis le brinda como oportunidad de negocio? Sigue adelante con Genesis Framework.
• ¿Eres un usuario con interés en aprender y pasarlo bien ajustando tu página web? También adelante, lo vas a gozar.
• ¿Eres un usuario al que le agrada la estética de Genesis pero no desea ver ni una sola línea de código ni comprometerse? Olvídate de Genesis. Opciones como GeneratePress te complacerán bastante más. Con su versión premium incluso te ahorrarás unos euros.

Por otro lado, no tiene nada que ver con el nivel estético. El gran número de temas hechos para el marco Genesis tienen un «sentido» muy similar. Muy minimalistas, ligeros, colores claros (cuando no sean en blanco y negro), botones similares… Incluso algunos de ellos pueden considerarse espartanos.

Sin embargo, es cierto que aunque no sea para todos, sí se aplica a la mayoría de ellos. En caso de que no te guste nada del estilo anterior, entonces tendrías poco para elegir.

Afortunadamente este tipo de diseño está muy de moda y además envejece muy bien.

En lo personal, Genesis Framework me agrada bastante y cubre muchas de las necesidades que suelo tener que atender en mi actividad profesional, así que parece que continuaré trabajando con él durante los próximos años.

Por favor, siéntase libre de publicar este artículo en sus redes sociales y compartir cualquier pensamiento que tenga que pueda ser de ayuda para otras personas que están tratando de elegir un buen tema para WordPress. Ama o odia esto.

Preguntas Frecuentes