web-dev-qa-db-fra.com

La barre/barre d'outils d'administration supérieure ne s'affiche pas, même lorsque vous êtes connecté, mais affiche une marge supérieure vide?

J'ai écrit un thème et la barre supérieure d'administration/outil n'est pas affichée. Je vois encore une marge vide. Des idées?

Voici la marge supérieure que je ne mets jamais nulle part dans mes fichiers.

Je veux réellement montrer la barre d'outils complètement.

enter image description here

1
Toskan

Il semble que votre thème manque de la fonction wp_footer(), mais qu'il contienne la fonction wp_header().

Je peux reproduire ce comportement sur les thèmes par défaut en supprimant wp_footer().

Le code HTML de la barre d’administration provient de cette partie du code principal:

add_action( 'wp_footer', 'wp_admin_bar_render', 1000 );

Il est généralement informatif de vérifier les thèmes par défaut:

Les trois dernières lignes du fichier footer.php dansTwentyTen,TwentyEleven,TwentyTwelve,TwentyThirteen,TwentyFourteenles thèmes sont les suivants:

<?php wp_footer(); ?>
</body>
</html>

Gardez à l'esprit que rédiger un bon thème n'est pas une tâche facile.

Il vous suffit de lire le processus de révision des thèmes sur wordpress.org pour voir le travail difficile que cela implique.

Ce qui suit passe par la fonction wp_head(), pour les utilisateurs connectés:

  • leadmin-barstylesheet, arrive

    <link rel='stylesheet' 
          id='admin-bar-css' 
          href='http://example.com/wp-includes/css/admin-bar.min.css?ver=3.8.3'   
          type='text/css' 
          media='all' />
    
  • l'espace supplémentaire provient de cette partie dans les balises <head>:

    <style type="text/css" media="screen">
        html { margin-top: 32px !important; }
        * html body { margin-top: 32px !important; }
        @media screen and ( max-width: 782px ) {
            html { margin-top: 46px !important; }
            * html body { margin-top: 46px !important; }
        }
    </style>
    

    lorsque les utilisateurs ont sélectionné l'optionde la barre d'outilssur leur page de profil:

    toolbar option

  • la partie pour désactiver la barre d'administration lors de l'impression:

    <style type="text/css" media="print">#wpadminbar { display:none; }</style>
    

Pour envelopper:

Si vous êtes connecté, avec l'option de barre d'outils sélectionnée, les pages de thème auront un espace supplémentaire (32px) en haut. Cet espace est rempli avec les blocs HTML de la barre d'administration de la wp_footer(), assurez-vous d'inclure cette fonction dans le pied de page de votre thème.

J'espère que cela t'aides.

3
birgire