Creación de WordPress Child Theme Tutorial por ThemeGrill

Esta publicación se actualizó recientemente, incluidas las últimas pautas para crear el tema de WordPress Child.

Muchos de nosotros queremos personalizar algo en el tema. ¿También está buscando agregar o editar algo en el tema que está utilizando? Si es así, entonces has venido al lugar correcto, mi amigo. Esta publicación es un tutorial simple y completo sobre cómo crear un tema secundario de WordPress.

Si el tema tiene muchas opciones de personalización, esto podría ayudarlo a satisfacer sus necesidades. Pero independientemente de cuántas opciones estén disponibles, aún puede haber algo que el tema actual que tiene no puede hacer o no es lo que le gusta. Por lo tanto, si se siente cómodo con los códigos y WordPress, puede sumergirse en los archivos de temas y comenzar a editarlos, pasando algunos minutos, horas para agregar los cambios que desee en el tema, solo para descubrir que ha perdido esos cambios cuando su tema sea el próximo la actualización llega.

Entonces para evitar esto viene nuestro héroe llamado el Tema infantil. La creación de un tema secundario le permite realizar cambios en su sitio sin cambiar nada en el código del tema original. Incluso si solo está haciendo algunos ajustes menores, vale la pena pasar unos minutos creando un tema secundario.

Nota: Para realizar cambios simples de CSS en su sitio web, puede usar CSS adicional cuadro agregado en WordPress 4.7 en lugar de crear un tema secundario. Estos cambios realizados a través de CSS adicional el cuadro permanecerá allí incluso si actualiza el tema. Pero si está buscando otros cambios adicionales como la edición de archivos PHP, se debe crear un tema secundario.

Entonces, creo que esto cubrirá el ‘¿Por qué crear un tema secundario? " pregunta. Entonces, avancemos y creemos un tema secundario.


¿Cómo crear un tema secundario de WordPress?

En este tutorial, vamos a mostrar cómo crear un tema secundario para nuestro propio tema popular Espacioso.

Paso uno:

Cree una nueva carpeta en su directorio de temas. Puede hacerlo utilizando el cPanel o mediante FTP. El directorio de temas es wp-content / themes. Entonces, nombremos la carpeta como espaciosa-niño. Puede nombrarlo como desee, pero recuerde que no debe haber ningún espacio en el nombre de la carpeta. Es un enfoque común para nombrar el tema secundario como el tema principal más agregado al final.

Segundo paso:

Dentro de la carpeta espaciosa-secundaria crea un archivo llamado style.css y complete la información como se muestra a continuación.

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/
/* =Theme customization starts here
------------------------------------------------------- */

Agregue esto y guarde el archivo.

Puntos para recordar:

  • El nombre de la plantilla (aquí en este caso espacioso) debe coincidir con el nombre de la carpeta del tema principal y también asegurarse de que no haya espacio en blanco después del nombre.
  • Se pueden agregar o cambiar otros detalles a su gusto.

Paso tres:

Crea un archivo llamado funciones.php como creaste "style.css" en el Paso Dos. Y complete la información como se muestra a continuación.

get( 'Version' ) );
}

add_action( 'wp_enqueue_scripts', 'spacious_child_enqueue_styles' );

Al crear un tema secundario, los archivos son obligatorio mientras que los archivos de plantilla y otros archivos son Opcional y se puede crear si es necesario.

Finalmente, para activar el tema secundario, en el panel de control, vaya a Apariencia-> Temas. Busque el tema secundario que creó y actívelo. Eso es. Además, asegúrese de que el tema principal también esté presente en los temas instalados para que el tema secundario funcione. Si ahora visita su sitio, debería verse igual que cuando se activó el tema principal. Sin embargo, es posible que deba restablecer algunas de las configuraciones en el Personalizador.

Nota:

Solo para usuarios de ThemeGrill Theme, a continuación hemos proporcionado un archivo zip de tema secundario para todos nuestros temas gratuitos y premium. Puede descargarlo y tomarlo como punto de partida para crear el tema de su hijo.

Temas infantiles para nuestros temas de WordPress GRATIS

Temas infantiles para nuestros temas premium de WordPress


Modificar el CSS de tu tema

Si desea modificar el CSS del tema, puede agregar CSS al final del archivo style.css y guardarlo. Estas líneas CSS sobrescribirán el tema principal CSS.

Por ejemplo, supongamos que queremos cambiar el tamaño de fuente del título del sitio para el tema espacioso para 36px valor predeterminado para 42px y también cambia su color de #444444 predeterminado a azul (#0000FF) Luego puede agregar las siguientes líneas CSS.

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
#site-title a {
color: #0000FF;
font-size: 42px;
}

Hacer más cambios

Editar otros archivos de temas
También puede realizar cambios estructurales en los archivos de tema ajustando los archivos de plantilla. Digamos que desea algunos cambios o desea agregar un código adicional en el encabezado. Luego puede copiar el archivo header.php del tema principal, pegarlo dentro del tema secundario y realizar / agregar cambios allí y guardar el archivo. Este archivo header.php se cargará en lugar del archivo header.php del tema principal.


Terminando

Con suerte, ahora puede crear un tema secundario y realizar la personalización que desee. ¿Quieres decir algo? Añádelo en los comentarios y te responderé. ¡Disfrutar!