Guía completa del tema infantil de WordPress

Guía completa del tema infantil de WordPress

Temas secundarios de WordPress. Pueden parecer (y parecer) intimidantes al principio, pero una vez que aprenda los entresijos (así como la belleza) de los temas para niños de WordPress, lo pasará en grande. En este artículo, desglosaremos el tema hijo de WordPress en sus diferentes partes. Para decirlo de otra manera, aprenderemos:

  • ¿Qué es un tema hijo de WordPress?
  • Méritos de los temas secundarios de WordPress
  • Desventajas de los temas secundarios de WordPress
  • Cómo crear un tema hijo de WordPress
  • Recursos del tema hijo de WordPress

¿Qué es un tema hijo de WordPress?

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

Un tema hijo de WordPress es básicamente un tema de WordPress que “toma prestados” archivos de plantilla y características de otro tema de WordPress conocido como tema principal. No toques nada todavía, te lo explicaré todo en detalle, te lo prometo.

A tema de los padres es un tema típico de WordPress, como nuestro tema Total WordPress más vendido, el tema predeterminado Twenty Fourteen o cualquier tema que use en su sitio web.

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

La respuesta es bastante simple. La mayoría de los temas para padres reciben actualizaciones de vez en cuando. Entonces, si toma un tema principal y personaliza el código (y el estilo), perderá todos esos 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 al actualizar. Por supuesto, puede optar por eliminar las actualizaciones si no le importa exponer su sitio web a los piratas informáticos.

Vamonos…

Hace unos párrafos, mencioné que los temas secundarios “toman prestados” archivos de plantilla y la funcionalidad de los temas principales. ¿Cómo puede suceder esto? Piense en temas infantiles como sombra temas; imitan los temas de sus padres. Es como hacer una copia de su tema principal sin copiar nada. Suena a magia, ¿verdad?

Presione el botón congelar. ¿Cómo crear una copia del tema principal sin copiar nada? El secreto para comprender los temas secundarios está en el archivo especial style.css que mencionamos anteriormente. En realidad, el secreto es una sola línea que se encuentra en style.css. ¿Qué línea estás pidiendo? Más sobre esto en un momento. Dado que crearemos un tema secundario más adelante en este artículo, 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 hijo, debe crear una carpeta (para el tema hijo) en su directorio de temas de WordPress. Puede nombrar la carpeta como desee (o después de su tema). Entonces necesitas crear un style.css con el siguiente código:

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

Debe guardar este style.css en la carpeta de su tema hijo. Ahora regrese a la sexta (sexta) línea del código anterior. Tu verás:

Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)

Esta línea le dice a su tema hijo de qué tema padre tomar prestadas funciones y archivos de plantilla. Esta única línea conecta su tema hijo con el tema padre, actuando como un conducto a través del cual el tema hijo recibe archivos de plantilla y funcionalidad del tema padre. 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 hijo. Solo tiene una carpeta y un archivo style.css típico.

Básicamente, la línea de la plantilla hereda (la mayor parte) de su tema principal cuando activa su tema secundario. Cualquier cambio que realice en su tema secundario no se verá afectado si actualiza el tema principal. ¿Qué te parece esta explicación? ¿Estás siguiendo o no está lo suficientemente claro? Si estás conmigo, pasemos a los pros y los contras de los temas secundarios de WordPress.

¿Cuáles son las ventajas de utilizar un tema hijo?

El uso de un tema hijo tiene muchos beneficios, y recomendamos que cualquier persona que utilice un tema que no haya sido personalizado para su sitio web configure y active un tema hijo. Hemos enumerado algunos de los principales beneficios de usar un tema hijo y por qué debería considerarlo seriamente.

É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 actualizan su tema principal, puede actualizar su sitio web de forma segura sin perder los cambios personalizados.

Los temas secundarios se pueden expandir fácilmente

Los temas secundarios de WP te dan mucha flexibilidad. Puede crear nuevos archivos de plantilla que no formaban parte del tema principal. Puede agregar nuevas funciones, estilos y más. Además, hay muchos marcos temáticos comerciales y gratuitos con opciones expandibles para que pueda comenzar.

Los temas secundarios son seguros para el respaldo

Todo desarrollador es humano y todos sabemos que errar es humano. Todos cometemos errores y todos se olvidan. Dicho esto, estará en la sopa si se olvida de codificar algo cuando usa un tema principal. Las cosas son un poco diferentes con los temas infantiles. 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 las desventajas de usar un tema hijo?

Si bien, en general, los temas secundarios son excelentes y recomendamos a cualquier persona que use WordPress que habilite un tema secundario en su sitio si planea realizar algún cambio potencial en el futuro, estas son cosas que debe tener en cuenta.

