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!