Cómo crear un tema hijo de WordPress (Guía para principiantes)

Los temas hijo son temas de WordPress que heredan la funcionalidad de otros temas de WordPress. Muchos administradores crean temas hijo para su tema actual para poder personalizar con seguridad el diseño de su sitio web sin perder la configuración anterior a la actualización cuando se actualiza el tema.

¿Cómo funciona el subtema? ¿Por qué es necesario?

Un tema hijo hereda todas las características, funcionalidades y estilos de otro tema de WordPress. Al crear un tema hijo, el tema original se denomina tema padre.

La herencia consiste en el archivo style.css del tema padre, que define los estilos principales del tema. Los temas hijos pueden anular o ampliar las propiedades heredadas añadiendo sus propios archivos o modificando los existentes.

Aunque es posible personalizar un tema de WordPress sin instalar un tema hijo, puede ser necesario por varias razones:

• Los temas hijo evitan que los ajustes personalizados se sobrescriban durante la actualización del tema. Si el tema principal se modifica directamente, estos ajustes pueden perderse durante la actualización.
• Un tema hijo puede experimentar de forma segura con nuevos diseños o características sin estropear el tema original del sitio, de forma similar a un entorno de ensayo.
• Los temas hijo pueden hacer que el proceso de desarrollo sea más eficiente si sabes programar. La documentación de un tema hijo es mucho más sencilla que la del tema padre. Es posible centrarse en modificar sólo las partes del tema padre que quieras cambiar o ampliar.

Qué hacer antes de crear un tema hijo de WordPress

Vemos a muchos usuarios de WordPress investigando contenido técnico, pero cuando se produce un error es más bien un dolor de cabeza. Entendemos este sentimiento porque nosotros también nos lo hemos encontrado. Por eso es importante saber qué esperar antes de crear un tema hijo.

Le recomendamos que haga algunas cosas antes de continuar con la guía:

1. Observe el uso de código. Como mínimo, se requiere una comprensión básica de HTML, CSS, PHP y JavaScript (opcional) para entender qué cambios hay que hacer. Esto se puede hacer en elManual de temas de WordPressMás información en.
2. Elija un tema principal que tenga el diseño y la funcionalidad deseados. Si es posible, busca un tema que requiera pocos cambios.
3. Utilice un sitio local o experimental para el desarrollo de temas.
4. Es muy importante hacer una copia de seguridad de los datos de su sitio web.

Hay varias formas de crear temas hijo a partir de temas existentes. Una es utilizar código manual y la otra requiere un plugin, que es más fácil para los novatos.

El primer método puede parecer desalentador si se carece de experiencia técnica. Dicho esto, incluso si uno elige uno de losMétodo Plug-inRecomendamos queMétodos manuales de lecturafamiliarizarse con el proceso y la documentación necesaria.

Método 1: Utilizar un plugin para crear un tema hijo clásico

Una de las mejores maneras de que los novatos utilicenConfigurador de temas infantilesPlugin. Este plugin de WordPress permite crear y personalizar rápidamente temas hijo de WordPress sin utilizar código, pero sólo funciona con temas clásicos (no de bloque).

Comience por instalar y activar el plugin de WordPress. Una vez activado, navegue por el panel de control de WordPress hasta"Herramientas" ""Subtemas"".

En "Padre/hijo", el sistema le pedirá que seleccione una acción. Simplemente seleccione "Crear un nuevo subtema" para empezar.

A continuación, seleccione un tema principal en el menú desplegable. Nosotros elegimos el tema Hestia.

Después, basta con hacer clic en "analizado" se asegurará de que el tema es adecuado para su uso como tema padre.

A continuación, el sistema le pedirá que nombre la carpeta donde se guardará el subtema. Se puede utilizar cualquier nombre de carpeta personalizado.

A continuación, debe elegir dónde guardar el nuevo estilo: en la hoja de estilos principal o en una hoja de estilos independiente.

La hoja de estilos maestra es la hoja de estilos por defecto que viene con el tema hijo. Al guardar nuevos estilos personalizados en este archivo, el estilo maestro del tema hijo se modificará directamente. Cada modificación sobrescribirá el estilo del tema original.

La opción separada permite guardar nuevos estilos personalizados en un archivo de hoja de estilos separado. Esto es útil si desea mantener el estilo del tema original sin sobrescribirlo.

Para la demostración, seleccionaremos la primera opción. Sin embargo, siéntase libre de repetir este proceso y seleccionar la segunda opción a medida que se vuelve más creativo con la personalización de su tema hijo.

Bajando por la lista, debe seleccionar cómo acceder a la hoja de estilos del tema padre.

Utilizamos el valor por defecto "Uso de la cola de estilos de WordPress"ya que permitirá al plugin determinar automáticamente la acción apropiada.

Cuando llegue al paso 7, deberá hacer clic en el botón "Haga clic para editar las propiedades del subtema".

A continuación, puede completar los detalles del subtema.

Al crear un tema hijo manualmente, se pierden los menús y widgets del tema padre. El configurador de temas hijo puede copiarlos del tema padre al tema hijo. Si desea hacerlo, marque la casilla de verificación en el paso 8.

Por último, haga clic en "Crear un nuevo subtema"para crear un nuevo tema hijo.

El plugin crea una carpeta para el tema hijo y añade los archivos style.css y functions.php que se utilizarán posteriormente para personalizar el tema.

Antes de activar el tema, debes previsualizarlo haciendo clic en el enlace situado en la parte superior de la pantalla, para que tenga buen aspecto y no provoque otros problemas en el sitio.

Si todo va bien, pulse "Activar y liberar"Botón

Ahora el tema hijo se activará.

En esta fase, el tema hijo tiene el mismo aspecto y funciona exactamente igual que el tema padre.

Método 2: Utilizar el plugin para crear sub-bloques temáticos

Si utiliza un tema en bloque, WordPress le ofrece una forma sencilla de crear temas hijo mediante el plugin Create Block Theme.

En primer lugar, instale y active el plugin de WordPress. A continuación, vaya aApariencia" crea un tema en bloque.

Aquí, simplemente selecciona "Crear un tema hijo de [nombre del tema]". En este ejemplo utilizaremos Twenty Twenty-Four.

Una vez seleccionada esta opción, rellene los datos de la asignatura.

A continuación, se pueden hacer más cosas, como subir capturas de pantalla del tema para diferenciarlo de otros, añadir fuentes de imágenes, enlazar a plugins esenciales de WordPress, añadir etiquetas de tema, etc.

Una vez que haya completado los ajustes de configuración, simplemente desplácese hacia abajo y haga clic en "generando"Botón

El plugin creará y descargará un nuevo archivo zip del tema hijo en su ordenador.

Si lo abres, verás tres archivos:readme, style.css responder cantandotema.json.

El archivo theme.json define todos los aspectos del tema del bloque, incluidos sus colores, fuentes, diseño, etc. El complemento crea este archivo de forma predeterminada para que puedas sustituir o ampliar los estilos del tema principal en los temas secundarios.

En esta fase, lo siguiente que hay que hacer es pasar alTema "Aspecto.

A continuación, haga clic en "Añadir nuevo tema ".

A continuación, seleccione "Cargar un tema".

A continuación, seleccione el archivo zip y haga clic en "Instalar ahora" para instalar el tema de WordPress.

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