web-dev-qa-db-fra.com

Remplacer le logo de la barre d'administration

WordPress 3.8 est sorti J'ai le code suivant pour supprimer le logo de la barre d'administration.

 function no_wp_logo_admin_bar_remove() {
    global $wp_admin_bar;
    $wp_admin_bar->remove_menu('wp-logo');
}
add_action('wp_before_admin_bar_render', 'no_wp_logo_admin_bar_remove', 0);

Cependant, j'aimerais savoir comment je peux le remplacer par mon propre logo (upload) et non par un dashicon?

2
Oudin

C'est contrôlé par un Dashicon (icône de police) et une déclaration avant:

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
content: '\f120';
top: 2px;
}

Ce que vous voudriez, c'est remplacer l'appel de contenu.

Utilisez un Dashicon intégré à partir d’ici: http://melchoyce.github.io/dashicons/

Donc, le smilie serait content: '\f328; `

2
Ipstenu

Vous pouvez y placer votre propre logo comme ceci:

function custom_admin_logo(){
    echo '
        <style type="text/css">
            #wp-admin-bar-wp-logo .ab-icon:before{ content:"" !important; }
            #wp-admin-bar-wp-logo .ab-icon{ background-image: url(path/to/your/logo.png) !important; }
        </style>
    ';
}
add_action( 'admin_head', 'custom_admin_logo' );

Mais si vous souhaitez supprimer complètement le menu Wordpress correspondant, y compris le logo W et ses éléments de sous-menu, puis ajouter votre ownlogo, vous pouvez le faire comme suit:

function remove_wp_logo( $wp_admin_bar ){
    $wp_admin_bar->remove_node( 'wp-logo' );
}
add_action( 'admin_bar_menu', 'remove_wp_logo', 100 );

function add_my_own_logo( $wp_admin_bar ) {
    $args = array(
        'id'    => 'my-logo',
        'meta'  => array( 'class' => 'my-logo', 'title' => 'logo' )
    );
    $wp_admin_bar->add_node( $args );
}
add_action( 'admin_bar_menu', 'add_my_own_logo', 1 );

Ensuite, laissez CSS faire la partie restante à votre place:

.my-logo div{
    width: 32px;
    height: 32px;
    background-image: url( path/to/logo.png ) no-repeat;
}
0
Trix