Al personalizar su Sitio web de WordPresstiempo, pero ¿no quiere perder los retoques que ha hecho cada vez que actualiza? Con la sencilla guía de este artículo, puede aprender a crear temas hijo en WordPress para garantizar que sus personalizaciones permanezcan seguras y sin preocupaciones, ¡al tiempo que realiza ajustes y mejoras con facilidad!Diseño de la página weby funcionalidad.
Requisitos previos antes de crear un tema hijo de WordPress
![Imagen [1] - Cómo crear y personalizar temas hijo de WordPress | Tutoriales de manuales y plugins](https://www.361sale.com/wp-content/uploads/2024/12/20241208173312555-image.png)
Antes de empezar a crear un tema hijo de WordPress, asegúrese de que dispone de los siguientes conocimientos y recursos:
Solicitud:
- Conceptos básicos de CSSCSS : CSS se utiliza para definir la apariencia y el estilo de un sitio web, y dominarlo le ayudará a personalizar los temas infantiles.
- Conceptos básicos de PHPPHP: PHP es un lenguaje de scripting utilizado por WordPress, y entenderlo le ayudará a modificar y mejorar la funcionalidad de su tema hijo.
- Estructura del tema de WordPress: Comprender la estructura de archivos de los temas de WordPress, especialmente plantillas, hojas de estilo y
funciones.php
Documentación.
Herramientas y recursos:
- Acceso al sistema de archivos: Necesita poder acceder al sistema de archivos de su instalación de WordPress, lo que puede hacerse a través de cPanel, FTP o un plugin de gestión de archivos.
- editor de texto: Utilice un editor de texto diseñado para la codificación (por ejemplo, Notepad++, Sublime Text o Visual Studio Code).
- Cliente FTP: Como FileZilla, WinSCP o ForkLift para gestionar y cargar archivos de temas.
Pasos de la preparación:
- Página web de respaldo: Asegúrese de crear una copia de seguridad completa de su sitio web antes de empezar a realizar cambios, por si acaso algo sale mal.
- Configuración del localentorno de desarrollo (ordenador): Es mejor empezar con un entorno de desarrollo local (por ejemplo
XAMPP
tal vezLocal de Flywheel
) en el subtema de prueba. - Confirmación del tema principal: Especifique el tema padre a modificar y asegúrese de conocer su nombre exacto de carpeta.
Cómo crear un tema hijo de WordPress manualmente
La creación manual de temas hijo es el método preferido de muchos desarrolladores, ya que garantiza un mejor rendimiento y seguridad. Siguiendo los pasos que se indican a continuación, tendrá un control total sobre el diseño y la funcionalidad de su sitio web.
Paso 1: Crear carpeta de subtemas
En primer lugar, cree unCarpetas de subtemas
y asígnele un nombre. La convención de nomenclatura es el nombre del tema padre más "-Niño.
". Por ejemplo, si el tema principal es pera
, la carpeta del subtema se llama pera-niño
. Coloque esta carpeta en el wp-content/temas/
Catálogo.
![Imagen [2] - Cómo crear y personalizar temas hijo de WordPress | Tutoriales de manuales y plugins](https://www.361sale.com/wp-content/uploads/2024/12/20241208174134467-wordpress-themes-directory-1.png)
Paso 2: Cree el archivo de hoja de estilo (style.css
)
Cree un archivo en la carpeta del tema hijo llamado style.css
y añada la siguiente información de cabecera en la parte superior del archivo:
/*
Nombre del tema: Pear Child
Tema URI: http://example.com/pear-child/
Descripción: Un tema hijo para el tema pera.
Autor: Su nombre
URI del autor: http://example.com
Plantilla: pera
Versión: 1.0.0
Licencia: GNU General Public License v2 o posterior
URI de la licencia: http://www.gnu.org/licenses/gpl-2.0.html
Etiquetas: claro, oscuro, dos columnas, barra lateral derecha, responsive-layout, accesibilidad-ready
Dominio del texto: pera-niño
*/
incluidos entre estos Plantilla
especifica el nombre de la carpeta del tema padre, asegurando que la relación padre-hijo se identifica correctamente.
Paso 3: Cree el archivo de función (funciones.php
)
En la carpeta del tema hijo cree un funciones.php
y añada el siguiente código para asegurarse de que el tema hijo carga correctamente la hoja de estilos del tema padre:
<?php
function pear_child_enqueue_styles() {
wp_enqueue_style('pear-parent-style', get_template_directory_uri() . '/style.css');
wp_enqueue_style('pear-child-style', get_stylesheet_uri(), array('pear-parent-style'));
}
add_action('wp_enqueue_scripts', 'pear_child_enqueue_styles');
?>
Paso 4: Instale y active el tema hijo
Comprima la carpeta del tema hijo en .zip
inicie sesión en el panel de control de WordPress y añada un nuevo archivo al directorio "Apariencia > Temas
" Haga clic en el botón "¡§Añadir nuevo
", cargue y active su tema hijo.
![Imagen [3] - Cómo crear y personalizar temas hijo de WordPress | Tutoriales de manuales y plugins](https://www.361sale.com/wp-content/uploads/2024/12/20241208175014138-image.png)
Paso 5: Personalizar el tema hijo
El tema hijo se activa y puede empezar a personalizarlo. Es posible copiar el tema padre deArchivos de plantillasa la carpeta del tema hijo y edítelo, o en la carpeta funciones.php
Añadir personalización al
![Imagen [4] - Cómo crear y personalizar temas hijo de WordPress | Tutoriales de manuales y plugins](https://www.361sale.com/wp-content/uploads/2024/12/20241208175107428-image.png)
Cómo crear temas hijo de WordPress mediante plugins
Si no desea crear temas hijo manualmente, puede utilizar plugins para simplificar el proceso. He aquí algunos plugins de uso común:
- Configurador de temas infantiles: afácil de usarplugin, que cuenta con más de 300.000 instalaciones activas.
- Asistente para temas infantiles: Sencillo y eficaz, con una valoración de 4,9 estrellas.
- Generador de temas infantiles WP: Reseñas perfectas y más de 10.000 instalaciones activas por parte de los usuarios.
Las ventajas de utilizar plug-ins incluyen la facilidad de uso, una mayor velocidad y la reducción del riesgo de errores.
![Imagen [5] - Cómo crear y personalizar temas hijo de WordPress | Tutoriales de manuales y plugins](https://www.361sale.com/wp-content/uploads/2024/12/20241208180552900-image.png)
Resolución de problemas comunes
Aunque crear temas hijo suele ser sencillo, a veces puede encontrarse con problemas. Aquí encontrará soluciones a algunos problemas comunes:
- Hoja de estilo no cargada::
- sonda
funciones.php
Si las hojas de estilo del tema padre y del tema hijo se ponen en cola correctamente en el - Asegúrese de que la ruta del archivo es correcta y borre la caché de su navegador para ver los últimos cambios.
- sonda
- conflicto funcional::
- Si se encuentra con un conflicto, primero desactive todos los plug-ins y actívelos uno a uno para ver si el conflicto está causado por el plug-in.
- sonda
funciones.php
evitando duplicar los nombres de las funciones.
- Las anulaciones de plantilla no funcionan::
- Asegúrese de que los nombres de los archivos de plantilla del tema hijo son los mismos que los del tema padre y tienen la misma estructura de carpetas.
Enlace a este artículo:https://www.361sale.com/es/29716El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios