Как убрать заголовок страницы wordpress

Самый простой способ – отключить отображение заголовка через CSS. Для этого откройте инструменты разработчика браузера, найдите класс элемента заголовка, например .entry-title, и добавьте в файл стилей тему строку: display: none;. Это решение подходит для точечного скрытия без изменения кода темы.

Если требуется скрыть заголовок только на одной странице, используйте уникальный идентификатор в классе body. Пример: body.page-id-42 .entry-title { display: none; }. Подставьте свой ID страницы. Такой подход удобен для управления отображением заголовков выборочно, без создания дочерней темы.

Альтернативный способ – использовать плагин, например Title Remover. Он добавляет опцию скрытия заголовка прямо в редакторе записи. Это безопасный метод для пользователей без навыков работы с кодом, однако важно протестировать совместимость с текущей темой.

Отключение заголовка через настройки темы

Многие современные темы WordPress позволяют скрыть заголовок страницы без необходимости редактировать код. Чтобы воспользоваться этой возможностью, выполните следующие действия:

Откройте консоль администратора WordPress.
Перейдите в раздел «Страницы» и выберите нужную страницу.
В правой панели найдите метаблок, добавленный темой. Он может называться «Настройки страницы», «Параметры отображения» или аналогично.
Ищите переключатель с подписями вроде «Скрыть заголовок» или «Hide Page Title».
Активируйте эту опцию и обновите страницу.

Если таких настроек нет, проверьте раздел «Внешний вид» → «Настроить». Некоторые темы предоставляют глобальные параметры отображения заголовков в настройках шаблона страницы или шаблона сайта.

Темы, поддерживающие такие функции: Astra, OceanWP, GeneratePress, Kadence. В них скрытие заголовков реализовано штатно и не требует установки плагинов или правок CSS.

Скрытие заголовка с помощью пользовательского CSS

Откройте панель администратора WordPress и перейдите в раздел «Внешний вид» → «Настроить» → «Дополнительные стили (CSS)».

Добавьте следующий код:


.entry-title {
display: none;
}

Если заголовок не скрывается, используйте инструмент разработчика браузера (F12), чтобы определить точный класс заголовка. Например, в некоторых темах используется .page-title или h1.entry-title.

Пример с альтернативным классом:


.page-title {
display: none;
}

Чтобы скрыть заголовок только на определённой странице, добавьте ID страницы к селектору. Узнать ID можно в URL страницы при редактировании, например: post=42 – значит, ID равен 42.

Пример:


.page-id-42 .entry-title {
display: none;
}

После добавления CSS нажмите «Опубликовать», чтобы сохранить изменения.

Удаление заголовка через редактор Gutenberg

В редакторе Gutenberg заголовок страницы отображается как отдельный блок в верхней части. Чтобы удалить его, достаточно не вводить заголовок при создании страницы или удалить уже существующий текст в этом поле. WordPress позволяет сохранить страницу без заголовка, но в зависимости от темы оформление может остаться – например, пустое пространство или рамка.

Если визуальные следы заголовка всё же остаются, необходимо отключить его отображение средствами темы. Откройте настройки документа, кликнув по значку шестерёнки в правом верхнем углу, затем в панели «Настройки страницы» найдите параметр «Скрыть заголовок» или подобный. Эта опция присутствует в некоторых темах, таких как Astra, OceanWP, Neve.

При отсутствии нужной опции можно использовать дополнительный блок CSS. Перейдите в раздел «Вид» → «Настроить» → «Дополнительные стили CSS» и добавьте следующий код:

.entry-title { display: none; }

Этот стиль скрывает заголовок на всех страницах, использующих соответствующий класс. Перед применением проверьте класс заголовка в вашей теме с помощью инструментов разработчика браузера.

Использование плагинов для скрытия заголовков

Плагин Hide Page And Post Title позволяет скрыть заголовки страниц и записей без необходимости редактировать код темы. После установки перейдите в настройки страницы или записи, где появится чекбокс «Hide title». Отметьте его и обновите контент – заголовок исчезнет на фронтенде.

