le MEMO du WEB développeur
••• Wordpress •••  Liste des Mémos, astuces et bonnes pratiques

Bug Barre d'administration Wordpress et position absolue d'un élement

Si votre thème Wordpress comporte des élements positionnés en absolute, il y a de grandes chances pour que vous constatiez un décalage de 28px (hauteur de la barre d'administration) dans le positionnement de ces éléments lorsque vous êtes connecté à l'administration Wordpress sur votre navigateur et que cette barre supérieure de gestion de l'administration apparaît.

Si votre thème est un thème moderne et que l'élément <body> de votre site est affecté de la classe body_class()

<body <?php body_class(); ?>>

La manip pour réparer ce décalage d'affichage est simple.

Imaginons que l'élement positionné en absolute et qui subit ce décalage est un div :

<div class="div_decale" type="position:absolute; top:10px;">blabla</div>

Il suffira, dans votre feuille de style de rajouter un patch afin de rajouter 28px à la propriété top de votre élément (ici 10 + 28 px) :

.admin-bar .div_decale { top:38px; }

 

publié le 14/03/2014 par Memo Web
Bug
Commenter le Mémo :

WordPress en multisite, passer du fonctionnement sous domaine au sous répertoire
Ne pas afficher les commentaires sur les pages d'un siteWordpress
Une liste d'articles au hasard dans Wordpress
Passer un paramètre variable dans get_template_part()
Recadrer une miniature (thumbnail) WordPress
Changer la longeur de l'extrait / exerpt dans Wordpress
Export d'articles scoopit vers WordPress : Lien vers l'article d'origine
Déclarer un fichier présent dans un répertoire du thème enfant Wordpress
Plugin WordPress BackWPUp, bug : Impossible de créer le répertoire
Appeler un shortCode Wordpress depuis un fichier PHP
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos