Guía completa de WordPress Child Theme

Temas infantiles de WordPress. Puede sonar (y parecer) intimidante al principio, pero una vez que aprenda los entresijos (así como la belleza) de los temas secundarios de WordPress, se divertirá mucho. En esta publicación, desglosaremos el tema secundario de WordPress en varias partes. Para decirlo de otra manera, aprenderemos:


  • ¿Qué es un tema secundario de WordPress?
  • Méritos de los Temas Infantiles de WordPress
  • Deméritos de los Temas Infantiles de WordPress
  • Cómo crear un tema secundario de WordPress
  • Recursos del tema secundario de WordPress

¿Qué es un tema secundario de WordPress??

Entonces, ¿qué es un tema secundario de WordPress??

Un tema secundario de WordPress es básicamente un tema de WordPress que “toma prestados” archivos de plantilla y funcionalidades de otro tema de WordPress conocido como el tema principal. No golpees nada todavía, explicaré todo en detalle, lo prometo.

UNA tema principal es un tema típico de WordPress, como nuestro tema de WordPress Total más vendido, el tema predeterminado Twenty Fourteen o el tema que esté utilizando en su sitio web.

El tema secundario más básico de WordPress es simplemente una carpeta que contiene un archivo style.css especial. No se preocupe, todo tendrá sentido una vez que lo explique. Una de las preguntas que probablemente te esté pasando por la cabeza en este momento es: ¿Por qué querrías usar un tema secundario mientras hay muchos temas principales??

La respuesta es bastante simple. La mayoría de los temas principales reciben actualizaciones de vez en cuando. Por lo tanto, si toma un tema principal y personaliza el código (y el estilo), perderá todos estos cambios la próxima vez que actualice el tema. Aquí es donde entran los temas secundarios de WordPress. Un tema secundario de WordPress le da el poder de personalizar su tema principal sin correr el riesgo de perder sus cambios cuando actualiza. Por supuesto, puede optar por eliminar las actualizaciones si no le importa exponer su sitio web a los piratas informáticos.

Hacia adelante…

Hace unos párrafos, mencioné que los temas secundarios “toman prestados” archivos de plantilla y la funcionalidad de los temas principales. ¿Como sucedió esto? Piense en los temas infantiles como sombra temas; imitan sus temas principales. Es como crear una copia del tema principal sin copiar nada. Suena a magia, cierto?

Presione el botón congelar. ¿Cómo se crea una copia del tema principal sin copiar realmente nada? El secreto para comprender los temas secundarios se encuentra dentro del archivo especial style.css que mencionamos anteriormente. En realidad, el secreto es una sola línea que se encuentra dentro de style.css. ¿Qué línea preguntas? Más sobre esto en un momento. Como crearemos un tema secundario más adelante en esta publicación, solo presentaré algunos conceptos básicos para revelar la línea de la que estoy hablando y brindarle una mejor comprensión de los temas secundarios.

Para crear un tema secundario, debe crear una carpeta (para el tema secundario) en su directorio de temas de WordPress. Puede nombrar la carpeta como sea (o después de su tema). A continuación, debe crear un style.css con el siguiente código:

/ *
Nombre del tema: el nombre del tema de su hijo (por ejemplo, Tema infantil total)
URI del tema: http://www.example.com (URL del tema de su hijo)
Descripción: una breve descripción del tema de su hijo
Autor: tu nombre va aquí
Plantilla: el nombre del directorio del tema principal (por ejemplo, Total, veinticuatro, etc.)
Versión: 1.0.0
* /

Debe guardar este style.css en la carpeta del tema secundario. Ahora, regrese a la sexta (sexta) línea en el código anterior. Ya verás:

Plantilla: el nombre del directorio del tema principal (por ejemplo, Total, veinticuatro, etc.)

Esta línea le dice al tema secundario de qué tema principal tomar prestado funciones y archivos de plantilla. Esta línea simple vincula su tema secundario con el tema primario, actuando como un conducto a través del cual el tema secundario recibe archivos de plantilla y funcionalidades del tema primario. Esto significa que debe tener el tema principal instalado en su plataforma de WordPress.

Basta decir que sin esta línea, no tienes un tema secundario. Solo tiene una carpeta y un archivo style.css típico.

