De ce wp_head() creează un margin în partea de sus a header-ului temei mele?

Greu de spus fără să te uiți la el, dar o presupunere educată:

Cel mai probabil este CSS-ul pentru bara de administrare, care apare doar atunci când ești autentificat. <?php wp_head() ?> va include CSS-ul pentru aceasta, iar <?php wp_footer(); ?> include HTML-ul pentru bara de administrare.

Dacă te uiți, ar trebui să fie de fapt un margin-top adăugat la tag-ul html.

Dacă încerci să ascunzi Bara de Administrare prin conectarea la filtrul show_admin_bar, dar faci asta prea târziu (de exemplu, init cu prioritatea implicită este prea târziu), vei obține o margine superioară suplimentară de 28px, dar fără bara de administrare afișată.

Blocul de stil pentru margine este generat de funcția _admin_bar_bump_cb care rulează pe acțiunea wp_head. Puteți elimina această acțiune apelând:

remove_action('wp_head', '_admin_bar_bump_cb');

Am plasat acest cod în funcția mea de încărcare a scripturilor și a eliminat cu succes marginea superioară generată, dar sunt sigur că puteți să o plasați oriunde în functions.php și va funcționa corect.

În acest fel nu aveți nevoie de o suprascriere inutilă în CSS =)

Am întâmpinat aceeași problemă și am rezolvat-o adăugând următoarele:

html{ margin-top:0px !important;}

Puneți acest cod la începutul fișierului CSS al temei dumneavoastră.

Acest lucru s-a întâmplat și cu mine, acest spațiu este pentru bara de administrare din partea de sus a temei tale care este afișată pentru un utilizator autentificat.

Dacă ești autentificat în panoul de control WordPress în același browser în care utilizezi tema personalizată, atunci aceasta este problema.

Pur și simplu deconectează-te din contul de administrator WordPress și deschide din nou tema ta personalizată.

adăugarea "margin-top: 0px !important" în partea de sus a fișierului CSS va funcționa, dar NUMAI dacă rearanjați informațiile din antet pentru a apela fișierul CSS DUPĂ ce wp_head este apelat.

cel mai de jos atribut CSS va fi aplicat, 100% din timp.

Ar trebui să vezi ce clasă adaugă marginea cu ajutorul Firebug sau a unui instrument similar.

Încearcă asta,

html { margin-top:0px; padding-top:0px; }