Child Theme, 10 factores a tener en cuenta a la hora de elegir el adecuado

Un Child Theme es un tema hijo que depende o hereda de un «tema padre».

En el caso que nos ocupa, yo te voy a hablar de los child themes de Genesis Framework.

Es decir, ahí el propio framework lleva unos archivos que hacen de tema padre y es de donde «hereda» el child theme la mayoría de sus propiedades.

De esta forma, podemos actualizar el Framework sin miedo a trastocar el aspecto estético de nuestro blog, puesto lo controla el tema hijo con apenas un par de archivos que no serán modificados: «style.css» y «functions.php»

Actualización: tampoco te pierdas esta guía para personalizar tu child theme.

Child Theme, perfecto. ¿Pero cómo elijo el adecuado?

child-theme-genesis-1

Hay varias cosas a tener en cuenta, yo hoy te traigo un listado de ideas y siempre basadas como digo en los themes de Genesis.

No sólo te fies de «lo bonita que sea la demo», pues cuando lo instales tú sin contenido… no tendrá nada que ver.

1- Opciones de color

Fíjate que venga con sus 5 opciones de color, porque a lo mejor te cuadra el theme pero no quieres esos colores.

Los colores de «base» a los que puedes cambiar suelen ser: «el que sea por defecto, azules, verdes, rojos y rosas».

Si te cuadra alguno de esos, te ayuda bastante porque lo puedes aplicar con un click desde la opciones del panel de control de Genesis.

Si necesitas otros colores o tonos más personalizados, necesitarás tocar el código CSS.

2- Opciones de layout

Las opciones de Layout significa la disposición de los módulos en tu blog.

Por ejemplo, poder definir si quieres el sidebar a la izquierda, o a la derecha, 2 columnas, 3 columnas o sin nada de esto, todo el espacio para el contenido.

En cualquier child theme de Genesis lo tienes fácil, pues te va a permitir seleccionar una opción por defecto (recomiendo «contenido + sidebar») y luego podrás seleccionar una a una esta disposición en cada entrada o página de tu blog. Sino, se aplica lo que dejes por defecto.

3- Estilo de la cabecera

Esto sí depende más de cada child theme, es cuestión de gustos y necesidades.

Los hay con una imagen para todo el ancho de la cabecera, otras que sólo destinan un hueco a la izquierda… debes buscar la que más te cuadra con la idea que tú tienes.

Es importante, porque modificar eso requiere no sólo tocar el .css sino también el «functions.php»

4- Barras de Menús

Lo mismo: piensa en la disposición que más te guste.

Hay personas que les gusta tener un montón de apartados y todo accesible, pues necesitarás una plantilla con dos barras de menú.

Algunos llevan las barras por encima y por debajo de la cabecera, otros llevan el espacio para el logo a la izquierda y un espacio a la derecha para meter un widget.

Es el caso de mi blog, y en ese espacio llamado «Encabezado derecho» le meto un widget de «Menú personalizado».

child-theme-opciones

5- Tipos de plantillas de página

Aquí con plantillas no me refiero al «theme», sino a unos formatos predefinidos que puedes aplicar a las páginas de tu blog. Ojo, no a las entradas.

¿Cuales son? Por ejemplo en Metro Pro, dispongo de «Archive, Blog y Landing Page».

«Blog» hace que en una página que dejes en blanco pero con eso seleccionado, se muestre tu blog. Incluyendo todas las entradas y categorías, el blog entero (con X entradas por página, se entiende, no todas de golpe).

«Archive» no lo he usado, pero hace referencia a hacer lo mismo pero en formato de una sola categoría. Ambas opciones vienen en todos los child themes.

La que no viene en todos es la opción de «Landing Page», asi que fíjate en las caracteristicas porque es una opción interesante para mostrar una página con un servicio concreto o un formulario de suscripción sin la distracción de ningún otro elemento.

Aqui puedes ver este ejemplo mio con una landing page de suscripción.

