Cómo crear y personalizar temas hijos en WordPress: Guía de enfoques manuales y de plugins

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

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 vez Local 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 subtemasy 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

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

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

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:

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

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:

  1. 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.
  2. 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.phpevitando duplicar los nombres de las funciones.
  3. 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.

Contacte con nosotros
¿No puede leer el artículo? ¡Póngase en contacto con nosotros para obtener una respuesta gratuita! Ayuda gratuita para sitios personales y de pequeñas empresas
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
© Declaración de reproducción
Este artículo fue escrito por: xiesong
EL FIN
Si le gusta, apóyela.
felicitaciones6 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios