Posted in Varios

Sobreescribir estilos CSS en temas hijos en WordPress

El objetivo de crear temas hijos en WordPress no es ni más ni menos que evitar que las customizaciones que hacemos en los temas se pierdan al actualizar dichos temas.

Por alguna razón los estilos de la hoja style.css del tema hijo no sbresscribía los estilos del tema padre, ya que la hoja de estilos del tema padre se cargaba después que la del tema hijo.

Después de crear el tema hijo tenemos que poner en el archivo functios.php lo siguiente:

<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED - Do not modify or remove comment markers above or below:

if ( !function_exists( 'ms_theme_editor_parent_css' ) ):
    function ms_theme_editor_parent_css() {
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array( 'genericons' ) );
      	wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'genericons' ) );
    }
endif;
add_action( 'wp_enqueue_scripts', 'ms_theme_editor_parent_css', 30 );
// END ENQUEUE PARENT ACTION

Sólo he tenido que agregar la línea 11, que es la que indica que se cargue la hoja de estilos del tema hijo después de la del tema padre.

El resto del archivo se ha generado automáticamente usando el plugin Theme Editor, que simplifica la tarea de crear y editar temas hijos.

Fuente