En resumen, la línea de plantilla hereda (la mayoría de) su tema principal cuando activa su tema secundario. Todos los cambios que realice en su tema secundario no se verán afectados si / cuando actualiza el tema principal. ¿Cómo te gusta esa explicación? ¿Estás siguiendo o no está lo suficientemente claro? Si estás conmigo, pasemos a las ventajas y desventajas de los temas secundarios de WordPress.

¿Cuáles son los beneficios de usar un tema secundario??

Hay muchos beneficios en el uso de un tema secundario y recomendamos que cualquiera que use un tema que no se haya creado a medida para su sitio web configure y active un tema secundario. Hemos enumerado algunos de los beneficios clave para usar un tema secundario y por qué debería considerarlo.

Éxito

Actualizaciones seguras

Los temas secundarios de WordPress simplemente toman prestadas funciones, plantillas y estilos del tema principal. Esto le permite personalizar su sitio web sin tocar el tema principal. Por lo tanto, cada vez que los desarrolladores actualicen su tema principal, puede actualizar su sitio web sin perder cambios personalizados.

Los temas secundarios son fácilmente extensibles

Los temas infantiles de WP le brindan mucha flexibilidad. Puede crear nuevos archivos de plantilla que no formaban parte del tema principal. Puede agregar nuevas funciones, estilos y mucho más. Además, hay muchos marcos de temas comerciales y gratuitos con opciones extensibles para comenzar.

Los temas secundarios son Fallback-Safe

Cada desarrollador es humano, y todos sabemos que errar es humano. Todos cometen errores y todos se olvidan. Dicho esto, estarás en la sopa si olvidas codificar algo cuando usas un tema principal. Las cosas son un poco diferentes con los temas secundarios. Si olvida algún código, WordPress cargará automáticamente una alternativa (o el original) del tema principal. Por supuesto, esto solo es cierto si el código existe en el tema principal.

¿Cuáles son los aspectos negativos del uso de un tema secundario??

Si bien, en general, los temas secundarios son increíbles y recomendamos que todos los que usan WordPress activen un tema secundario en su sitio si planean hacer posibles ajustes en el futuro, son algunas cosas que debe tener en cuenta.

Hay una curva de aprendizaje

Los temas secundarios son principalmente para extender o personalizar la funcionalidad de su tema principal, lo que significa que si no es un desarrollador, no hay mucho que pueda hacer con su tema secundario y querrá aprender algunos códigos para tomar potencial completo del tema de su hijo. Entonces, si eres un novato, necesitas tiempo para aprender el funcionamiento de los temas principales y WordPress (así como un poco de código) en general para disfrutar de todo el potencial de los temas secundarios. De todos modos, debes ganarte tus rayas. Después de todo, estarás codificando como los profesionales en muy poco tiempo.!

Las cosas se rompen o se quedan atrás

Si ha creado su sitio web en torno a un tema principal, es posible que deba modificar algunas cosas (por ejemplo, menús, widgets y / u opciones de tema) cuando cambie a un tema secundario. Algunos temas guardan la configuración en la base de datos en función del nombre del tema, por lo que cuando cambie al tema secundario, puede parecer que ha perdido toda la configuración del tema principal (configuración del Personalizador), pero no se preocupe, están seguros en la base de datos, pero lo hará. necesita volver a sus padres si este es el caso para que pueda copiar su configuración y migrarla. En nuestro tema Total, proporcionamos un panel útil de Importar / Exportar directamente en el tablero para que pueda copiar la configuración del Personalizador del tema antes de cambiar al tema secundario y migrarlo.

Además, si está utilizando su tema secundario para proporcionar una función adicional a su sitio en lugar de usar un complemento si alguna vez cambia su tema principal, es posible que tenga que mover algunos de estos ajustes a un nuevo tema secundario, cambiar el nombre de su tema secundario actual o mover el ajustes en un complemento personalizado.

Cómo crear un tema secundario de WordPress?

Quiero suponer que eres proactivo y que has creado una carpeta y el archivo “especial” style.css para tu tema secundario. Si acaba de saltar a esta parte (o estaba esperando ansiosamente esta sección), abra su directorio de temas de WordPress a través de FTP / SFTP (… / wp-content / themes) y cree una carpeta donde almacenará su tema secundario.

