Por que o wp_head () está criando uma margem superior na parte superior do cabeçalho do meu tema?

Estou criando um tema personalizado e os elementos se comportam como deveriam, mas quando coloco a <?php wp_head() ?>tag, obtenho uma margem superior, na parte superior do cabeçalho do meu tema.

Quando retiro <?php wp_head(); ?>a margem desaparece. Estou nisso há algum tempo, qualquer ajuda seria ótima.

Difícil de ser visto sem olhar para ele, mas um palpite:

Provavelmente, é o CSS da barra de administrador, que só aparece quando você está logado. O <?php wp_head() ?>incluirá o css para ele e <?php wp_footer(); ?>o html da barra de administrador.

Se você olhar, na verdade deve ser um margem superior adicionada à tag html.

Se você tentar ocultar a barra de administrador conectando-o ao show_admin_barfiltro, mas fazer isso muito tarde ( initcom a prioridade padrão é muito tarde, por exemplo), você terá uma margem superior adicional de 28px, mas nenhuma barra de administrador.

Isso aconteceu comigo também, esse espaço é para a barra de administração na parte superior do seu tema, que é exibida para um usuário conectado.

Se você efetuou login no painel do WordPress no mesmo navegador em que está usando o tema personalizado, existe o problema.

Basta sair da conta de administrador do WordPress e abrir seu tema personalizado novamente.

Eu também encontrei o mesmo problema e o resolvi adicionando o seguinte:

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

Coloque no topo do arquivo CSS do seu tema.

adicionar "margin-top: 0px! important" ao topo do seu arquivo CSS realmente funcionará, mas SOMENTE se você reorganizar as informações do cabeçalho para chamar o arquivo css APÓS o wp_head ser chamado.

o atributo CSS mais baixo será aplicado, 100% do tempo.

O bloco de estilo de margem é gerado pela _admin_bar_bump_cbfunção que é executada na wp_headação. Você pode remover a ação chamando:

remove_action('wp_head', '_admin_bar_bump_cb');

Coloquei-o no gancho de função dos scripts de enfileiramento e ele removeu com êxito a saída da margem superior, mas tenho certeza de que você pode colocá-lo em qualquer lugar do functions.php e fazê-lo funcionar corretamente.

Dessa forma, você não precisa de uma substituição boba no seu css =)

Você deve ver qual classe está adicionando a margem com o firebug ou uma ferramenta similar.

Tente isso,

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