Den 28px-Push von der Admin-Leiste entfernen

Avatar of Chris Coyier
Chris Coyier am

Für Ihre functions.php-Datei

  add_action('get_header', 'my_filter_head');

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

Standardmäßig wird, wenn Sie die Admin-Leiste als angemeldeter WordPress-Benutzer sehen, CSS wie dieses in Ihren Kopf eingefügt (Ausgabe in der wp_head() Funktion)

<style type="text/css" media="screen">
	html { margin-top: 28px !important; }
	* html body { margin-top: 28px !important; }
</style>

Das ist normalerweise eine gute Sache, da es dann nicht Teile Ihrer Website mit seiner Fixed-Position-Eigenschaft verdeckt. Aber es kann auch seltsam sein, wenn Sie absolute Positionierung für Dinge verwenden. Da diese unterschiedlich sein werden, je nachdem, ob die Leiste vorhanden ist oder nicht. Die Verwendung des obigen Codes, um das Bump-CSS zu entfernen, lässt die Leiste den oberen Teil Ihrer Website abdecken, aber zumindest wird die Positionierung konsistent sein.