6- Responsive design o diseño adaptable

Aquí no hay mucho que decir ni de qué preocuparse.

Todos los child themes de Genesis son responsive y se adaptan a los anchos de los distintos dispositivos, ya sea PC, móvil, tablet, etc.

Esto es fundamental, pues cada dia más crece el porcentaje de tráfico desde dispositivos que no son PC, por lo que huye a Mexico si te topas con una plantilla que no sea responsive.

Tendría que ser una gratuita y además de las muy malas, sino es raro.

7- Personalización del fondo

También es interesante que te incluya esta opción.

Con ella podrás modificar el fondo, poniendo un color plano o una imagen.

icon-exclamation-triangle Cuidado con hacer «fantasías» con el fondo, que no llame más la atención que el contenido.

8- Tipografías que lleva

Esto es fundamental que a priori te guste el tipo de letra que lleva.

Los puedes modificar, pero tendrás que controlar un poco de CSS.

Además, con Google Fonts hoy en día es muy fácil.

child-theme-genesis-2

9- Full width y Fixed width

«Ancho total» o «Ancho ajustado».

Habrás visto blogs (como el mio) que van «encajonados» en un espacio vertical: Fixed width.

Otro sin embargo, se muestran en la totalidad del ancho de la pantalla: Full width.

Que tenga esa característica incluida, significa que puedes variar de un modo a otro seleccionándolo en las opciones del Theme.

10- Ubicación de los widgets

Último punto pero no por ello menos importante.

Como te expliqué en el post sobre Genesis Framework, el Home está controlado por una especie de «puzzle» de espacios donde insertar widgets. Bien.

Esto no es una característica que te incluya o no, esto viene si o si, pero lo que tienes que hacer es fijarte en esa disposición en la «Demo» del child theme para determinar si te gusta o no.

Normalmente vas a tener una «composición» para el Home, tu Sidebar, dos o tres columnas para el Footer, en algunos el Encabezado derecho… depende de cada theme.

 icon-html5 Extra: mejor un child theme con HTML5

Añadir, que las actualizaciones más recientes traen integradas 100% el tema del HTML5.

No te voy a explicar aquí todo lo que supone HTML5, pero sólo que lo sepas, que las que veas con el sellito de eso «están a la última» y son mejores que el resto de plantillas.

 icon-thumbs-o-up Ahora ya estás preparado para elegir tu child theme

Aquí tienes la página de child themes de Genesis, hay para aburrir.

La mayoría cuestan 99$ (Child Theme + Framework), y otros más sencillotes son a 79$.

Otra opción es adquirir mi curso de WordPress con Genesis, que te icluye ambas cosas de regalo.

Nada más por hoy. ¿Tienes alguna duda sobre Genesis o alguno de sus Child Theme?

Artículos de la serie Genesis Framework:

  • Genesis Framework: la guía re-definitiva que debes consultar si estás pensando en cambiarte a Genesis
  • Child Theme, 10 factores a tener en cuenta a la hora de elegir tu theme
  • Guía definitiva para personalizar tu child theme de Genesis
  • CSS en Genesis, personalizando tu Child Theme agusto y sin agobios
  • Plugins de Genesis hay unos cuantos, te presento mis 5 imprescindibles
  • Genesis Simple Sidebars: usa distintos widgets donde y como te plazca
  • Genesis Grid Loop: otra vuelta de tuerca a tus páginas de contenidos
  • Genesis Responsive Slider con Executive Pro para webs corporativas
  • Genesis Simple Hooks: vamos a jugar con nuestro theme de Genesis
  • Qué es un Third Party Theme de Genesis y ejemplo con toque femenino
5/5 - (1 voto)

¿Te gustaría autoemplearte y trabajar desde casa pero no sabes por dónde empezar?

