Todo lo que necesita saber sobre los temas secundarios de WordPress

Todo lo que necesita saber sobre los temas secundarios de WordPress

Un tema hijo es un conjunto de reglas de estilo y / o características que se utilizan para agregar características o cambiar el aspecto de un tema de WordPress existente. Los diseños secundarios se pueden cambiar sin cambiar el código original de su diseño, por lo que puede realizar cambios tan pequeños como cambiar algunos colores, o tan grandes como cambiar el aspecto de su diseño por completo.

Muchos temas de framework de WordPress, como Genesis, funcionan con la función de tema hijo en WordPress. La funcionalidad básica del tema está contenida en el tema principal y los subtemas se pueden usar para aplicar diferentes «máscaras» al tema.

¿Por qué son tan importantes los temas infantiles?

Si bien muchos usuarios eligen usar sus temas de WordPress desde el primer momento, también es muy común personalizar los temas editando las hojas de estilo o agregando nuevas funciones al archivo functions.php.

Hay dos problemas principales al editar directamente sus temas de WordPress de la siguiente manera:

  1. Si comete un error de codificación, puede dañar su sitio web.
  2. Si actualiza a una nueva versión de su diseño, se perderán todos los cambios anteriores.

Por supuesto, es posible solucionar estos problemas haciendo una copia de seguridad de los archivos y manteniendo copias de los cambios realizados, pero esto puede convertirse rápidamente en una tarea ardua, especialmente si está utilizando un diseño que se actualiza con frecuencia.

La mejor manera de cambiar el aspecto de su tema o agregarle funcionalidad es usar un tema hijo. Dado que los archivos de un tema secundario están separados de los archivos del tema principal, las actualizaciones no los afectarán y, si comete un error, es fácil desactivar el tema secundario y volver al original mientras lo elimina.

Los temas secundarios también pueden ser muy útiles para personas nuevas en el desarrollo de WordPress. En lugar de programar un nuevo diseño desde cero, es mucho más fácil comenzar con un diseño simple y luego crear un sub-diseño para editar la estructura para que se vea como usted desea.

Cómo crear un tema hijo

Carpeta de tema infantil

Para comenzar a crear un nuevo tema hijo, primero debe crear una nueva carpeta para él. Utilice un cliente FTP para conectarse a su sitio web y navegar a su directorio de temas de WordPress (/ wp-content / themes). Es una práctica común nombrar la carpeta del tema secundario del mismo modo que el tema principal, con «-child» adjunto. Por ejemplo, si está creando un tema hijo para el tema Twenty Thirteen, debe nombrar su carpeta como «twentythirteen-child».

Todos los archivos de su tema secundario están en esta carpeta, pero no todos los temas secundarios están compuestos por muchos archivos. De hecho, para crear un tema hijo, necesita al menos un archivo style.css.

Hay una plantilla básica que debe seguir para crear la hoja de estilo para su tema hijo. Así que copie el siguiente código y edítelo si es necesario:


/*
Theme Name: Twenty Thirteen Child Theme
Theme URI: http://wordpress.org/themes/twentythirteen
Description: Twenty Thirteen Child Theme
Author: clarityoneaudio
Author URI: https://www.clarityoneaudio.com
Template: twentythirteen
Version: 1.0.0
*/
@import url("../twentythirteen/style.css");

/ * ———— La personalización del tema comienza aquí ————- * /

Las partes más importantes de este código son las Template y @import Así que asegúrese de completarlos correctamente. Busque carpetas de temas que comiencen con una letra mayúscula, ya que el código distingue entre mayúsculas y minúsculas; debe ingresarse con precisión. Puede completar el resto de la información como desee, e incluso puede hacer todo menos el Theme Name y Template vacío si eres vago.

Uso de @import La regla tampoco es necesaria si planea reescribir completamente todas las reglas CSS del tema principal.

Una vez que haya creado su archivo CSS esqueleto, puede cargar su nuevo tema comprimiéndolo en un archivo ZIP y cargándolo desde el panel de WordPress, en Apariciones> Temas. Alternativamente, puede cargar los archivos a su carpeta de tema hijo recién creada a través de FTP. Una vez que se cargan los archivos, puede editarlos en el panel de WordPress (en Apariencia> Editor). Antes de poder usar su nuevo tema hijo, también debe recordar activarlo.

