Werkzeugleiste / Adminbar Farbe ändern

  • Gelöst rafael1

    (@rafael1)


    vor 7 Jahren, 3 Monaten

    Moin,

    ich würde gerne die Farbe der Werkzeugleiste ändern. Diese ist Momentan Schwarz und passt sich auch nicht dem Farbschema an, das im Profil eingestellt werden kann. Ist das irgendwie möglich?

    Ich hatte auch schon dies in der functions.php bzw. style.css ausprobiert:

    
<?php
add_action('wp_head', 'change_bar_color');
add_action('admin_head', 'change_bar_color');
function change_bar_color() {
?>
<style>
#wpadminbar{
background: #D3D3D3 !important;
}
</style>
<?php
}
?>

    
#wpadminbar .quicklinks a,#wpadminbar .shortlink-input {
color:#939393!important;
text-shadow:#939393 0 0px 0!important;
}

    
#wpadminbar .quicklinks a:hover,#wpadminbar .shortlink-input:hover {
color:#00BFFF!important;
text-shadow:false 0 0px 0!important;
}

    Das sieht wie folgt aus:
    https://www.dropbox.com/s/vyeosfj7ycjcq1n/Adminbar.png?dl=0

    Besteht evtl. die Möglichkeit die Farbe der Icons zu ändern, dass diese in schwarz besser hervorgehoben werden?
    Kann in der Werkzeugleiste der aktuelle ausgewählte Menüeintrag (im Bild: Menüeintrag „Seite bearbeiten“) auch geändert werden, so dass dieser im Hintergrund in Grau erscheint?

    Viele Grüße
    Rafael

    • Dieses Thema wurde geändert vor 7 Jahren, 3 Monaten von rafael1.
Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Juan Roldan Güpner

    (@itsbw)

    vor 7 Jahren, 3 Monaten

    Hallo Rafael,

    du hast es genau richtig gemacht: mit

    #wpadminbar {
    background: #D3D3D3 !important;
    }

    änderst Du die entsprechende Farbe in der Admin-Bar.

    Im Browser kannst Du sehen, ob Deine CSS-Regel überhaupt angenommen wurde und ggf. warum nicht.

    Ich vermutet, dass da ein cache o.ä. dazwischenfunkt.

    mit besten Grüßen
    Juan Roldan Güpner – IT-Service BW

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 7 Jahren, 3 Monaten

    Das Farbschema wird im Frontend absichtlich nicht übernommen.

    Mit diesem Plugin änderst du dieses Verhalten:
    https://wordpress.org/plugins/admin-bar-color/

    Gruß, Torsten

    Thread-Starter rafael1

    (@rafael1)

    vor 7 Jahren, 3 Monaten

    Super, mit dem Plugin klappt es sofort. Vielen Dank 🙂

    Mit dem folgenden Code hat das soweit auch geklappt, zwar wurden die
    Farbe der Logos nur geändert, wenn man mit der Maus auf den jeweiligen
    Eintrag in der Leiste geht, aber sonst war es einheitlich mit der Farbe.
    Mit der Logo Farbe müsste das noch minimal angepasst werden.

    
#wpadminbar .quicklinks a,#wpadminbar .shortlink-input {
color:#939393!important;
text-shadow:#939393 0 0px 0!important;
}

#wpadminbar .quicklinks a:hover,#wpadminbar .shortlink-input:hover {
background-color:#D3D3D3!important;
color:#000000!important;
text-shadow:false 0 0px 0!important;
}

#wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar .ab$
background:  #D3D3D3 !important;
}

.ab-sub-wrapper{
background: #D3D3D3  !important;
}

    So sieht das mit dem Code aus:
    https://www.dropbox.com/s/tfsamrlh6v9ylgm/Adminbar2.png?dl=0

    Mit dem Plugin:
    https://www.dropbox.com/s/335qvygqifxvolo/Adminbar3.png?dl=0

    Vielen Dank für eure Hilfe 🙂

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „Werkzeugleiste / Adminbar Farbe ändern“ ist für neue Antworten geschlossen.