Cómo personalizar tu tema de WordPress con un tema infantil

Así que tienes un tema de WordPress en tu sitio web, ya sea gratuito o comercial, y deseas personalizarlo. Alguien te ha recomendado sabiamente que hagas esto "creando un tema secundario". Pero, ¿qué significa eso, y cómo lo haces??

¿Qué es un tema infantil??

El Códice de WordPress describe temas infantiles como este:

Un tema secundario de WordPress es un tema que hereda la funcionalidad de otro tema, llamado tema principal, y le permite modificar o agregar a la funcionalidad de ese tema principal. Un tema secundario es la forma más segura y fácil de modificar un tema existente, ya sea que desee realizar algunos pequeños cambios o cambios extensos. En lugar de modificar los archivos de tema directamente, puede crear un tema secundario.

Esencialmente, un "tema secundario" es un tema de WordPress que se ejecuta junto con su tema original de WordPress, y anula las partes que especifique, sin cambiar realmente el tema original..

¿Por qué molestarse en usar un tema infantil??

Si tiene un tema de WordPress gratuito o comercial en su sitio, hay una buena posibilidad de que quiera personalizarlo un poco para satisfacer sus necesidades específicas. Es posible que desee ajustar algunos colores, agregar una barra lateral, hacer que ciertas publicaciones se muestren de manera diferente, o cualquier otra cosa que se pueda imaginar..

Un día inicia sesión en el panel de administración de WordPress y verá que hay una actualización para su tema. Quizás corrija algunos errores de CSS, o un problema de seguridad con el tema. Si hace clic en actualizar y ha personalizado los archivos del tema directamente, esa actualización sobrescribirá sus cambios y AUGE! Se fueron. Tienes que hacer esos cambios de nuevo..

Al utilizar un tema secundario, puede actualizar el tema original todo lo que quiera y sus cambios son seguros. Es posible que algo en la actualización signifique que necesita hacer un pequeño cambio en el tema de su hijo también, pero al menos no está empezando desde cero.!

Ok, creo que estoy a bordo, pero ¿cómo lo hago??

Su tema original, que llamaremos "tema principal" a partir de ahora, vive en su / wp-content / themes / directorio.

Como ejemplo, crearemos un tema secundario para el tema "Twenty Twelve" predeterminado de WordPress.

Entonces, en este caso, para crear un tema secundario, creamos un nuevo directorio junto con el directorio del tema 'Twenty Twelve' llamado veinte y doce.

Al igual que:

Todo este directorio necesita ser un tema secundario válido, es un style.css Archivos con el siguiente contenido:

 / * Nombre del tema: Twenty Twelve URI del tema infantil: http://wp.tutsplus.com/ Descripción: Tema infantil de Twenty Twelve Autor: Japh URI del autor: http://wp.tutsplus.com/author/japh Plantilla: twentytwelve Versión: 1.0.0 * / @import url ("… /twentytwelve/style.css");

Hay dos partes importantes allí:

Plantilla: veinte y doce - lo que le dice a WordPress que este tema es un tema secundario del tema 'Twenty Twelve'
@import url ("... /twentytwelve/style.css"); - que carga el tema principal (dos mil doce en este caso) style.css como punto de partida

Ahora puedes iniciar sesión en tu panel de control de WordPress y ver el tema "Twenty Twelve Child" allí, y activarlo.

Nota:

Como se señala en los comentarios a continuación, el @importar la línea no es estrictamente necesaria para que un tema hijo sea válido. Lo he incluido aquí, como en la mayoría de las pequeñas modificaciones de un tema, querrás usarlo. Para el reemplazo total de CSS en un tema, puede dejar esa línea fuera y comenzar desde cero.

Dulce, mi propio tema infantil! Ahora que?

Ahora, cada vez que desee personalizar el tema, hágalo en el tema secundario..

Los archivos en el tema de su hijo anulan los archivos del mismo nombre en el tema principal. Por lo tanto, cualquier archivo de su tema principal que desee cambiar, copie primero el tema de su hijo y realice las modificaciones allí..

Lo mismo ocurre con cualquier plantilla que no esté en su tema principal. Puedes agregarlos en el tema de tu hijo y WordPress los usará.

Una excepción a estas reglas es la funciones.php expediente. En este caso, la funciones.php el archivo para el tema hijo se carga primero, seguido de funciones.php Archivo del tema padre. Así que no hay necesidad de copiar el funciones.php archivo del padre al hijo, simplemente comience de nuevo en el tema hijo para ese.

Esto permite que el tema secundario tenga toda la funcionalidad del tema principal. Los temas principales también pueden hacer que sus funciones sean conectables, lo que permite que un tema secundario las anule.

¿Qué es una función conectable??

Esencialmente, una función conectable es una que verifica si ya existe antes de ser definida. De esa manera, si el tema secundario define una función del mismo nombre, el tema principal no crea un conflicto.

Resumen

Eso es lo básico de la personalización del tema de WordPress utilizando un tema secundario. Realmente no es más difícil que editar el tema original directamente, pero puede ahorrar mucho dolor cuando llega el momento de actualizar. También hace que sea muy fácil para ti ver exactamente lo que has cambiado, porque está bien compartimentado..

Puede encontrar más información sobre temas infantiles aquí también en Wptuts +.

¿Tienes algún consejo especial para personalizar con temas infantiles? Háganos saber en los comentarios.!

Código