Soporte » Guías – Resolución de problemas » WordPress adminbar no se carga en tema hijo

  • Resuelto belamino152

    (@belamino152)


    Hola a todos como estan. Quisiera hacerles una pregunta sobre la barra de herramientas de wordpress con la cual ultimamente he estado teniendo problemas.

    Hace poco instalé el tema storefront de wordpress y luego lo modifique y después creé un tema hijo para no perder los cambios cuando este se actualize; sin embargo, he notado que la barra de herramientas de wordpress no aparece, no se carga en el tema hijo como debería suceder.
    Imagen ejemplo

    En la imagen que muestro aparece un espacio blanco donde debería aparecer la barrita negrita de wordpress. ¿Alguno de ustedes sabe a que podría deberse este problema?

    Si alguno de ustedes podría ayudarme con este problema se los agradecería mucho. Desde ya muchas gracias a todos. Saludos y buenas vibras.

    • Este debate fue modificado hace 1 semana, 2 días por  belamino152.
Viendo 3 respuestas - 1 de 3 (de 3 total)
  • Moderador Jose Conti

    (@jconti)

    Hola,

    Es posible muy posible que sea problema de CSS, que algo impida que suba la barra desde la parte de abajo por eso no se ve. Por eso te sale el espacio, porque el css está ahí, pero solo se carga de forma correcta parte de él.

    Mira en el código de la página a ver si está la barra, se carga casi al final de todo. Si está ahí, es problema de CSS. Si has puesto mucho CSS en el child, es posible que algo de lo que hayas puesto esté interactuando con la barra de administración y deberías repasarlo.

    Saludos.

    Hola Jose muchas gracias por tu ayuda. Estuve revisando el css del tema child. Yo soy una persona nueva en esto de la creación de páginas web con wordpress y afortunadamente creo que estoy a punto de resolver el problema.

    Según el profesor que me enseña WordPress todo el codigo css del tema padre ubicado entre las etiquetas style debe ser copiado al archivo style.css del tema hijo; sin embargo había un codigo css asi como este:

    <style type=”text/css” media=”print”>#wpadminbar { display:none; }</style>

    Y yo también copie ese codigo: #wpadminbar { display:none; }

    Una vez lo borré se solucionó el problema afortunadamente.

    Estoy aprendiendo recien css y la verdad resolver el problema mencionado me tomo mucho tiempo, todavía debo aprender que significa esa etiqueta.

    afortunadamente parece que ya estoy arreglando el problema.

    Muchas gracias por tu ayuda e interes.

    Moderador Jose Conti

    (@jconti)

    Hola,

    No, no es cierto que todo el css ubicado entre las etiquetas debas ponerlo ahí, por el mero hecho que dependiendo del rol, si estás identificado o no, etc… el css puede variar.

    Lo que debes hacer es cargar el css que hay en el style.css del tema padre, que no es lo mismo.

    Antiguamente se realizaba un @import de la hoja de estilos, pero hoy en día está desaconsejado. La forma correcta de hacerlo es poner al principio del archivo functions.php del child lo siguiente:

    
    function mi_tema_enqueue_styles() {
    
        $parent_style = 'parent-style';
    
        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', 'mi_tema_enqueue_styles' );
    

    Y ahora vienen lo difícil si no lo tienes por la mano.

    Puedes ver que hay una línea que pone:

    $parent_style = 'parent-style';

    Pues el parent-style lo debes cambiar por el que sea realmente.
    Para ello, debes buscar en tu theme entre los wp_enqueue_style() el que esté cargando el CSS del theme. Cuando lo encuentres, verás que tiene este aspecto:

    wp_enqueue_style( 'lo-que-sea',....);

    Pues copias lo-que-sea y lo cambias en tu código:

    $parent_style = 'lo-que-sea';

    Y ya tendrás tu child funcionando sin provocar cosas raras como lo que te ha pasado.

    • Esta respuesta fue modificada hace 1 semana, 1 día por  Jose Conti.
    • Esta respuesta fue modificada hace 1 semana, 1 día por  Jose Conti.
Viendo 3 respuestas - 1 de 3 (de 3 total)
  • Debes estar registrado para responder a este tema.