43.16. Desarrollo de temas desde cero: creación de temas secundarios
WordPress es una potente plataforma que permite a los usuarios crear sitios web dinámicos y personalizados. Una de las formas más efectivas de personalizar un sitio web de WordPress es mediante el desarrollo de temas. Un tema define la apariencia del sitio web y se puede personalizar para satisfacer cualquier necesidad. En este capítulo, exploraremos la creación de Temas secundarios, una técnica avanzada que permite a los desarrolladores modificar temas existentes sin perder la capacidad de actualizar el tema principal.
¿Por qué crear un tema secundario?
Un tema secundario es un tema que hereda la funcionalidad y el estilo de otro tema, conocido como tema principal. La principal ventaja de utilizar un tema secundario es que le permite personalizar su sitio web sin editar los archivos del tema principal directamente. Esto es importante porque si modificas un tema directamente y recibe una actualización, tus cambios se perderán. Con un tema secundario, puedes actualizar el tema principal sin preocuparte por perder tus personalizaciones.
Preparación para la creación de temas secundarios
Antes de crear un tema secundario, debe tener un tema principal instalado en su WordPress. El tema principal puede ser un tema gratuito del repositorio de WordPress, un tema premium que haya comprado o un tema personalizado que usted u otra persona haya desarrollado.
Pasos para crear un tema secundario
Para crear un tema secundario, siga los pasos a continuación:
- Crea una nueva carpeta: En el directorio
/wp-content/themes/
de tu WordPress, crea una nueva carpeta para tu tema secundario. Es una buena práctica nombrar esta carpeta con el nombre del tema principal seguido de-child
. Por ejemplo, si su tema principal se llamatwentytwenty
, puede nombrar su carpetatwentytwenty-child
. - Cree el archivo style.css: Dentro de la carpeta Tema secundario, cree un archivo llamado
style.css
. Este archivo debe contener el encabezado del tema con información sobre su tema secundario. A continuación se muestra un encabezado de ejemplo:
/* Nombre del tema: Veinte veinte niños URI del tema: http://yoursite.com/twentytwenty-child/ Descripción: Tema Twenty Twenty Child Autor: Tu nombre URI del autor: http://yoursite.com/ Plantilla: veinteveinte Versión: 1.0.0 */
Tenga en cuenta que el campo Plantilla
debe contener el nombre de la carpeta principal del tema. Esto es esencial para que WordPress sepa qué tema está ampliando su tema secundario.
- Poner en cola los estilos del tema principal: para que su tema secundario herede los estilos del tema principal, debe poner en cola correctamente el archivo
style.css
del tema principal. Esto se hace a través del archivofunctions.php
de su tema secundario. Cree un archivofunctions.php
en su carpeta de tema infantil y agregue el siguiente código:
<?php add_action('wp_enqueue_scripts', 'enqueue_parent_styles'); función enqueue_parent_styles() { wp_enqueue_style( 'estilo padre', get_template_directory_uri() . '/style.css' ); } ?>
- Active el tema secundario: Acceda al panel administrativo de WordPress, vaya a Apariencia > Temas y activa tu tema secundario.
Personalizar el tema secundario
Con el tema infantil activo, puedes empezar a personalizarlo. Puede agregar nuevos estilos en el archivo style.css
del tema secundario, sobrescribir archivos de plantilla copiándolos del tema principal al tema secundario y editándolos, y agregar nuevas funciones a través de las funciones del archivo . .php
.
Consideraciones finales
Crear un tema secundario es una práctica recomendada para cualquiera que desee personalizar un tema de WordPress. Esto le permite mantener sus personalizaciones seguras y separadas del tema principal, lo que facilita el mantenimiento y las actualizaciones futuras. Además, trabajar con temas secundarios es una excelente manera de aprender sobre el desarrollo de temas de WordPress, ya que puede explorar y comprender cómo se crean los temas y cómo funcionan.
Con práctica y tiempo, desarrollar temas secundarios puede convertirse en algo natural, permitiéndole crear sitios web cada vez más complejos y personalizados para usted o sus clientes. Recuerde seguir siempre las mejores prácticas y mantener su código organizado y bien documentado para facilitar el trabajo en equipo y futuras actualizaciones.