Почему wp_head() создает верхний отступ в заголовке моей темы?

Трудно сказать наверняка без визуального осмотра, но можно сделать обоснованное предположение:

Скорее всего, это CSS-стили для админ-панели, которая отображается только когда вы авторизованы. Функция <?php wp_head() ?> подключает CSS для неё, а <?php wp_footer(); ?> включает HTML-код самой админ-панели.

Если присмотреться, на самом деле это должно быть свойство margin-top, добавленное к тегу html.

Если вы попытаетесь скрыть панель администратора, используя фильтр show_admin_bar, но сделаете это слишком поздно (например, хук init с приоритетом по умолчанию уже слишком поздно), вы получите дополнительный отступ сверху в 28 пикселей, но без самой панели администратора.

Блок стилей отступов выводится функцией _admin_bar_bump_cb, которая выполняется в действии wp_head. Вы можете удалить это действие, вызвав:

remove_action('wp_head', '_admin_bar_bump_cb');

Я добавил этот вызов в свой хук функции enqueue scripts, и он успешно убрал верхний отступ, но уверен, что его можно разместить в любом месте файла functions.php, и он будет работать корректно.

Таким образом, вам не понадобится громоздкое переопределение в CSS =)

Я также столкнулся с этой проблемой и решил её, добавив следующее:

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

Поместите этот код в начало CSS-файла вашей темы.

Со мной тоже такое случалось, это пространство предназначено для админ-панели в верхней части вашей темы, которая отображается для авторизованного пользователя.

Если вы вошли в админку WordPress в том же браузере, в котором используете кастомную тему, то проблема именно в этом.

Просто выйдите из учетной записи администратора WordPress и снова откройте свою кастомную тему.

добавление "margin-top: 0px !important" в начало вашего CSS-файла действительно сработает, но ТОЛЬКО если вы перестроите заголовок, чтобы CSS-файл подключался ПОСЛЕ вызова wp_head.

CSS-атрибут, который находится ниже в коде, будет применён в 100% случаев.

Вы должны посмотреть, какой класс добавляет отступы, с помощью Firebug или аналогичного инструмента.

Попробуйте это,

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