Hay una curva de aprendizaje

Los temas secundarios se utilizan principalmente para ampliar o personalizar la funcionalidad de su tema principal, lo que significa que si no es un desarrollador, no podrá hacer mucho con su tema secundario y querrá aprender un poco de codificación. Aproveche todo el potencial de su tema infantil. Entonces, si es un principiante, necesita algo de tiempo para aprender cómo funcionan los temas principales y WordPress (así como también algo de código) en general para aprovechar todo el potencial de los temas secundarios. De todos modos, debes ganarte tus galones. Después de todo, ¡codificará como los profesionales en 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 cambiar algunas cosas (por ejemplo, menús, widgets y / o opciones de tema) cuando cambie a un tema secundario. Algunos temas guardan la configuración en la base de datos según el nombre del tema, por lo que cuando cambia a su tema secundario, puede parecer que ha perdido todas las configuraciones de su tema principal (configuración de personalización), pero no lo sabe. están a salvo en la base de datos, pero usted lo estará. debe volver con su padre si este es el caso para que pueda copiar su configuración y migrarla. En nuestro tema Total, proporcionamos un panel de importación / exportación útil directamente en el panel de control para que pueda copiar la configuración de personalización de su tema antes de actualizar a su tema hijo 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 el tema principal, es posible que deba mover algunos de estos cambios a un nuevo tema secundario, cambie el nombre de su tema secundario actual o moverlo se convierte en un complemento personalizado.

¿Cómo crear un tema hijo de WordPress?

Quiero asumir que eres proactivo y que has creado una carpeta y un archivo style.css “especial” para tu tema hijo. Si acaba de pasar a esta parte (o ha estado esperando esta sección), abra su directorio de temas de WordPress a través de FTP / SFTP (… / wp-content / themes) y cree una carpeta donde guardará su tema hijo.

Notar: Puede acceder al directorio de temas a través de su administrador de archivos en su cPanel. También puede utilizar un cliente FTP como FileZilla si tiene cuentas FTP habilitadas.

Luego abre tu editor de texto favorito (el mío Bloc de notas ++) y cree un archivo style.css con la siguiente información:

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

Este 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 de estilo), así que no espere que su tema hijo se vea como su tema principal. Para superar este obstáculo, puede importar el style.css desde su tema principal creando un nuevo archivo functions.php vacío en la carpeta del tema secundario y agregando el siguiente código PHP:

function total_child_enqueue_parent_theme_style() {
	
	// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
	$theme   = wp_get_theme( 'Total' );
	$version = $theme->get( 'Version' );
	
	// Load the stylesheet
	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 que sea el nombre de su tema principal. Esto permitirá que su tema hijo actualice dinámicamente el número de versión agregado al style.css principal, por lo que cuando se actualice el tema principal, si ha habido algún cambio en el archivo style.css en el tema principal, permitirá que el navegador y su CDN (si usa uno) recache la hoja de estilo y evite que su sitio tenga problemas de CSS al visualizarlo.

Personalizar el tema de su hijo

personalizaciones del tema hijo

Ahora viene la parte divertida. Probablemente 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ó. Reemplazarán los estilos correspondientes que se encuentran en el tema principal.
  • Para editar archivos de plantilla, cópielos primero en su tema hijo y luego edítelos desde allí. Pero NO TODOS los archivos se pueden copiar a su tema hijo y editar, solo puede copiar archivos de plantilla. Por lo tanto, si el tema contiene algunos archivos para includes, inc, functions u otra carpeta que contiene clases y funciones personalizadas, es posible que no pueda copiarlos ni modificarlos. En estos casos, es posible que desee considerar 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 hijo para obtener más funcionalidad
  • Use el archivo functions.php de su tema secundario para agregar funciones personalizadas y use 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 de plantilla y estilos en su tema hijo, pero si falta algo, cargará los archivos correspondientes en el tema padre. Oh, sí, los temas para niños son seguros, pero apuesto a que lo hemos dicho antes.

Y es todo.


Para concluir…

Los temas secundarios son muy poderosos cuando se trata de personalización y extensibilidad. Además, proporcionan una buena base de aprendizaje para cualquiera que busque aprender a desarrollar temas de WordPress. Son simples y divertidos de crear y le brindan muchas opciones para transformar su sitio de WordPress de la manera que desee.

Diseña y diviértete, y no te vayas hasta que compartas con nosotros en los comentarios a continuación. Nos encanta y apreciamos sus comentarios 🙂

Deja un comentario

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

Ir arriba