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^{(Creating Child Theme)} un tema secundario en WordPress . Bueno^(Well) , 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

Creación de un tema secundario a partir de un tema principal no modificado^{(Creating a Child Theme from an Unmodified Parent Theme)}

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.

Recomendado:^{(Recommended:)} también puede usar el complemento de tema secundario de un clic^{(One-Click Child Theme plugin)} 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^(Change) 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: ^(Note: ) La línea Plantilla^(Template) ( Plantilla^(Template) : veintiséis) debe cambiarse de acuerdo con su nombre actual del directorio de temas (el tema principal cuyo hijo estamos creando). El tema principal en nuestro ejemplo es el tema Veinte y dieciséis^{(Twenty Sixteen)} , por lo que la Plantilla^(Template) 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 secundario 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 Appearance > Themes y active su tema secundario de la lista de temas disponibles.

Nota:^(Note:) Es posible que deba volver a guardar su menú ( Appearance > Menus ) 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.

Creating Child Theme in WordPress

Only a handful of WоrdPress uѕers uses a child theme and that’s because many of the users don’t know whаt is a child theme or Creating Child Theme in WordРress. Well, most of the рeople using WordPress tend to edit or customizе their theme but all that customization is lost when you update your theme and that’s where the use of child theme comes. When you use a chіld theme then all your сustomization will be saved and you can easilу υpdаte the parent theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 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
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

<?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' );

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?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' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

Jose Molina

About the author

Soy experto en desarrollo de hardware y software. Tengo experiencia trabajando tanto con productos Apple (ios) como con las plataformas Android de Google. También soy un firme defensor de Edge Computing, que es la última tendencia en tecnología web y móvil. Mis habilidades en estas áreas me hacen ideal para desarrollar aplicaciones que sean rápidas, seguras y eficientes.

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^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress