Cómo crear un tema secundario para temas populares (Astra / Hello / GeneratePress)

en el uso de Astra, Hola, GeneratePress Al crear sitios web utilizando temas populares de WordPress, modificar directamente el tema principal puede dar resultados inmediatos. Sin embargo, una vez que se actualiza el tema, todas las modificaciones se sobrescribirán, lo que podría provocar la pérdida del estilo o incluso errores en el sitio web.Para cualquier sitio web que requiera un funcionamiento a largo plazo, los temas secundarios son una solución indispensable. Este documento explicará de forma sistemáticaCómo AstraHola, Creación y uso correcto de temas secundarios con GeneratePressAyudarle a personalizar su tema de forma segura y eficaz.

1. ¿Qué es un tema hijo de WordPress? ¿Por qué hay que utilizarlo?

1.1 Definición de subtemas

existe WordPress Dentro del sistema:

• Tema principalNúcleo temático con funcionalidad y estilo completos
• Tema infantil: Se ejecuta bajo el tema principal, lo que permite extensiones y modificaciones seguras.

subtemaHeredará automáticamente todas las plantillas, características y estilos del tema principal, lo que permitirá a los desarrolladores anular soloLas secciones que requieren enmienda.

1.2 Las consecuencias reales de no utilizar temas secundarios

Modificar directamente los archivos del tema principal suele provocar los siguientes problemas:

• Después de actualizar el tema, cualquier modificación realizada se sobrescribirá y se perderá por completo.
• Han surgido problemas de compatibilidad tras la actualización del sitio web.
• El historial de revisiones es caótico, lo que dificulta el mantenimiento posterior.
• La lógica de desarrollo no se ajusta a los estándares de WordPress (solo es adecuada para extensiones parciales).

El valor fundamental del tema secundario reside en:

• El tema principal puede actualizarse en cualquier momento (aunque, naturalmente, si solo se utiliza el tema secundario, las actualizaciones del tema principal pierden importancia).
• Todas las modificaciones personalizadas se conservan de forma permanente.
• La estructura funcional es clara y fácil de mantener.
• Proyectos de sitios web adecuados para un funcionamiento a largo plazo

1.3 Por qué Astra / Hello / GeneratePress ponen mayor énfasis en el uso de temas secundarios

La característica común de estas tres categorías de temas es:

• Actualizaciones frecuentes
• La postura oficial es que se desaconseja explícitamente modificar los archivos del tema principal.
• Altamente dependiente de extensiones de ganchos/filtros

evento deportivo	Astra	Hola (Elementor)	GenerarPrensa
Frecuencia de las actualizaciones temáticas	su (honorífico)	medio	su (honorífico)
¿Recomendarías un tema secundario?	Muy recomendable	testimonios	Muy recomendable
Métodos de expansión primaria	Ganchos / Filtros	Plantilla + PHP	Ganchos
Modificar directamente el tema principal conlleva riesgos.	extremadamente alto	su (honorífico)	extremadamente alto
Objetivo principal de los temas secundarios	Funcionalidad + Estilo	Estructura + Función	Orientado a la funcionalidad

Conclusión: No utilizar temas secundarios conlleva riesgos extremadamente elevados.

II. Trabajo preparatorio antes de crear temas secundarios

2.1 Requisitos medioambientales básicos

Antes de comenzar, asegúrese de que:

• El tema principal se ha instalado y activado correctamente.
• Acceder a los archivos del servidor (a través de FTP o del panel de control del alojamiento).
• Comprender la ubicación del directorio de temas de WordPress

La ruta del directorio de temas es:

• /wp-content/temas/

2.2 ¿Qué archivos se necesitan para crear un tema secundario utilizable?

Mínimo viablesubtemaTodo lo que se requiere es 2 archivos::

nombre de archivo	¿Es necesario?	Descripción de la función
style.css	sea	Declaración de información sobre subtemas
funciones.php	sea	Cargar estilos del tema principal y del tema secundario
captura.png	obstruido	Imagen de vista previa del tema del backend
archivo de plantillas	obstruido	Anular la plantilla del tema principal

III. Método general: Creación manual de temas secundarios

este método Aplicable a todos los temas principales.Incluye AstraHola, GeneratePress.

3.1 Crear una carpeta de tema secundario

Entra:

• /wp-content/temas/

Crea una nueva carpeta, por ejemplo:

• Astra Child
• Hola Elementor Child
• Tema secundario GeneratePress

