¿Qué es un subtema de WordPress?

Antes de profundizar en la creación de métodos, primero debemos entender qué es un subtema. Un subtema de WordPress es un tema especial que depende de otro tema (denominado “tema padre”). Hereda todas las funciones, estilos y archivos de plantilla del tema padre, pero permite modificarlo de manera segura, agregar nuevas funcionalidades o modificar su diseño sin afectar los archivos centrales del tema padre.

La gran ventaja de este enfoque es que, cuando se actualiza el tema principal, las modificaciones personalizadas que haya realizado en los temas secundarios no se perderán, lo que asegura la estabilidad y mantenibilidad del sitio web. Esta es una de las mejores prácticas a seguir en el desarrollo con WordPress.

Pasos para crear un subtema (subtheme) para WordPress

Crear un subtema básico es muy sencillo; basta seguir unos pocos pasos estándar. Todo el proceso se centra en la creación de la carpeta del subtema y los archivos necesarios.

Lecturas recomendadas Tutorial Avanzado para el Desarrollo Eficiente con WordPress: Desde la Personalización de Temas hasta la Optimización del Rendimiento。

Primero, necesitará acceder a los archivos del servidor de su sitio web WordPress, generalmente a través de un cliente FTP o del administrador de archivos del servidor. Luego, navegue hasta el directorio en el que se encuentra la instalación de WordPress. /wp-content/themes/ Carpeta.

Servidor de WordPress de UltaHost

Garantía de reembolso en 30 días, ancho de banda ilimitado y bases de datos, protección gratuita contra ataques DDoS; descuento del 50% al comprar por 3 años (versiones de 4 TB y 5 TB).

página de acceso

Crear carpetas de subtemas y archivos de hojas de estilo

En esta carpeta, cree un nuevo directorio para su nuevo subtema. El nombre del directorio debería reflejar su relación con el tema principal. Por ejemplo, si el nombre del tema principal es… twentytwentyfourEl directorio de sus subtemas puede llamarse… twentytwentyfour-child。

Para acceder a este directorio recién creado, es necesario crear el primer y más importante archivo de un subtema:style.cssEste archivo no es solo una hoja de estilo; también contiene metadatos que definen los subtemas.

/*
Theme Name:   Twenty Twenty-Four Child
Theme URI:    https://example.com/
Description:  Twenty Twenty-Four Child Theme
Author:       Your Name
Author URI:   https://example.com/
Template:     twentytwentyfour
Version:      1.0.0
Text Domain:  twentytwentyfour-child
*/

/* 在此处添加您的自定义CSS样式 */

Descripción de los puntos clave:
* Theme NameEl nombre del subtema se mostrará en la interfaz administrativa de WordPress.
* TemplateEsta es la línea más importante. Su valor debe coincidir exactamente con el nombre del directorio del tema padre (teniendo en cuenta la diferencia entre mayúsculas y minúsculas). WordPress utiliza este campo para identificar el tema padre.
* Text DomainSe utiliza para la internacionalización y, por lo general, coincide con el nombre de los directorios de subtemas.

Cree el archivo functions.php.

A continuación, cree el segundo archivo necesario en el directorio de subtemas:functions.phpRelacionado con el tema principal. functions.php Diferente: Este archivo de un subtema no se sobrescribirá, sino que se ejecutará simultáneamente con el archivo del mismo nombre del tema principal (el tema principal se ejecutará primero).

Lecturas recomendadas Guía completa para explorar las mejores prácticas de desarrollo y la eficiencia en WordPress。

Uno de los principales propósitos de este archivo es organizar de manera correcta la secuencia de ejecución de las hojas de estilo del tema principal. Esta es una implementación estándar.

<?php
add_action( 'wp_enqueue_scripts', 'my_child_theme_enqueue_styles' );
function my_child_theme_enqueue_styles() {
    wp_enqueue_style(
        'parent-style',
        get_template_directory_uri() . '/style.css'
    );
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'parent-style' )
    );
}
?>

Este código asegura que la tabla de estilos del tema principal se cargue primero, y luego se carga la tabla de estilos de su tema secundario. Las reglas contenidas en la tabla de estilos del tema secundario podrán sobrescribir las del tema principal.

Activar y personalizar subtemas

Una vez que haya completado la creación de los dos archivos mencionados, podrá iniciar sesión en la interfaz de administración de WordPress. Vaya a la sección “Apariencia” -> “Temas” y debería ver el subtema que acaba de crear. Haga clic en el botón “Activar” para activarlo.

hosting.com Alojamiento compartido

Alto rendimiento con CPU AMD EPYC, almacenamiento SSD NVMe y LiteSpeed, asistencia interna de expertos 24 horas al día, 7 días a la semana, medidas de seguridad avanzadas como SSL, fuerza bruta, protección contra malware y DDoS, ahorro de hasta 73%.

página de acceso

Una vez activado, el aspecto de su sitio web será idéntico al del tema principal. Ahora, puede comenzar a personalizarlo según sus preferencias.

