Ein Mini-Plugin
<?php
/*
* Plugin Name: Mini Admin Bar
* Plugin URI: http://www.netyou.co.il/
* Description: Makes the admin bar a small button on the left and expands on hover.
* Version: 1.0
* Author: NetYou
* Author URI: http://www.netyou.co.il/
* License: MIT
* Copyright: NetYou
*/
add_action('get_header', 'my_filter_head');
function my_filter_head() { remove_action('wp_head', '_admin_bar_bump_cb'); }
function my_admin_css() {
if ( is_user_logged_in() ) {
?>
<style type="text/css">
#wpadminbar {
width: 47px;
min-width: auto;
overflow: hidden;
-webkit-transition: .4s width;
-webkit-transition-delay: 1s;
-moz-transition: .4s width;
-moz-transition-delay: 1s;
-o-transition: .4s width;
-o-transition-delay: 1s;
-ms-transition: .4s width;
-ms-transition-delay: 1s;
transition: .4s width;
transition-delay: 1s;
}
#wpadminbar:hover {
width: 100%;
overflow: visible;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-ms-transition-delay: 0;
transition-delay: 0;
}
</style>
<?php }
}
add_action('wp_head', 'my_admin_css');
?>
Hey, könntest du bitte nur einen Link zu einer Demo deiner verkleinernden/erweiternden Leiste in deinem Tutorial bereitstellen…??
Wenn möglich.
Vielen, vielen Dank im Voraus….
Hallo! Sie suchen wahrscheinlich nicht mehr nach einem Beispiel, aber wenn Sie sich meine Website unter "cassandramaedesigns.com" ansehen, habe ich den Code unten links auf meinem Bildschirm integriert.
Ich liebe den neuen Look davon. :)
Funktioniert immer noch, ich verwende nur das CSS aus diesem Code im benutzerdefinierten CSS-Stil mit einigen kleineren Modifikationen.
Sehr nützlich finde ich, weil die Leiste hässlich, aber nützlich ist!
Ich möchte sie nicht die ganze Zeit sehen.
Was ich denke ist, dass die verwendete Übergangszeit im Plugin Unsinn ist, weil ich mir die Leistenanimation nicht ansehen und darauf warten möchte, dass sie passiert.
Ich habe den Code und auch die Größe des ursprünglichen Leisten-Buttons mit dem Logo verändert, damit er mehr einem Quadrat ähnelt.
#wpadminbar {
width: 35px;
min-width: auto;
overflow: hidden;
-webkit-transition: .2s width;
-webkit-transition-delay: 0s;
-moz-transition: .2s width;
-moz-transition-delay: 0s;
-o-transition: .2s width;
-o-transition-delay: 0s;
-ms-transition: .2s width;
-ms-transition-delay: 0s;
transition: .2s width;
transition-delay: 0s;
}
Ich erhalte einen Fehler
Syntaxfehler, unerwartetes '<', erwartet Dateiende
Das ist fast genau das, wonach ich gesucht habe! Ich wollte die Leiste auf einen kleinen Button verkleinern und sie beim Klicken auf den Button erweitern. Danke!
Jedes Plugin und jedes Code-Snippet, das ich vorher gefunden habe, wollte die Leiste entweder komplett ausblenden, entweder im Frontend oder im Frontend und Backend, was nervig war.
Hallo – bitte entschuldige meine Unwissenheit (bin ein ziemlicher Neuling, brauche das aber wirklich).
Wo muss ich diesen Code einfügen, um ihn verwenden zu können?
Diolch | Danke im Voraus.
Funktioniert wie ein Zauber. Danke.