Recomendaciones sobre convenciones de nomenclatura:Nombre de la carpeta principal + -subcarpeta (todo en minúsculas, sin espacios)

3.2 Crear y configurar style.css

Crear en la carpeta del tema secundario style.css

Escribir:

/* Nombre del tema: Twenty Twenty-One Child URI del tema: https://wordpress.org/themes/twentytwentyone/ Descripción: Tema secundario Twenty Twenty-One Autor: WordPress.org URI del autor: https://wordpress.org/ Plantilla: twentytwentyone Versión: 1.0.0
Dominio de texto: twentytwentyonechild */

Especificaciones clave del campo (deben ser correctas)

• Nombre del temaMostrar nombre en el backend
• Plantilla: Nombre de la carpeta principal, debe ser idéntico.

Valores correspondientes al tema común:

Nombre del tema principal	Plantilla: Introducir valor
Astra	astra
Hola	hola-elemento
GenerarPrensa	generepress

Nota: Si la plantilla contiene errores, el tema secundario no funcionará correctamente.

3.3 Crear functions.php y cargar los estilos correctamente.

Crea un nuevo archivo en la carpeta del tema secundario. funciones.php::

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() {     $parenthandle = 'twenty-twenty-one-style'; // Esto es 'twenty-twenty-one-style' para el tema Twenty Twenty-one.     wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css', array(), // si
    $theme = wp_get_theme(); wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css', array(), // si el código del tema principal tiene una dependencia, cópialo aquí $theme->parent()->get('Version') );
    wp_enqueue_style( 'custom-style', get_stylesheet_uri(), array( $parenthandle ), $theme->get('Version') // esto solo funciona si tienes Version en el encabezado de estilo ); }

• esto es Mayor compatibilidad, enfoque de implementación recomendado
• Cargue tanto el tema principal comosubtematipo
• No recomendado para su uso @importar

3.4 Activación y verificación de temas secundarios

Ruta de acceso al backend: Apariencia → Temas → Activar tema hijo

Método de validación:

• El sitio web se muestra correctamente en la interfaz.
• No se han detectado problemas de estilo.
• El tema actual que se muestra en el backend es un tema secundario.

IV. Variaciones en los subtemas entre diferentes temas populares

4.1 Recomendaciones para la implementación del tema secundario Astra

• Recomendamos encarecidamente utilizar temas secundarios.
• Muchas funciones se implementan a través de ganchos.
• Evita copiar archivos de plantilla siempre que sea posible.
• El código personalizado se concentra en funciones.php

4.2 Recomendaciones prácticas para los temas secundarios de Hello (Elementor) (correcciones importantes)

Hola, soy Tema minimalista::

• El CSS predeterminado es prácticamente inexistente.
• El estilo se controla principalmente mediante Elementor.

Por lo tanto:

• subtema Se utiliza principalmente para la lógica PHP y las estructuras de plantillas.
• No es recomendable utilizar los estilos como objetivo principal.
• Más adecuado para crear archivos de plantillas personalizados.

4.3 Recomendaciones prácticas para los temas secundarios de GeneratePress

• Tema de alto rendimiento con una amplia gama de ganchos.
• Oficialmente, se recomienda más el uso de hooks que el de las plantillas de sustitución.
• Los temas secundarios se utilizan para:
  • función personalizada
  • Estructura especial
  • estilo auxiliar

V. Aplicaciones prácticas comunes en temas secundarios

5.1 Añadir CSS personalizado

Escribir en el tema hijo style.css

Ejemplo:

.site-header { color de fondo: ##111; }

El propósito del código anterior es:

• .encabezado-del-sitio El selector CSS para el área del encabezado del sitio web
• color de fondo: ##111; Establecer el color de fondo del encabezado del sitio web en oscuro (cercano al negro).

Este enfoque es especialmente adecuado para:

• Ajusta el aspecto del sitio web, incluyendo colores, fuentes, espaciado y otros estilos visuales.
• Implementar la personalización de estilos ligeros.
• Mantenga la coherencia estilística al actualizar los temas.

5.2 Anulación de archivos de plantilla del tema principal

Pasos:

1. Copiar archivos de plantilla del tema principal
2. Pegar en el subtema con la misma estructura de directorios.
3. Modificar los archivos del tema secundario

WordPress dará prioridad a la carga de las plantillas de temas secundarios.

5.3 Añadir código funcional

Ejemplo: Eliminar la salida del número de versión

remove_action( 'wp_head', 'wp_generator' );

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: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres