Theme

Un theme (o tema en español) en WordPress es un conjunto de archivos que define el diseño y la estructura visual de tu sitio web. Básicamente, es lo que le da forma y estilo a tu página: cómo se ven los colores, las tipografías, las distribuciones de los elementos (como el header, el footer, los menús) y cómo se presentan los posts y las páginas.

El theme no solo afecta a la estética de tu sitio, sino que también define la disposición y funcionalidad de ciertos elementos. Cada tema puede tener sus propias plantillas para diferentes tipos de contenido (entradas de blog, páginas, portafolios, etc.), y puede incluir características específicas, como personalización de menús o widgets.

¿Cómo funciona un theme en WordPress?

Un tema es un paquete de archivos (HTML, CSS, PHP y JavaScript) que le dice a WordPress cómo debe mostrar tu contenido en la web. Cuando instalás y activás un theme, este aplica su propia estructura de diseño y estilos CSS, pero tu contenido (páginas, entradas, imágenes, etc.) sigue siendo el mismo.

Por ejemplo:

• Si cambiás de theme, tu contenido no se pierde, pero sí cambiará la forma en que se ve y cómo se organiza en la página.

• Algunos themes son más visuales y están orientados a la personalización (como Blocksy, Astra, o OceanWP), mientras que otros pueden estar más centrados en la funcionalidad técnica.

Parent Theme y Child Theme

Parent Theme (Tema padre):

Un Parent Theme es un tema completo que contiene todos los archivos necesarios para que funcione de manera independiente. Cuando instalás un tema en WordPress, la mayoría de las veces instalás un tema padre. Estos temas traen consigo sus propios estilos, plantillas, y funcionalidades.

Child Theme (Tema hijo):

Un Child Theme es una extensión del Parent Theme. Básicamente, hereda todas las funcionalidades, plantillas y estilos del tema padre, pero te permite modificar y personalizar el diseño y las funcionalidades sin alterar directamente el tema original. Esto es crucial para evitar perder tus personalizaciones cada vez que el tema padre se actualice.

• El Child Theme toma las reglas y características del Parent Theme, pero si querés hacer cambios, podés modificar el Child Theme sin afectar al original.

• Si modificás directamente el Parent Theme y luego se actualiza, vas a perder todos los cambios que hayas hecho. En cambio, con un Child Theme, esas actualizaciones no afectarán tus modificaciones personalizadas.

Importancia de usar un Child Theme:

1. Preservación de cambios: Al usar un Child Theme, podés personalizar los estilos (en el archivo style.css), agregar nuevas funcionalidades (en functions.php), y modificar plantillas específicas sin perder tus cambios cuando el tema original se actualiza.

2. Flexibilidad: Te da la libertad de modificar solo las partes que querés cambiar, sin tener que rehacer todo el tema. Por ejemplo, si querés cambiar cómo se ve el footer o la tipografía de los encabezados, lo hacés en el Child Theme sin tocar el Parent Theme.

3. Actualizaciones seguras: Si modificás el Parent Theme y luego el autor del tema lanza una actualización, perderás todos tus cambios. Con un Child Theme, podés seguir actualizando el tema padre sin perder tus personalizaciones.

¿Cómo crear e instalar un Child Theme?

Manual:

  1. Creás una nueva carpeta dentro del directorio /wp-content/themes/ llamada blocksy-child (o el nombre que quieras).
  2. Dentro de esa carpeta, creás al menos dos archivos:
    • style.css: Aquí es donde indicás que el Child Theme hereda de su Parent Theme.
    • functions.php: Para cargar los estilos del Parent Theme y otros archivos que necesités.

Ejemplo de style.css del Child Theme:

/*
Theme Name: Blocksy Child
Template: blocksy
*/

Usar un plugin: Si no te sentís cómodo creando archivos manualmente, podés usar un plugin como Child Theme Configurator, que crea automáticamente el Child Theme por vos.

Activar el Child Theme: Una vez creado el Child Theme, lo activás desde el panel de control de WordPress en Apariencia > Temas.

Más info

Scroll al inicio