Marketing

Cómo crear un tema hijo en WordPress

Los temas de WordPress pueden ser increíbles, pero hay muchos ejemplos de pequeñas cosas que todos queremos cambiar. Un color aquí, un tamaño de fuente allá, ¿tal vez usar una llamada a la acción diferente en los botones?

El problema es que modificar un tema, aunque sea levemente, impide que lo actualices a una versión más nueva en el futuro, porque si intentas actualizar, perderás todos los cambios.

Si está trabajando con un tema del repositorio de WordPress o un tema que compra en Themeforest que no le permite usar toda la funcionalidad del tema elegido mientras realiza actualizaciones sin temor a perder sus modificaciones, entonces necesita un tema hijo . .

En el proyecto de fin de semana de WordPress de hoy, voy a explicar por qué debería usar un tema secundario y cómo puede hacer el trabajo.

En esta publicación, cubriremos:

Nota: Si aún tiene problemas para configurar un tema secundario después de leer esta publicación, ¡permítanos ayudarlo! Nuestro increíble equipo de soporte puede ayudarlo con ninguna Edición de WordPress, grande o pequeña, ¡y gratis! No importa la hora que sea o si es fin de semana, nuestro equipo está disponible 24/7.

Cómo funcionan los temas secundarios y por qué usarlos

Los temas secundarios son temas separados que se basan en un tema principal para la mayor parte de su funcionalidad. Si está utilizando un tema secundario, WordPress verificará primero su tema secundario para ver si hay una funcionalidad específica. Si no es así, utilizará el tema principal. Esto es genial porque te permite modificar solo lo que necesitas.

Los temas secundarios siempre deben usarse si planea modificar incluso un solo carácter en su tema. Hay dos muy buenas razones: actualizaciones y organización.

actualizaciones

Si modifica un tema sin usar un tema secundario, tiene dos opciones: puede elegir no actualizar su tema en el futuro, o puede actualizar y perder todos los cambios realizados en su tema.

La última opción funcionaría técnicamente, pero no se recomienda. Incluso si sus cambios son fáciles de copiar y pegar, ¿por qué dedicar dos minutos a una tarea propensa a errores en cada actualización?

No actualizar su tema debería estar fuera de discusión. Casi todas las listas de “por qué su sitio ha sido pirateado” contienen software obsoleto como la causa principal de los problemas de seguridad. Siempre debe mantener actualizado WordPress, sus temas y complementos, sin excepciones.

Organización

Cuando agrega código a un tema existente, está agregando a una base de código, que puede tener miles y miles de líneas. Los desarrolladores que trabajan en su sitio (y, de hecho, usted mismo) tendrán dificultades para rastrear sus cambios. Al menos un resultado directo de esto será un aumento en la cuenta de desarrollo.

Dado que los temas secundarios se refieren a temas principales a menos que se especifique lo contrario, su tema secundario es esencialmente un conjunto de cambios a un tema existente. Esto puede resultar en cambios extensos, incluso si el tema secundario solo tiene unos pocos archivos y tal vez 100 líneas de código.

Crear un tema hijo

Crear un tema hijo es extremadamente simple, tanto que puedes copiar y pegar mi ejemplo a continuación.

Para crear un tema secundario para su tema, deberá realizar los siguientes pasos:

  1. Crea un directorio de temas en tu instalación de WordPress
  2. Cree una hoja de estilo con información sobre su tema hijo
  3. Extraiga estilos de su tema principal

Una vez que haya completado estos pasos, puede activar su tema secundario y su sitio tendrá el mismo aspecto que antes, pero usará su tema secundario.

Entonces, repasemos los pasos anteriores en detalle. Para este ejemplo, crearé un tema secundario para el tema predeterminado Veinticuatro.

1. Primero, vaya a su directorio de temas y cree una carpeta para su nuevo tema. Puedes nombrarlo como quieras. En aras de la claridad, nombraré mi tema twentyfourteen-child.

2. El siguiente paso es crear un archivo de hoja de estilo. Esto debe ser nombrado style.css. Copie y pegue el siguiente código en el archivo que acaba de crear:

Los dos elementos necesarios en el código anterior son las líneas que comienzan con “Theme Name" y “Template.” El nombre del tema le dice a WordPress cuál es el nombre de su tema, y ​​esto se muestra en el selector de temas. La plantilla le dice a WordPress qué tema debe considerar como tema principal. La mayoría de los demás se explican por sí mismos, con la excepción del dominio del texto y las etiquetas. El dominio de texto se utiliza para traducir cadenas. El dominio de texto debe ser exclusivo de su tema y debe usarse cada vez que use funciones de traducción. Consulte I18n para desarrolladores de WordPress para obtener más información. La sección de etiquetas es una lista de etiquetas que utiliza el repositorio de temas de WordPress. Para este ejemplo miré el style.css archivo de tema principal y simplemente copie y pegue las etiquetas desde allí.