• Modificar el estilo: Edite directamente el tema secundario. style.css En el archivo, añada cualquier regla CSS para cambiar los colores, fuentes, el diseño, etc.
• Archivos de plantilla de cobertura: si necesita modificar la estructura de una página en particular (como la página de inicio, la página de artículos, el encabezado o el pie de página), simplemente debe sustituir los archivos de plantilla correspondientes del tema padre (por ejemplo, header.php, footer.php, page.phpCopie el contenido al directorio de los subtemas y luego edítelo. WordPress utilizará preferentemente los archivos que se encuentren en los subtemas.
• Añadir nueva función: en los subtemas… functions.php Se pueden agregar nuevas funciones PHP, ganchos (Hooks) y filtros (Filters) al código para expandir las funcionalidades del sitio web.

Aplicaciones avanzadas y mejores prácticas para subtemas

Una vez que haya dominado los métodos básicos de creación, conocer algunos trucos avanzados y buenas prácticas le permitirá que sus subtemas sean más potentes y profesionales.

Cargar selectivamente los recursos del tema padre.

A veces, es posible que no desee cargar todos los estilos o scripts del tema padre. Puede hacerlo según sea necesario. functions.php Permite un control más preciso del cargamiento de recursos. Por ejemplo, solo se cargan los estilos del tema principal que son necesarios para un diseño específico.

Lecturas recomendadas ¿Cómo elegir y personalizar un tema de WordPress que se adapte mejor al estilo de tu sitio web?。

Utilizar archivos de idioma para la internacionalización.

Si planea distribuir sus subtemas, o si su sitio web necesita soporte multilingüe, es esencial configurar correctamente los campos de texto (Text Fields) y prepararse adecuadamente para ello. .pot Los archivos de idioma son necesarios. Asegúrese de que todas las cadenas de texto que puedan ser traducidas en el código utilicen herramientas o formatos adecuados para facilitar el proceso de traducción. __('String', 'your-child-theme-text-domain') Se envuelve una función de este tipo en un contenedor o capa de abstracción.

Control de versiones y estrategias de actualización

Se recomienda encarecidamente el uso de herramientas de control de versiones como Git para gestionar el código de sus subtemas. Mantenga las notas de código claras y realice copias de seguridad periódicas. Los subtemas en sí también requieren mantenimiento; cuando agregue nuevas funcionalidades o corrija errores, puede actualizarlos. style.css El número de versión incluido en el texto facilita la gestión futura.

Alojamiento compartido InterServer

Alojamiento compartido $2.50 USD al mes , primer mes $0.1 USD código promocional tryinterserver, 461 scripts de aplicaciones en la nube, instalación en un clic.

página de acceso

resúmenes

Crear un subtema para WordPress es una habilidad esencial que todo desarrollador web, diseñador e incluso usuarios avanzados deberían dominar. Permite una gran libertad de personalización al heredar y modificar los componentes del tema principal (tema padre) de una manera sencilla y elegante, asegurando al mismo tiempo que el tema padre se pueda actualizar de manera segura. Esto se logra mediante la creación de directorios y dos archivos clave…style.css Y functions.phpComienza desde el inicio, pasando por la activación del sitio, hasta la personalización detallada de los estilos, plantillas y funciones. Todo el proceso se desarrolla de manera clara y con riesgos controlables. Al seguir las mejores prácticas descritas en este artículo, podrá crear un sitio web de WordPress estable, profesional y fácil de mantener a largo plazo.

FAQ Preguntas más frecuentes

¿Todos los temas de WordPress soportan la creación de subtemas?

Técnicamente, cualquier tema que siga los estándares de codificación de WordPress puede ser utilizado como tema padre. Por lo general, los temas más populares y de alta calidad indican de forma explícita que soportan temas hijos. Puede consultar esta información en la descripción oficial o en los documentos del tema. Si la estructura del tema es adecuada, incluso si no se indica explícitamente, crear un tema hijo suele funcionar sin problemas.

¿Qué pasaría si se introdujera un error al llenar el campo `Template` en el archivo `style.css` de un subtema?

Si Template El valor del campo no coincide con el nombre real del directorio del tema padre; por lo tanto, WordPress no podrá reconocer dicho tema padre. Esto puede causar que el tema hijo no se active en el backend o que el sitio web muestre errores en la interfaz frontal (pérdida de estilo, desorden en el diseño). Es esencial asegurarse de que este campo se llene de manera correcta.

¿Puedo crear otro tema “nieto” basado en un tema secundario?

El sistema de temas de WordPress solo soporta una relación de herencia de nivel uno de forma nativa; es decir, un subtema solo puede tener un único tema padre directo. En teoría, es posible intentar que un subtema utilice otro subtema como su plantilla, pero esta práctica no es estándar y puede causar errores impredecibles y problemas de compatibilidad. Por lo tanto, no se recomienda hacerlo.

¿Se perderá el contenido personalizado de mi subtema después de actualizar el tema principal?

Esta es una de las principales ventajas de utilizar subtemas: no se pierden los cambios realizados. Al actualizar el tema principal, solo se sobrescriben los archivos que se encuentran en su directorio. Todos sus modificaciones se guardan en el directorio del subtema, por lo que se mantienen intactas. No obstante, tenga en cuenta que si una actualización importante del tema principal modifica algunas funciones esenciales o la estructura de los templates, las partes correspondientes de su subtema podrían necesitar ser ajustadas para adaptarse a la nueva versión.