¡Tutorial para crear tu primer tema hijo de WordPress desde cero!

Muchos principiantes utilizan elWordPressCuando se construye un sitio web, se desea realizar cambios personalizados en el sitio sin destruir el tema original. En este punto, elTema infantil Es la solución más segura y flexible. Aquí tienes una guía paso a paso sobre cómo crear tu primer tema hijo.

En primer lugar, ¿qué es un tema hijo de WordPress?

Un tema hijo es un tema dependiente del tema principal (tema padre), que hereda el tema principaltemáticapero puede modificar algunos de los archivos sin que ello afecte al tema principal. Cuando se actualice el tema principal, el contenido personalizado en el tema hijo no se sobrescribirá, lo que resulta ideal para sitios con mantenimiento a largo plazo.

Fácil de entender:
Tema principal = Funciones básicas
Subtemas = Extensiones personalizadas

II. Preparación antes de crear subtemas

Antes de empezar, tenga preparado lo siguiente:

Acceso al backend de WordPress y gestión de archivos por FTP o hosting.
El nombre de la carpeta del tema principal (p. ej. blocksyyastraytwentytwentyfour).
Un editor de texto (por ejemplo, VS Code, Notepad++).

III. Creación de carpetas de subtemas

Acceso al catálogo de la web wp-content/temas/cree aquí una nueva carpeta con la nomenclatura habitual:

Nombre del sujeto-niño

Digamos que su tema principal es woodmartEso.subtemaA continuación, se asigna un nombre a la carpeta:

woodmart-child

Esto permite que el sistema reconozca automáticamente la paternidad y también es fácil de gestionar.

Cuatro, escriba el archivo style.css

existe woodmart-Niño. cree una nueva carpeta llamada style.css y escriba el siguiente código:

/*
Nombre del tema: Woodmart Child
Plantilla: woodmart
Autor: Su Nombre
Versión: 1.0
Descripción: Este es un tema hijo de Woodmart Theme.
*/Woodmart

Descripción:

Nombre del temaNombre del subtema.
Plantilla: Nombre del catálogo del tema principal, que debe rellenarse correctamente.
El resto de la información puede personalizarse.

Salvados.WordPressSólo entonces podrán reconocerse los subtemas.

V. Cargar el estilo del tema principal

Una vez creado el tema hijo, también hay que hacer que herede los estilos CSS del tema principal.
En el directorio del tema hijo cree un nuevo funciones.php y añada el siguiente código:

``````

Papel:
Este código permite que el tema hijo cargue automáticamente los archivos de estilo del tema principal para garantizar una apariencia coherente de la página.

VI. Activar sub en segundo planotemática

Vuelve al backend de WordPress → Apariencia → Temas para ver el tema hijo que acabas de crear "Woodmart Niño".

Haga clic en "Activar" y el tema hijo entrará oficialmente en vigor. La apariencia del sitio no cambiará, pero puede modificar libremente los archivos de plantilla o estilos en el tema hijo, sin afectar al tema principal.

VII. Personalización del contenido del tema hijo

Una vez activado, puede empezar a personalizar el funcionamiento:

1. ModificacionesCSStipo

directamente en el style.css Escriba nuevos estilos con mayor prioridad que el tema principal. Ejemplo:

h1 {
    font-size: 28px; color: #0073aa; h1 {
    color: #0073aa.
}

2. Modificación de los archivos de plantilla

Si desea modificar la estructura de la página, copie los archivos del tema principal a la carpeta del tema hijo. Ejemplo:
haga una copia de header.php Sólo tienes que ir al directorio del tema hijo y modificar el código en él.

3. Añadir funciones funcionales

En el subtema funciones.php Añada personalizaciones como, por ejemplo, un nuevo menú de navegación o modifique el logotipo de la página de inicio de sesión.

VIII. Pruebas y mantenimiento

cumplirsubtemaDespués, asegúrate de probarlo:

Abra la página web y confirme que el estilo y la funcionalidad son correctos;
Compruebe en la consola los errores notificados;
Actualice regularmente el tema principal para garantizar la compatibilidad.

Recomendación:
Haga una copia de seguridad de los archivos del tema hijo antes de cada modificación para evitar usos indebidos.

IX. Habilidades avanzadas: añadir plantillas personalizadas

Si desea utilizar un diseño especial para una página determinada, puede crear un nuevo archivo de plantilla personalizada en el tema hijo.
Por ejemplo, crear página-personalizada.phpEscribe:

<?php
/*
Template Name: Custom Page Layout
*/
get_header(); ?>

<h2>Esta es la página de la plantilla personalizada</h2>

<?php get_footer(); ?>

Esta plantilla se puede seleccionar cuando se crean nuevas páginas en el backend para implementar rápidamente diferentes diseños de página.

X. Resumen de las ventajas de los subtemas

Alta seguridad: Las actualizaciones del tema principal no afectan al contenido personalizado.
Fácil mantenimiento: Claridad del código y gestión jerárquica.
Expansión flexible: Se pueden añadir o modificar funciones.
estructuralmente independienteFacilita la resolución de problemas.

Los subtemas no sólo son el primer paso para que los principiantes se inicien, sino también una herramienta fundamental para que los desarrolladores profesionales creen sitios web personalizados. En unos sencillos pasos, puedes hacer que tuWordPressMás controlable y mantenible.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres