Wordpress Performance Wordpress SEO Wordpress Security Wordpress Themes Wordpress Hosting Mein Setup Das Buch

Admin Bar per Hover-Effekt ein- /ausblenden

Admin Bar per Hover-Effekt Ein- Ausblenden

WordPress Admin Bar ein- /ausblenden

Die Admin Bar von WordPress wird in der Regel kaum gebraucht. Doch warum wird sie dann permanent eingeblendet? Keine Ahnung, doch sie ist im Normalfall vollkommen überflüssig, weshalb ein Ausblenden auch Sinn ergibt. Noch sinnvoller, vor allem aber auch hübscher, ist hier ein schicker Hover-Effekt, der die Admin Bar via Mouseover ein- /ausblendet. Gehe ich mit dem Mauszeiger also auf die obere schwarze Leiste, blendet sich die Admin Bar schnell und performant ein (Siehe Teaserbild oben). Ziehe ich den Mauszeiger wieder herunter, wird die Admin Bar sofort ausgeblendet. All das ist nicht nur praktisch, sondern mit ein wenig CSS auch kein Problem für die Performance. Ohne großen Aufwand, wird die Admin Bar so deutlich verbessert, das Admin von WordPress wird praktischer, vor allem wird es aber auch deutlich hübscher. Ein einfaches Snippet macht es möglich.

Folgendes in die Functions.php eures Themes kopieren:

add_action('get_header', 'my_filter_head');
function my_filter_head() { remove_action('wp_head', '_admin_bar_bump_cb'); }

function fastwp_admin_bar_css() {
        if ( is_user_logged_in() ) {
        ?>
        <style type="text/css">#wpadminbar{height:5px;padding-top:7px;overflow:hidden;transition:all 0.2s}#wpadminbar:hover{height:33px;padding:5px 0 5px 0;overflow:visible}#adminmenuwrap{margin:-35px 0 0}</style>
        <?php }
}
add_action( 'admin_head', 'fastwp_admin_bar_css' );
add_action('wp_head', 'fastwp_admin_bar_css');

Schicker Hover-Effekt für die Admin Bar

Gerade in Verbindung mit WordPress 3.8 sieht es einfach fantastisch aus, wenn die Admin Bar ein- /ausgeblendet wird. Der kleine schmale Streifen am oberen Rand, passt super zum neuen dunklen Admin Theme, integriert sich wunderbar in das WordPress Backend und umrahmt quasi stilvoll die anderen Bereiche. Ich persönlich finde das Ganze wirklich gelungen, vor allem weil ich die Admin Bar eben auch fast nie benötige. Im schlimmsten Fall klicke ich aus versehen mal auf einen Button oder Link in der Bar, mit dem automatischen ein- /ausblenden selbiger, geschieht das nun ganz sicher nicht mehr. Ein hübscher Effekt, tolle Optik in Verbindung mit dem dunklen Admin Theme, vor allem aber eben auch eine wirklich praktische Funktion. Probiert das Snippet ruhig mal aus, ihr werdet dann schon sehen was ich meine.



Wordpress Performance eBook