Если используется редактор Gutenberg, подойдёт расширение EditorPlus. В панели блоков можно выбрать заголовок и отключить его отображение через визуальные настройки. Это даёт гибкость при дизайне, не нарушая структуру контента.

Изменение шаблона single.php в дочерней теме

Для скрытия заголовка на страницах одиночных записей, необходимо создать и изменить файл single.php в дочерней теме. Это исключит вмешательство в основную тему и упростит обновления.

Создайте папку дочерней темы, если она ещё не используется. Внутри создайте файл single.php, если его нет.
Скопируйте содержимое single.php из родительской темы и вставьте в файл дочерней темы.

<h1 class="entry-title"><?php the_title(); ?></h1>

Удалите или закомментируйте эту строку, чтобы заголовок не отображался:
```

```
Сохраните изменения. WordPress автоматически будет использовать этот файл для отображения записей.

Если в теме используется get_template_part() для заголовка, найдите соответствующий файл (например, template-parts/content-single.php) и выполните те же действия внутри дочерней темы, создав такую же структуру.

Отключение заголовка только на одной странице

Затем добавьте следующий CSS-код в раздел «Дополнительные стили» (внешний вид → настроить → дополнительный CSS):


.page-id-42 .entry-title {
display: none;
}

Если используется редактор Gutenberg и заголовок добавлен в контент вручную, его нужно удалить из блока «Заголовок». Для классического редактора достаточно скрыть класс .entry-title.

Для сайтов с темами, в которых используется нестандартная структура, сначала проверьте HTML-разметку заголовка (например, h1.entry-header или .post-title) и скорректируйте селектор в CSS соответствующим образом.

Альтернатива – плагин Elementor или Beaver Builder. В них можно отключить заголовок страницы в параметрах конкретной страницы, без вмешательства в код.

Проверка результата на разных устройствах

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

Для начала используйте инструменты разработчика в браузере. В Chrome, например, можно открыть панель разработчика (клавиша F12), затем перейти на вкладку «Device Toolbar» (иконка устройства в верхнем левом углу). Выберите различные разрешения и устройства, чтобы проверить, как отображается скрытый заголовок. Проверьте все варианты – от стандартных смартфонов до планшетов и десктопов.

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

Для более точной проверки установите на мобильные устройства специальные приложения, такие как BrowserStack или Responsinator. Эти сервисы позволяют просматривать ваш сайт на различных устройствах и разрешениях, что обеспечит полную картину поведения вашего сайта.

Также не забывайте про различные браузеры. Иногда изменения могут отображаться по-разному в зависимости от используемого браузера, особенно если вы используете нестандартные решения для скрытия заголовка (например, через кастомные стили). Протестируйте сайт в популярных браузерах, таких как Chrome, Firefox, Safari и Edge.

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

Возврат заголовка при необходимости

Если заголовок страницы был скрыт в WordPress, его можно вернуть в любой момент, для этого существует несколько простых способов. Один из них – использование настраиваемого кода или плагинов. Рассмотрим два наиболее эффективных метода.

1. Использование кастомного CSS. Если заголовок был скрыт с помощью стилей, можно вернуть его, изменив соответствующее правило. Для этого откройте панель управления WordPress, перейдите в раздел «Настройки» и выберите «Дополнительные стили» или «Настройки темы». Добавьте следующий код в поле кастомных стилей:

header.site-header {
display: block !important;
}

Этот код заставит заголовок снова отображаться на странице, отменив скрытие через CSS.

<?php the_title(); ?>

После внесения изменений сохраните файл и обновите страницу. Заголовок вернется в исходное состояние.

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

Вопрос-ответ:

Есть ли плагин для скрытия заголовков страниц в WordPress?

Да, для скрытия заголовков страниц в WordPress можно использовать плагин, такой как «Hide Title». После его установки вам нужно будет зайти в редактор страницы и просто выбрать опцию «Скрыть заголовок». Это решение удобно, если вы не хотите вручную добавлять CSS-код. Плагин работает для всех типов страниц и записей в вашем сайте, давая вам больше гибкости в настройке внешнего вида.