Otros Cómo

Crear un tema hijo en WordPress

Solo un puñado de usuarios de WordPress usa un tema secundario y eso se debe a que muchos de los usuarios no saben qué es un tema secundario o Crear un tema secundario en WordPress. Bueno, la mayoría de las personas que usan WordPress tienden a editar o personalizar su tema, pero toda esa personalización se pierde cuando actualizas tu tema y ahí es donde viene el uso del tema secundario. Cuando usa un tema secundario, toda su personalización se guardará y podrá actualizar fácilmente el tema principal.

Crear un tema hijo en WordPress

Crear un tema hijo en WordPress

Creación de un tema secundario a partir de un tema principal no modificado

Para crear un tema secundario en WordPress, debe iniciar sesión en su cPanel y navegar a public_html y luego a wp-content/themes donde debe crear una nueva carpeta para su tema secundario (ejemplo /Twentysixteen-child/). Asegúrese de no tener ningún espacio en el nombre del directorio del tema secundario que pueda generar errores.

. También puedes usar Complemento de tema infantil de un clic para crear un tema secundario (solo a partir de un tema principal no modificado).

Ahora necesita crear un archivo style.css para su tema secundario (dentro del directorio de temas secundarios que acaba de crear). Una vez que haya creado el archivo, simplemente copie y pegue el siguiente código (cambie los detalles a continuación de acuerdo con las especificaciones de su tema):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Nota: La línea Plantilla (Plantilla: veintiséis) debe cambiarse de acuerdo con su nombre actual del directorio del tema (el tema principal cuyo hijo estamos creando). El tema principal en nuestro ejemplo es el tema Veinte y dieciséis, por lo que la Plantilla será veintiséis.

Anteriormente, @import se usaba para cargar la hoja de estilo del tema principal al secundario, pero ahora no es un buen método, ya que aumenta la cantidad de tiempo para cargar la hoja de estilo. En lugar de usar @import, es mejor usar funciones PHP en el archivo functions.php de su tema secundario para cargar la hoja de estilo.

Para usar el archivo functions.php, debe crear uno en el directorio de su tema secundario. Use el siguiente código en su archivo functions.php:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

El código anterior solo funciona si su tema principal usa solo un archivo .css para contener todo el código CSS.

Si su tema hijo style.css contiene realmente código CSS (como lo hace normalmente), también deberá ponerlo en cola:

<?php
function my_theme_enqueue_styles() {

    $parent_style="parent-style"; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

Es hora de activar su tema secundario, inicie sesión en su panel de administración, luego vaya a Apariencia > Temas y active su tema secundario de la lista de temas disponibles.

Nota: Es posible que deba volver a guardar su menú (Apariencia > Menús) y las opciones de tema (incluidas las imágenes de fondo y encabezado) después de activar el tema secundario.

Ahora, cada vez que desee realizar cambios en su estilo.css o funciones.php, puede hacerlo fácilmente en su tema secundario sin afectar la carpeta del tema principal.

Creando Child Theme en WordPress a partir de su tema principal, pero la mayoría de ustedes ya han personalizado su tema, entonces el método anterior no los ayudará en absoluto. En ese caso, consulte cómo actualizar un tema de WordPress sin perder la personalización.

Si espero que este artículo le haya sido útil, pero si todavía tiene alguna pregunta sobre esta guía, no dude en hacerla en los comentarios.

Psssst:  Cómo aumentar tu puntuación de Snapchat rápidamente
Back to top button

Adblock detectado

Deshabilite su bloqueador de anuncios para poder ver el contenido de la página. Para un sitio independiente con contenido gratuito, es, literalmente, una cuestión de vida y muerte para tener anuncios. ¡Gracias por su comprensión!