3. En este punto, su tema hijo funciona bien. Si lo enciende y vuelve a cargar la página, todo su contenido estará allí, pero no tendrá información de estilo. Mencioné antes que WordPress primero busca la funcionalidad en el tema secundario y, si no está presente, vuelve al tema principal.

En nuestro caso nosotros Lo hace tiene una hoja de estilo, por lo que WordPress cree que no debería cargar el archivo principal. Para asegurarnos de cargar la hoja de estilo desde el archivo principal, necesitaremos poner el archivo en cola. Esto se puede hacer en el tema. functions.php archivo, así que continúe y cree ese archivo ahora. En este archivo, copia y pega el siguiente código:

Si no tiene idea de PHP y solo quiere cambiar algunos estilos, no se preocupe por qué funciona. Siéntase libre de acceder a su archivo de hoja de estilo ahora y comience a hacer sus cambios. Si desea obtener más información sobre las colas, lo tenemos cubierto aquí en WPMU DEV con Agregar scripts y estilos a WordPress de la manera correcta con la cola.

Mecánica de tema infantil

Entonces, ¿cómo funciona realmente un tema hijo? Los temas secundarios funcionan a nivel de archivo. Cuando se usa un archivo durante el proceso de carga de un tema, verifica si está presente en el tema secundario. Si es así, se utilizan los contenidos de ese archivo. De lo contrario, se utiliza el mismo archivo en el tema principal.

Hay una excepción a esta regla, el archivo de funciones de tema. O functions.php Se carga el archivo en el tema principal y secundario. Si las funciones del tema secundario anulan a las principales, tendría un sitio web defectuoso o tendría que copiar y pegar todo el contenido del archivo de función del tema principal en el tema secundario, lo que frustraría el propósito de extender un tema.

El flujo de trabajo al modificar la funcionalidad es el siguiente. Si desea realizar cambios en el encabezado, copie y pegue el tema principal header.php archivo en su tema hijo. Edite el archivo al contenido de su corazón, guárdelo y disfrute de los frutos de su trabajo.

Algunas notas para los creadores de temas

Si crea sus propios temas, hay algunas pautas que puede seguir para facilitar la creación de temas secundarios. Los dos más importantes son aprender la diferencia entre get_stylesheet_directory() y get_template_directory() y la creación de funciones conectables.

el directorio correcto

Al vincular activos utilizando las funciones mencionadas, siempre debe tener en cuenta que el get_template_ familia de funciones siempre apuntará al directorio del tema principal mientras que el get_stylesheet_ La familia de funciones siempre apuntará al directorio de temas secundarios.

En el ejemplo anterior, el primer enlace toma su imagen del tema principal, el segundo la toma del tema secundario. No hay una buena respuesta para cuál debe usar, depende de usted.

La ventaja de usar get_stylesheet_directory_uri() es que los desarrolladores de temas secundarios pueden usar su propia imagen simplemente creándola en la ubicación adecuada. Por otro lado, si la imagen no existe en el tema hijo, no se mostrará.

La razón de esto es que si un tema hijo está activo, el get_stylesheet_directory_uri() La función no verifica (y no sabe) qué archivo está cargando, por lo que no verificará su existencia, siempre enviará el URI al tema secundario.

Funciones modificables

El otro método que debe usar es lo que WordPress llama funciones conectables. Esto hace posible que los autores del tema secundario anulen los roles que defina en el tema principal. Esto implica envolver sus roles en function_exists() Verificaciones.

Supongamos que crea una función para una metapantalla de publicación personalizada llamada my_meta(). No hay forma de que un tema hijo modifique esta función porque no se puede definir dos veces. La solución es simplemente crear esta función si no se ha definido (recuerde, el archivo de función del tema secundario se carga primero).

Conclusión

Usando unos pocos pasos muy simples de copiar y pegar, puede crear un entorno preparado para el futuro para su tema, lo que le ahorrará un mucho de dolores de cabeza Si bien puede ser tentador usar el editor de temas incorporado de WordPress, casi siempre causa más problemas de los que resuelve si no está usando un tema secundario.

Tómese unos minutos para seguir el tutorial aquí y su sitio web y su desarrollador se lo agradecerán. Finalmente, si tiene buenos consejos sobre temas infantiles, háganoslo saber.

Por favor califica el contenido

0 / 5

Your page rank:

Author

Moisés Cabrera

Encantado de emprender, el Internet es como pez en el rio para mi y quiero aportar valor a este mundo digital. Si crees que es de interés estos artículos no dudes en comentar.