Una introducción a los temas infantiles de WordPress

Una de las principales características de WordPress es la capacidad de crear un sitio web atractivo incluso si usted no es diseñador. Mediante el uso de temas de terceros, casi cualquier persona con un poco de conocimiento técnico puede crear algo que se vea y funcione bastante bien. Agregue eso al hecho de que muchos temas son gratuitos o asequibles y puede ver por qué tanta gente se ha subido al carro.

Pero lo que mucha gente puede no darse cuenta es que instalar un tema y personalizarlo para satisfacer sus necesidades no es el final de las cosas. La realidad es que, dependiendo del tipo de personalizaciones que haya realizado, esos cambios podrían perderse al actualizar el tema en el futuro.

Por ejemplo, imagine usar el tema Twenty Seventeen, el tema predeterminado incluido con WordPress. Supongamos que editó directamente una plantilla de página o incluso la hoja de estilo. Si bien abrirse camino a través de un tema existente es una excelente manera de aprender los entresijos del desarrollo, también es bastante fácil eliminar todos esos cambios la próxima vez que presione ese botón de actualización. Si haces eso en un sitio en vivo, podría ser desastroso.

Afortunadamente, hay otra forma más segura de hacer las cosas.

Un niño protege el futuro

Aquí es donde entra en juego el concepto del tema infantil de WordPress. En resumen, es un tema separado que tiene su propia carpeta dentro del directorio / wp-content / themes / de su sitio. Sin embargo, hay un giro. En lugar de ser un tema completo, un niño hace referencia a su "padre".

Lo que eso significa es que la carpeta del tema secundario solo contiene algunos elementos básicos:

  • Un archivo functions.php.
  • Una hoja de estilo (style.css) que contiene solo los estilos que está personalizando o agregando.
  • Solo los archivos de plantilla que desea personalizar.

La belleza de esta configuración es que todavía está aprovechando todas las ventajas que el tema principal tiene para ofrecer, al tiempo que agrega sus propios toques personales. La mayor parte del trabajo duro de diseño y desarrollo ya ha sido realizado por el autor del tema. A partir de ahí, puede hacer tanto o tan poco como desee.

Aún mejor es que, cada vez que el tema principal se actualiza a la última versión, el niño queda intacto. Si bien eso no lo protege completamente contra la rotura (lo veremos más adelante), significa que sus personalizaciones no se sobrescribirán. Es un gran problema, ya que no es divertido entrar y rehacer todo su arduo trabajo.

Conoce a tu hijo

Configurar un tema infantil básico

El proceso inicial de configurar un tema secundario es bastante simple y solo debería tomar unos minutos de su tiempo. Sin duda, un pequeño precio a pagar teniendo en cuenta los beneficios que le proporciona tanto ahora como en el futuro.

Tomando el ejemplo del tema Veinte diecisiete (y los consejos del Manual de temas de WordPress), veamos los temas infantiles más básicos:

1. Cree una nueva carpeta en su directorio / wp-content / themes /. Se puede nombrar como quieras, pero nos quedaremos con la recomendación de WordPress llamándola: twentyseventeen-child

Directorio de temas secundarios de WordPress

2. Cree una nueva hoja de estilo y asígnele el nombre: style.css

Dentro de ese archivo CSS, coloque un encabezado similar a este (puede personalizarlo para que coincida con su configuración específica):

/*
 Theme Name:   Twenty Seventeen Child
 Description:  My Twenty Seventeen Child Theme
 Author:       Your Name
 Author URI:   http://www.your-site.com
 Template:     twentyseventeen
 Version:      1.0.0
*/

Hay otros elementos que puede colocar aquí, pero tenga en cuenta que las únicas áreas requeridas son el Nombre del tema y la Plantilla. El nombre realmente puede ser cualquier cosa que quieras, pero preste especial atención a la declaración de plantilla. Ese debe coincide con el nombre de la carpeta de tu tema principal (veintisiete en nuestro caso). Si esa referencia no es correcta, el tema secundario no funcionará.

Debajo de esta información, puede agregar cualquier estilo personalizado que desee usar en su tema secundario. Si está cambiando los estilos existentes, puede valer la pena copiarlos y pegarlos directamente desde la hoja de estilos del tema principal o usar las herramientas de desarrollador de su navegador para detectar fácilmente los estilos que desea orientar.

3. Crear un archivo functions.php que, al menos, hace referencia a las hojas de estilo del tema principal y secundario:

get('Version')
    );
}
?>

* Código modificado de la guía de temas infantiles del Manual del tema de WordPress.

Por supuesto, el archivo functions.php puede personalizarse bastante a medida que desarrolle su sitio. Pero por ahora, esta configuración básica al menos lo ayudará a comenzar.

4. Copie sobre cualquiera de los archivos de plantilla del tema principal (manteniendo los originales en su lugar) en la carpeta del tema secundario y modifíquelos como desee.

5. Dentro del Panel de WordPress, active su nuevo tema hijo navegando a Apariencia> Temas. Si desea que aparezca una imagen con su tema, agregue un archivo PNG de 1200 × 900 llamado screenshot.png al directorio raíz del tema secundario.

Activando un Tema Infantil

Retazos

¿Ves que fácil fue eso? La creación de ese tema secundario no llevó casi nada de tiempo y también lo hizo correctamente en su sitio. Pero hay algunas cosas que debes saber:

Las cosas aún podrían romperse

Si bien un tema secundario protegerá sus cambios para que no se sobrescriban, no garantiza que no tendrá problemas para siempre. Hay momentos en que un tema principal presenta nuevas características o incluso cambia radicalmente plantillas específicas. Esto puede causar problemas imprevistos con cualquier plantilla o estilo personalizado que viva en el tema de su hijo. El resultado es que puede que tenga que rehacer parte de su trabajo anterior utilizando nuevas copias de las plantillas en cuestión.

¿Está utilizando el padre correcto?

Casi suena tonto, pero si te encuentras haciendo cambios masivos en las plantillas, es justo preguntarte si has elegido el tema principal correcto para empezar. Recuerde, la idea de un tema secundario es hacer (y preservar) algunos ajustes personalizados, para no desgarrar por completo el original. Deberá trabajar con un tema principal que sea al menos un 75% de lo que está buscando. De lo contrario, es mejor que tenga un tema o marco de inicio.

La documentación del tema principal es tu amigo

No todos los temas se crean de la misma manera. Entonces, aunque la configuración rápida mencionada anteriormente funciona, puede que no sea ideal para su tema principal en particular. Consulte la documentación de su tema para ver si hay consideraciones especiales para crear un hijo (esto realmente está empezando a sonar como un artículo para padres).

Felicitaciones por su hijo (tema)

Los temas infantiles son uno de esos pequeños trucos geniales de WordPress que pueden ahorrarte algo de tiempo y algunos dolores de cabeza futuros. Son muy recomendables para situaciones en las que desea aprovechar todo lo que ofrece un tema de terceros, sin dejar de tener la posibilidad de agregar sus propias personalizaciones a la mezcla.

Botón volver arriba