Si no está de humor para jugar con FTP, hay un complemento útil que hace toda la configuración por usted: One-Click Child Theme. Después de instalar el complemento, asegúrese de que el tema principal con el que desea trabajar esté marcado y luego haga clic en la opción «Tema secundario» en La apariencia en el panel de WordPress. El complemento le pide el nombre del tema y otros detalles y cuando hace clic en «Crear hijo», automáticamente creará un nuevo directorio y un archivo style.css precargado para usted.

Editar un tema hijo

Una vez que haya creado la estructura básica de su tema infantil, la diversión realmente comienza y puede editar el aspecto y la funcionalidad al contenido de su corazón.

Dado que el único archivo obligatorio en un tema hijo es style.css, debería ser bastante obvio que editar el CSS es un buen lugar para comenzar. Cualquier código que cree en la hoja de estilo de su tema hijo sobrescribe la hoja de estilo del tema padre original. Es probable que desee tomar una copia del CSS original como referencia para poder cortar y pegar secciones y editarlas según sea necesario.

El archivo functions.php también es un archivo común incluido en los temas secundarios. En lugar de sobrescribir el original, este archivo se carga antes que el archivo functions.php principal. Es importante tener esto en cuenta para no duplicar el código ni crear dos funciones con el mismo nombre.

Su archivo functions.php debería verse así:

<?php

//functions go here

?>

Si desea reemplazar las características originales del tema principal con un código diferente, puede usar el siguiente código para hacerlo:

if (!function_exists('func_name')) {
function func_name() {
//do something
}
}

Style.css y functions.php son los archivos principales utilizados en los temas secundarios, pero cualquiera de los archivos de temas originales se puede sobrescribir creando un archivo con el mismo nombre dentro del tema secundario. También es posible agregar nuevos archivos si, por ejemplo, desea crear un nuevo tipo de plantilla de página que no esté en el tema principal.

WordPress usa sus reglas de jerarquía estándar cuando trabaja con temas secundarios, por lo que primero buscará archivos en la carpeta del tema secundario y, si no puede encontrarlos, intentará encontrarlos en el tema principal.

Cuándo No usar un tema hijo

Los temas secundarios son increíblemente útiles, pero no son la mejor solución para todas las situaciones. A continuación, se muestran algunos casos en los que un tema hijo probablemente no sea el que debería utilizar:

  • Realizar cambios CSS fundamentales. Usar un diseño secundario para algunos cambios básicos, como cambiar colores o fuentes, es una exageración. En ese caso, es más fácil usar un complemento CSS personalizado como este para realizar los cambios.
  • Cambiar algo que se pueda editar en las opciones del tema. Los marcos temáticos y algunos temas básicos a menudo contienen funcionalidades adicionales dentro del tablero para realizar cambios básicos como editar la plantilla de color, eliminar la imagen del encabezado o cambiar el número de columnas. Si el tema que seleccionó puede hacer esto, no necesita crear un tema secundario.
  • Completar cambios en la estructura y / o funcionalidad del tema de nivel superior.. El tema principal debe formar la base de su tema. Si está utilizando un subtema para sobrescribir casi todos los archivos del tema original, probablemente sea mejor crear un tema nuevo desde cero o buscar otro tema que se adapte mejor a sus necesidades.

graduación

No se deje intimidar por la idea de temas infantiles. Crear uno puede parecer una tarea muy técnica para los desarrolladores expertos de WordPress al principio, pero en realidad es muy fácil siempre que tenga un poco de conocimiento de CSS y posiblemente PHP.

Los temas para niños también son una excelente manera de sumergirse en el mundo del diseño de temas de WordPress y darle la tranquilidad de que puede arruinar tantas veces como sea necesario sin riesgo de dañar su sitio web.

Si tiene más consejos sobre cómo usar Temas para niños, compártalos en los comentarios.

¡Si te ha gustado no dudes en compartirlo!

Deja un comentario

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad