Cómo crear un tema hijo de WordPress

Hola geeks ! Aquí Lautaro con un nuevo post para ustedes !
Espero que les sirva y nos vemos en el próximo tutorial

¿Por qué nunca debería personalizar WordPress en el tema principal existente? ¿Qué sucede con sus personalizaciones cuando se actualiza el tema que está utilizando?

La respuesta es que se han perdido, y también se perderá su arduo trabajo para crear su sitio de acuerdo con su marca y las pautas y preferencias de mensajes.

UN El tema hijo le permite crear una hoja de estilo CSS separada. y agregue funcionalidad adicional que no se perderá ni se verá afectada cuando se actualice el tema principal.

Esto se puede hacer manualmente o instalando un complemento de creador de temas para niños. Comencemos con el proceso manual.

Crear un directorio nuevo

Empiece creando un nuevo directorio para su tema hijo. Puede utilizar un cliente FTP o acceder a su wp-content / themes directorio a través de su cPanel.

Para usar cPanel, vaya a su panel de control de hosting. Seleccione administrador de archivos y navegue hasta el directorio donde está instalado WordPress.

Suele estar en un directorio llamado public_html. Busque y abra el contenido de wp carpeta. Haga clic en crear nueva carpeta e ingrese un nombre para el tema de su hijo. Asegúrese de darle un nombre que reconocerá más adelante. Un buen ejemplo es nombre del padre tema-hijo.

No incluya espacios en su nombre de archivo para evitar errores.

Debido al manejo interno, el nombre de la carpeta debe incluir el nombre del tema principal (tema ‘slug’) como se muestra en el siguiente ejemplo.

Crear una hoja de estilo CSS

Las hojas de estilo se utilizan en los temas de WordPress por dos razones.

  • Es la ubicación de los estilos lo que afecta la apariencia de su sitio.
  • La hoja de estilo principal de un tema es donde WordPress busca información sobre el tema.

Es posible que no desee agregar nuevos estilos en el tema hijo. Sin embargo, la hoja de estilo aún debe existir para definir detalles como el nombre de su tema y el nombre del tema principal.

Por lo tanto, debe crear una nueva hoja de estilo para su tema hijo. Entonces, su siguiente paso es crear un archivo de texto para la hoja de estilo CSS que definirá las reglas que controlan el aspecto de su tema hijo.

El archivo CSS del tema secundario tendrá prioridad sobre el tema principal.

Debe incluir la siguiente información en su archivo de texto:

  • El nombre de tu tema.
  • El nombre del directorio del tema principal.
  • Título y descripción que tenga sentido.

Asegúrese de incluir en la hoja de estilo el siguiente comentario de encabezado en la parte superior del archivo. WordPress leerá esta información y sabrá que se está utilizando un tema hijo.

Desea prestar mucha atención a la etiqueta de la plantilla. Le dice a WordPress cuál es el tema principal de su hijo. Tenga en cuenta que la carpeta donde se encuentra su tema principal distingue entre mayúsculas y minúsculas.

Técnicamente, ahora puede activar su tema hijo. Sin embargo, si desea crear un tema hijo más complejo, deberá agregar funciones PHP personalizadas.

Crear un functions.php archivo en el tema hijo (en el mismo directorio que el style.css archivo que hizo). Aquí es donde se deben agregar cosas como formatos de publicación adicionales.

Al igual que con su archivo CSS, los cambios o adiciones a su archivo PHP se fusionarán o anularán automáticamente las funciones de los padres.

Para cosas como formatos de publicación que se agregan con un add_theme_support (), actúan como anulaciones en lugar de fusiones.

Cuando usas add_theme_support (), debe realizar algunos pasos adicionales para asegurarse de que el tema secundario anule el tema principal.

Esto puede complicarse, así que consulte el actual líder del equipo de revisión de temas de WordPress, William Patton. publicar sobre el uso de formatos de publicación de WordPress.

Agregue estilos y scripts para anular la funcionalidad del tema principal

El siguiente paso es asegurarse de que su tema secundario herede las características y estilos del tema principal o refleje los nuevos que desea utilizar.

