¿Cómo modificar el tema de WordPress usando el tema hijo?

Hay varios excelentes temas de WordPress gratuitos y de pago disponibles. Pero, ¿qué sucede si desea personalizar el tema comprado según sus propias necesidades y preferencias? Hay tantos ejemplos de pequeñas cosas que todos queremos cambiar. En ese caso, es necesario modificar el tema de WordPress .

Un color aquí, un tamaño de fuente allí, quizás una llamada a la acción diferente en los botones. Son varias las razones por las que al propietario del sitio le gustaría realizar cambios en su tema "principal". El problema es que los cambios de tema modificados se perderán una vez que actualice el tema de WordPress.

La creación de un "tema hijo" resuelve este problema proporcionando todas las funciones del tema elegido y, al mismo tiempo, le permite actualizarlo sin temor a perder ningún cambio. En este caso, se requiere un conocimiento básico de CSS / HTML. O copie / pegue fragmentos de código de otras fuentes.

Un gran número de usuarios de WordPress modifican el tema de WordPress sin el uso de un tema hijo . Esto puede deberse a una falta de comprensión de lo que es un tema secundario, o debido a la dificultad percibida de crear uno.

¿Cuáles son las ventajas y desventajas de usar el tema infantil?

Las ventajas y desventajas son genéricas y se basan en casos de uso comunes. Puede ser diferente según sus requisitos . Algunas ventajas pueden ser desventajas en su escenario.

Se recomienda evaluar cuidadosamente los pros y los contras en el contexto de los requisitos de su sitio. ¿Realmente necesitas un tema infantil? Si sus cambios son menores, entonces es posible que pueda salirse con la suya con los complementos o simplemente usar las opciones del tema.

Si sus cambios son extensos y se distribuyen en una gran cantidad de archivos, es mejor que cree su propio tema. ¿Es este el tema principal adecuado? Elegir el tema principal adecuado es crucial.

Debería proporcionar la mayoría de las funciones necesarias desde el primer momento, de lo contrario, estará personalizando y anulando demasiado. También debe asegurarse de que el tema tenga el potencial de permanecer durante un largo período de tiempo o al menos el tiempo que planea usarlo. También debería proporcionar actualizaciones periódicas, especialmente actualizaciones de seguridad.

PROS

1. Actualizaciones seguras

Un tema secundario hereda automáticamente las características, los estilos y las plantillas del tema principal. Esto le permite realizar cambios en su sitio utilizando temas secundarios sin tener que modificar el tema principal. Cuando llega una nueva versión del tema principal, puede actualizarla de forma segura, ya que todas sus modificaciones se guardan en el tema secundario.

2. Fácil de ampliar

Un tema hijo construido sobre un poderoso framework de temas permite una gran flexibilidad sin escribir mucho código. Puede modificar selectivamente solo los archivos de plantilla y las funciones que necesita sin tener que pasar por otros archivos de plantilla. Puede agregar nuevas funciones y mucho más.

3. Respaldo seguro

Cuando esté creando un tema completo, debe pensar en todos los escenarios posibles y codificarlos. Sin embargo, cuando está trabajando en un tema secundario y se olvida de codificar algo, siempre existe la funcionalidad del tema principal disponible como opción alternativa.

CONTRAS

1.Cambios no deseados

Si extendió alguna de las funciones personalizadas en el tema secundario, existe la posibilidad de que sus cambios se interrumpan en una actualización del tema principal. A veces, los temas no se han diseñado e implementado teniendo en cuenta los temas secundarios, lo que dificulta su extensión.

2. Falta de actualizaciones

Elegir el tema correcto para extender es crucial. Es muy posible que el desarrollo activo del tema principal se detenga y se abandone el tema. También es posible que el tema principal no se actualice regularmente con las últimas versiones de WordPress y actualizaciones de seguridad.

3. Curva de aprendizaje

Si el tema no se adhiere a los estándares y prácticas de codificación comunes, podría aumentar el tiempo de aprendizaje.

¿Cómo modificar el tema de WordPress usando el tema hijo?

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 hijo, WordPress comprobará primero su tema hijo para ver si existe una funcionalidad específica.

Si no es así, utilizará el tema principal. Esto es genial porque le permite modificar solo lo que necesita . Los temas secundarios siempre deben usarse si planea modificar incluso un solo carácter en su tema.

Para crear un tema hijo para su tema, deberá seguir los siguientes pasos:

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

Una vez que haya completado estos pasos, puede activar su tema hijo y su sitio web se verá exactamente igual que antes, pero utilizará el tema hijo.

1. Primero debe abrir /wp-content/themes/ en su carpeta de instalación de WordPress y crear una nueva carpeta para su tema hijo. Puede nombrar esta carpeta como desee. Para este ejemplo, twentyfourteen-child tema hijo para el tema predeterminado de Twenty Fourteen y lo twentyfourteen-child

2. El siguiente paso es crear un archivo de hoja de estilo. Debe llamarse style.css . Puede crearse en el Bloc de notas y cargarse en la carpeta de temas secundarios o utilizando las herramientas proporcionadas en el Administrador de archivos de cPanel.

Copie y pegue el siguiente código en el archivo que acaba de crear:

La última línea de este código importa la hoja de estilo del tema principal al tema secundario. Este es el requisito mínimo para crear un tema hijo. Ahora puede ir a Apariencia »Temas donde verá Tema secundario.

Debe hacer clic en el botón activar para comenzar a usar el tema hijo en el sitio.

Debido a que todo lo que hemos hecho es importar el CSS del tema original, el tema se verá exactamente como el original . Para modificar el CSS de su tema , puede agregar cualquier cambio al archivo CSS de su tema hijo debajo de la línea @import. Toda la información nueva de CSS se agrega después de que se carga el CSS del tema original.

Functions.php es donde normalmente se almacenan las funciones principales de un tema. Las funciones de un tema padre siempre se cargan con el tema hijo. Si necesita agregar más funciones personalizadas a su tema, puede hacerlo creando un nuevo archivo functions.php dentro de la carpeta de su tema secundario.

NOTA : No es necesario crear functions.php. Se utiliza en caso de que desee agregar más funciones personalizadas.

Las nuevas funciones se cargarán justo antes de las funciones del tema principal. El archivo functions.php de su tema hijo debe comenzar con una etiqueta de apertura php y terminar con una etiqueta de cierre php. Entre tanto, puede agregar el código php que desee.

<? php

¡Tu código va aquí!

?>

Más allá de las modificaciones de CSS y Funciones, también puede realizar cambios estructurales en su tema ajustando los archivos de plantilla php. Esto debe hacerse con cuidado. Al editar los archivos PHP, puede ajustar cualquier parte del tema.

A diferencia de la edición de functions.php, donde las funciones del tema original se importan automáticamente, los archivos PHP se editan reemplazando el archivo por completo por uno nuevo.

El archivo original del tema se ignora y se usa el nuevo en su lugar. Lo primero que debemos hacer es replicar el archivo anterior antes de comenzar a modificarlo. Para hacer esto, simplemente copie y pegue el archivo original del tema en la carpeta de su tema secundario, asegurándose de que el nombre del archivo y la ubicación sean exactamente iguales.

Por ejemplo, si queremos modificar exampletheme / includes / navigation.php , entonces copiaríamos y pegaríamos este archivo en exampletheme-child / includes / navigation.php . O si encuentra todo esto confuso, no se preocupe, hay un complemento para crear un tema secundario.