Nota: Puede acceder al directorio de temas a través de su Administrador de archivos en su cPanel. Alternativamente, puede usar un cliente FTP como FileZilla si tiene cuentas FTP habilitadas.

A continuación, abra su editor de texto favorito (el mío Bloc++) y cree un archivo style.css con la siguiente información:

/ *
Nombre del tema: el nombre del tema de su hijo (por ejemplo, Tema infantil total)
URI del tema: http://www.example.com (URL del tema de su hijo)
Descripción: una breve descripción del tema de su hijo
Autor: tu nombre va aquí
Plantilla: el nombre del directorio del tema principal (por ejemplo, Total, veinticuatro, etc.)
Versión: 1.0.0
* /

Es el mismo código que usamos anteriormente.

Sube tu archivo style.css a la carpeta del tema secundario. En este punto, su archivo style.css está vacío (aparte de las líneas anteriores, que no hacen nada en términos de estilo), por lo que no espere que el tema secundario se parezca al tema principal. Sin embargo, para superar este obstáculo, puede importar el style.css de su tema principal creando un nuevo archivo functions.php vacío dentro de la carpeta del tema secundario y agregando el siguiente código PHP:

función total_child_enqueue_parent_theme_style () {

// Obtenga dinámicamente el número de versión de la hoja de estilo principal (permite que los navegadores vuelvan a almacenar en caché su hoja de estilo cuando actualice su tema)
$ theme = wp_get_theme ('Total');
$ version = $ theme-> get ('Versión');

// Cargue la hoja de estilo
wp_enqueue_style ('parent-style', get_template_directory_uri (). '/ style.css', array (), $ version);

}
add_action ('wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style');

Asegúrese de cambiar donde dice “Total” para ser el nombre de su tema principal. Esto permitirá que el tema secundario actualice dinámicamente el número de versión adjunto al estilo principal.css, de modo que cuando el tema primario se actualice si hubo algún cambio en el archivo style.css en el tema primario, permitirá que el navegador y su CDN ( si usa uno) vuelva a almacenar en caché la hoja de estilo y evite que su sitio tenga problemas de CSS cuando se visualice.

Personalizar el tema de tu hijo

personalizaciones de temas secundarios

Ahora viene la parte divertida. Lo más probable es que hayas creado tu tema hijo para hacer personalizaciones, así que sumérgete!

  • Para personalizar su tema hijo, simplemente agregue sus estilos al archivo style.css que creó. Anularán los estilos correspondientes encontrados en el tema principal.
  • Para editar archivos de plantilla, primero cópielos al tema de su hijo y luego edítelos desde allí. Pero no TODOS los archivos se pueden copiar al tema secundario y modificar, solo puede copiar archivos de plantilla. Por lo tanto, si el tema tiene ciertos archivos dentro de un incluye, inc, funciones u otra carpeta que contiene clases y funciones personalizadas, es posible que no pueda copiarlas y modificarlas. Para esos casos, es posible que desee ver el uso de filtros o ganchos de acción para modificar las funciones predeterminadas del tema principal.
  • Puede agregar archivos de plantilla personalizados a su tema secundario para obtener más funcionalidades
  • Use el archivo functions.php de su tema secundario para agregar funciones personalizadas y utilice el tema principal o los filtros de WordPress. No agregue nuevas funciones al archivo functions.php en su tema principal!

WordPress cargará primero los archivos y estilos de plantilla en el tema secundario, pero si falta algo, cargará los archivos correspondientes en el tema principal. Ah, sí, los temas infantiles son seguros, pero apuesto a que ya dijimos eso.

Y eso es.


Para concluir las cosas …

Los temas secundarios son muy potentes en cuanto a personalización y extensibilidad. Además, proporcionan buenos campos de aprendizaje para cualquiera que quiera aprender el desarrollo de temas de WordPress. Son simples y divertidos de crear y le brindan muchas opciones para convertir su sitio de WordPress de la manera que desee.

Diseña y diviértete, y no te vayas antes de compartir con nosotros en los comentarios a continuación. Amamos y valoramos sus comentarios ��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map