Los estilos se utilizan para cambiar la apariencia de su sitio web. Los scripts mejoran la funcionalidad. La forma en que se agregan estilos y scripts a su sitio de WordPress es tan esencial como el contenido de los archivos.

La funcionalidad de poner en cola de WordPress es cómo lograr esto.

La puesta en cola se refiere a la forma en que se agregan estilos y scripts a los sitios de WordPress para que puedan afectar lo que ven los usuarios cuando visitan su sitio.

El uso de numerosos complementos para lograr el mismo resultado a menudo conduce a problemas de compatibilidad y sitios dañados.

Wp_enqueue no solo mejora el rendimiento de su sitio web al reducir la sobrecarga del complemento, sino que también mejora la experiencia del usuario.

Cómo utilizar ‘wp_enqueue’

Para generar los estilos para su tema hijo, necesitará usar una función llamada wp_enqueue_style ().

Esta función toma algunos bits de información, pero lo más importante es el nombre (o «identificador») y la ubicación del archivo.

Dentro de functions.php archivo agregue el siguiente código.

Este código agrega la hoja de estilo del directorio principal y luego también agrega la hoja de estilo para el niño que creamos anteriormente. Tenga en cuenta que el estilo padre el texto debe coincidir con el nombre del tema principal con -estilo añadido al final.

Activa tu tema infantil

Si creó los archivos para su tema hijo en el servidor dentro del wp-content / themes / yourthemename carpeta, estará disponible en su panel de WordPress para que la active.

  • Acceda a su panel de control.
  • Ir Apariencia> Temas.
  • Su tema hijo debe aparecer en la lista.
  • Seleccione Avance para ver cómo se ve el sitio con el nuevo tema hijo.
  • Una vez que esté satisfecho con su apariencia, haga clic en Activar para hacerlo funcionar.

Si creó su tema hijo en otro lugar que no sea el servidor en el wp-content / themes / yourthemename carpeta, entonces debería comprimir su nueva carpeta de temas secundarios.

  • Inicie sesión en su panel de WordPress.
  • Ir Apariencia> Temas.
  • Hacer clic Agregar nuevo.
  • Escoger Subir tema.
  • Arrastra tu archivo comprimido al nuevo cuadro que aparece o haz clic en el selector de archivos y búscalo en tu computadora.
  • Una vez que se haya cargado, puede obtener una vista previa y luego activarlo.

Agregar archivos de plantilla

Para anular otras plantillas, puede copiarlas del tema principal al tema secundario. Cualquier archivo de plantilla que tenga el mismo nombre en el hijo que en el padre actúa como anulación. Luego, ajuste el contenido de las plantillas según sea necesario.

Para agregar nuevas plantillas, es solo un caso de crear un nuevo archivo con el nombre correcto y agregar su propio contenido. La sección anterior explica el proceso manual.

Ahora repasemos cómo crear temas secundarios con un complemento de WordPress.

Utilice un complemento de WordPress

Inicie sesión en su panel de WordPress. Haga clic en Complementos> Agregar nuevo. Buscar tema infantil.

El primer complemento que verá es el Configurador de temas secundarios. Esta es una buena opción, como se ve en la captura de pantalla anterior, porque:

  • Es compatible con la versión actual de WP.
  • Tiene muchas instalaciones.
  • Se actualizó recientemente.

Haga clic en Instalar ahora> Activar. El siguiente paso es navegar a Herramientas y luego seleccione temas infantiles.

Busque y seleccione su tema principal en el menú desplegable. Escoger analizar para asegurarse de que su tema se pueda usar como tema secundario.

A continuación se muestra un tutorial paso a paso sobre cómo configurar Child Theme Configurator. Si decide utilizar un complemento de WordPress diferente, también puede encontrar fácilmente un tutorial sobre cómo configurarlo.

Como ya sabe, los temas secundarios son temas distintos que dependen de su tema principal para algunas de sus funciones.

Cuando usa un tema hijo, WordPress buscará al hijo antes que al padre y seguirá el estilo y la funcionalidad del hijo, si existe.

Ahórrese mucho tiempo, problemas y futuros dolores de cabeza cuando el tema principal se actualice creando un elemento secundario que no se verá afectado por la actualización.

Deja un comentario