20 comentarios en “Child Theme, 10 factores a tener en cuenta a la hora de elegir el adecuado”

  1. Johan Montilla

    Saludos Omar, gracias por los conocimientos que brindas en tu blog, la verdad es que Genesis Framework es una maravilla, pero para transformar o modificar unos de esos temas hay que nutrirse de varias guías y códigos, a mi me sorprende que esta página es el tema Metro pro porque la verdad se ve muy genial tu blog, a nivel de diseño y navegabilidad, quiero seguir aprendiendo más sobre Genesis F. y sus temas, porque me convencieron más que los demás típicos temas de otros desarrolladores que usan el Visual C. y un viaje de plugins para hacer una web muy pesada y lenta pero bonita.

    1. Omar de la Fuente

      Hola Johan 🙂
      Me alegro que te guste Genesis.
      Si quieres más información o profundizar, en la barra lateral tienes un banner por si quieres echar un vistazo a mi curso.
      Un saludo!

  2. Hola Omar,

    Me podrias aclarar que quieres decir en esto que escribiste.?
    Por lo que huye a Mexico si te topas…… Tendria que ser una gratuita…..

    Espero tus comentarios. Gracias.!

    6- Responsive design o diseño adaptable

    Aquí no hay mucho que decir ni de qué preocuparse.

    Todos los child themes de Genesis son responsive y se adaptan a los anchos de los distintos dispositivos, ya sea PC, móvil, tablet, etc.

    Esto es fundamental, pues cada dia más crece el porcentaje de tráfico desde dispositivos que no son PC, por lo que huye a Mexico si te topas con una plantilla que no sea responsive.

    Tendría que ser una gratuita y además de las muy malas, sino es raro.

    1. Omar de la Fuente

      Lo que quiero decir es que hoy en día es absolutamente fundamental que tu plantilla sea responsive y que para que no lo sea tendría que ser una gratuita y además desarrollada hace muuucho tiempo, pues hoy en día incluso las gratuitas ya son todas responsive.

      1. Hola Omar,
        Gracias por responder a mi pregunta, ya Lei tu respuesta y la entiendo lo que no me gusto es que mi Amiga Mexicana tambien lo leyera ( sabes yo le recomende Tu Blog ) y No le gusto esto;
        por lo que huye a Mexico si te topas con una plantilla que no sea responsive.
        Le doy la razon en sentirse mal si todos ustedes Españoles Juzgan a todos los Mexicanos con calificativos negativos, ella me dice, Tu y Yo tenemos amigos Españoles y No por eso generalizamos juicios negativos de ellos.
        Omar un favor, podrias quitar esa linea de Tu Blog, me avisas si puedes.
        De antemano Muchas Gracias.!
        Que tengas buen Dia.!
        Gabriela 🙂

        1. Omar de la Fuente

          Hola Gabriela, vale ahora te he entendido.
          No, no voy a quitar esa línea y te explico por qué. En España, «huir a México» es una expresión que significa simplemente «irse muy lejos». Se dice México por la distancia, como se podría haber dicho Colombia, Australia o China.
          No tiene absolutamente nada de despectivo hacia el país en sí, como digo, es una frase hecha, una expresión que utilizamos aquí para expresar que si algo no es bueno o no te combiene huye, huye muy lejos.
          Un saludo y buen día igualmente.

          1. Hola Omar,
            Saludos con admiración y respeto, sabes,
            Gracias por la explicación de la expresión que usan en España, en America (Colombia , Mexico, etc) esa expresión denota algo despectivo al Pais mencionado, si tu pusieras «irse muy lejos», estaría estupendo, lo dejo a tu consideración y a la decisión desde tu Corazon.
            Que tengas un Lindo Fin de Semana.!
            Gabby

  3. Hola Omar,
    Soy diseñador gráfico senior y ando tratando de subirme al carro de WordPress. Acabo de aterrizar en tu blog y me ha sorprendido mucho tu compromiso y seguridad con Génesis. Tengo nociones básicas de WordPress, y justo ahora me tengo que decidir por un par de Themes para mi proyecto de web profesional. Mi idea es tener una web con dos Themes bien diferenciados, que el Home sea como un Magazine y que los restantes menús sean más dinámicos, tipo presentación y landing pages, al estilo de lo que se puede hacer en esta plataforma: http://www.semplicelabs.com/ ¿Crees que es factible lo que quiero hacer con Génesis? ¿Necesitaría el tema ‘padre’ y dos ‘childs’ o cómo tendría que hacerlo?
    Muchas gracias de antemano. No te niego que necesitaré ayuda, o incluso decidirme porque me lo hagas tú. 😉
    Saludos.
    Juan

    1. Omar de la Fuente

      Hola Juan,

      para lo que comentas necesitas el Framework y dos child themes, sí, pero hay algunas cosas que matizar.

      Primero de todo que una web como la que me indicas de muestra… es complicado eh, el childtheme más similar a eso es el Parallax.

      Ahora bien, es una locura poner un home con un theme y el resto de páginas con otro, más que nada porque de entrada en una misma instalación de Wordpress (hasta donde yo sé) solo puedes tener activo un theme.

      Para hacer algo así tendrías que tener el resto de la web instalada en un segundo Wordpress, dentro de una subcarpeta en el servidor. Y aun así, es que no te sale rentable ni por SEO ni por nada.

      La mejor opción es un theme tipo Parallas, te curras una Home a tu gusto y el resto le das otro toque, pero lo que propones yo lo veo inviable con dos themes.

      Si eres diseñador y con ello doy por hecho que no te cuesta aprender cosas nuevas de este mundillo, más que contratarme quizá te saldría mejor para aprender Wordpress mi curso de Wordpress con Genesis. Hay descuento especial para suscriptores de Haciaelautoempleo.com 😉

      Un saludo!

  4. Pingback: ¿Cuánto cuesta crear en realidad un negocio online? - Business New Generation

  5. Pingback: Genesis para WordPress: ¿Por qué este tema está tan de moda?

  6. Hola Omar, muy buenos días y….feliz año nuevo!

    En primer lugar quiero darte MIL GRACIAS por este blog que me está ayudando mucho. Todavía no tengo la página lista con Génesis (ya falta muy poco), soy nuevo con Wordpress y mucho más con Génesis. Por cierto, aconsejo a todas las personas que quieran tener su propio blog o web y no estén familiarizados con este mundo del diseño web, que ahorrarán dinero contratándote para que se lo hagas llave en mano (van a ahorrar mucho dinero y mucho tiempo).

    Ahora te quiero hacer una pregunta porque no lo encuentro por ninguna parte. ¿Que widget utilizas para el menú personalizado de la barra lateral?

    Muchas gracias por tu atención y un fuerte abrazo.

    1. Omar de la Fuente

      Hola Victor,

      lo primero, agradecer que comentes tu experiencia personal con Genesis y la recomendación que haces sobre mi servicio 😉

      Sobre tu pregunta, es un widget de «Texto HTML». Es decir, que no es un plugin ni nada, son textos con unos colores de fondo, tamaño, efecto, etc que yo he metido a mano el código es HTML y CSS, pero con un widget de Texto normal.

      Lo tienes explicado en este post: https://www.haciaelautoempleo.com/trucos-personalizar-widgets-con-css/ Un saludo!

      1. Hola Omar

        De nuevo tengo que darte otras 1000 gracias. Eres un «crack» con un gran corazón. He estado fuera y acabo de leer tu respuesta, me voy a poner ahora mismito a implantar en mi proyecto tu magnífica aportación.

        Recibe un fuerte abrazo.

  7. Hola;
    El plugin de eso Yoast es compatible y/o necesario con cualquier child theme de Genesis??, es decir, lo instalarias o es suficiente con el seo que traen por defecto la plantilla??? Muchas gracias

    1. Omar de la Fuente

      Hola Oscar,

      un child theme de Genesis tiene su código «optimizado» para favorecer el SEO en diferentes factores.

      Pero el SEO no es algo que «instales una cosa» y ya puedas decir que tu web o blog está bien preparado en cuanto a SEO y Google ya lo adora 😉

      El Plugin de Wordpress SEO by Yoast es un imprescindible en cualquier blog con Wordpress, para enviar el sitemap de forma autómatica entre otras cosas, pero también para facilitarte las cosas (y mucho) a la hora de escribir tus entradas pensando en el SEO. Yo sin duda lo instalaría y buscaría aprender sobre su configuración y funcionamiento.

      Un saludo.

  8. Hola Omar!
    Soy un «newbie» en los temas de wordpress. Tus tutoriais de Avada son fantásticos! A mí me gustaria que achases un vistazo a Builder de iThemes.com. Lo tengo hace 4 meses y todavia no sé como «pegar-le» 🙂 Para Genesis se necessita conocer código, créo. Que pensas de Enfold y The7, dós temas wordpress por detrás de Avada ó por delante?
    Tus vídeos están 5*! Haces muy bien dejar claro porque hás aumentado el precio.
    Un saludo!

  9. Sobre el mundo de los Themes de wordpress se pueden escribir biblias y cada web o blog tiene sus necesidades y exigencias técnicas.
    Yo personalmente nunca fuí seguidor de los frameworks, y en muy pocos casos los recomiendo.
    Sólo le veo como una opción segura y profesional cuando detras de esa web hay un mantenimiento supervisado por un profesional como tu y no como para dejarlo en manos del primer empresario con ganas de tocar en las opciones de la administración de la web.
    También se ha discutido mucho sobre themes hijos (child themes) de si tardan mas en cargar, si consumen mas recursos, etc etc. No tengo la experiencia suficiente ni tengo conocimiento de como funcionan con génesis pero supongo que estará lo suficiente depurado el código como para que no se coma los recursos del servidor.

    Para webs mas sencillas y sin tantas aspiraciones hay montones de temas libres que están bien programados y que respetan bastante bien el SEO.

    Dado que llevo varios años estudiando y retocando código fuente de themes de wordpress, cada vez me decido mas por themes sencillos, responsives, con código limpio, sin grandes paneles de opciones y poco cargados de código para después retocarlo y adaptarlos a las necesidades de esa web concreta.

    De todas formas, los comentarios sobre génesis son buenos y lo situan como una de los frameworks mas profesionales y seguros, ademas de tener un buen equipo de programación y soporte detrás.

    Jo! menudo tocho de comentario. Pero es que el tema daría para llenar páginas.

    1. Omar de la Fuente

      Hola Jose!

      Muy de acuerdo con todo lo que comentas. Yo tampoco tengo unos conocimientos super-expertos en cuanto al código del Framework Genesis, pero he leido de fuentes bastante fiables que se diferecnia de otros precisamente en eso, en la «robustez» de un código muy optimizado, que hace que la web sea rápida en tiempo de carga y a la vez segura.

      Personalmente, no he notado nada extraño utilizando sus Child Themes, en cuanto a que tarde más en cargar ni nada por el estilo. Creo que lo han hecho bien.

      ¿Jose tienes algún blog o web donde ofrezcas tus servicios o trabajos? Me gustaría echarlo un vistazo 🙂

      Un abrazo!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Responsable » Omar de la Fuente Prieto (servidor)
Finalidad » gestionar los comentarios.
Legitimación » tu consentimiento.
Destinatarios » los datos que me facilitas estarán ubicados en los servidores de Webempresa (proveedor de hosting de Haciaelautoempleo) dentro de la UE. Ver política de privacidad de Webempresa. (https://www.webempresa.com/aviso-legal.html).
Derechos » podrás ejercer tus derechos, entre otros, a acceder, rectificar, limitar y suprimir tus datos.

Scroll al inicio

UNA PREGUNTA RÁPIDA

¿Tienes ya una página web propia?