Как скрыть или удалить заголовки страниц в WordPress (7 простых методов)

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

Загвоздка в том, что “какой метод” зависит от вашей темы, вашего конструктора страниц, и хотите ли вы, чтобы заголовок исчез с одной страницы или всего вашего сайта. блочная тема обрабатывает это иначе, чем классическая тема, и у Elementor есть свой собственный переключатель, который классические пользователи WordPress никогда не видят.

Ниже приведены семь способов скрыть или удалить заголовки страниц в WordPress: настройки темы, редактор сайта, CSS, Elementor, конструктор тем, плагин и код. каждый из них имеет разные последствия SEO и доступности, поэтому выбирайте с открытыми глазами. Вы не хотите обменивать рейтинги на эстетику.

Скрытие против удаления заголовка страницы: в чем разница?

Эти два слова используются как синонимы, но они описывают разные вещи, и разница имеет значение для SEO.

• Скрытие титула держит его в HTML страницы, но делает невидимым для посетителей, как правило, с CSS Поисковые системы и читатели экрана все еще могут видеть его, поэтому страница сохраняет свой контекст. Думайте о нем как о плаще-невидимке.
• Удаление заголовка удаляет его из HTML полностью. страница выглядит так же для посетителей, но поисковые системы теряют часть контекстной информации, а пользователи программы чтения с экрана теряют заголовок, который сообщает им, о чем эта страница.

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

Название страницы против SEO Название: Не путайте двоих

Одно быстрое разъяснение перед методами, потому что это сбивает с толку множество людей. заголовок страницы, который вы видите на странице (заголовок H1) и заголовок SEO (тег заголовка, который отображается в результатах Google и вкладке браузера) - это две разные вещи.

Каждый метод в этом руководстве влияет только на видимый заголовок на странице. ваш SEO-заголовок, установленный вашей темой или плагином SEO, таким как Yoast или Rank Math, остается именно там, где он есть. Таким образом, сокрытие заголовка на странице не приведет к удалению вашего списка в результатах поиска.

Способ 1: используйте встроенный вариант названия темы

Прежде чем касаться CSS или плагинов, проверьте, решает ли уже ваша тема это Многие популярные темы поставляются с переключателем заголовков на страницу:

• Астра добавляет флажок “Disable Title” в настройках боковой панели страницы.
• GeneratePress включает элементы управления видимостью заголовка в мета-поле "Макет".
• Kadence и Neve предлагают аналогичные переключатели на странице.

Откройте любую страницу в редакторе, посмотрите на боковую панель настроек справа и отсканируйте опцию с именем “Disable Title”, “Hide Title” или “Title Visibility”.Если она есть, отметьте ее, обновите страницу, и вы закончите. Никакого кода, никакого плагина, примененного только к этой странице.

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

Метод 2: Скрыть заголовки страниц в блочной теме (редактор сайта)

Используя блочную тему типа Двадцать Двадцать Четыре или Двадцать Двадцать Пять? вот увидите Внешний вид > Редактор в вашей приборной панели вместо старого Customizer.У вас есть два варианта здесь.

Вариант А: Удалить блок Заголовок из шаблона

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

1. Перейти к Внешний вид > Редактор > Шаблоны.
2. Открыть Страницы шаблон (или какой бы шаблон ни использовала ваша страница).
3. Нажмите « Название заблокируйте, откройте меню трехточечных параметров и выберите Удалить.
4. Сохранить шаблон.

Это истинное удаление: заголовок исчез из HTML. Страницам, использующим этот шаблон, понадобится свой собственный заголовок, поэтому добавьте блок заголовка в верхней части каждого. В противном случае посетители и поисковые системы приземляются на странице, где H1 вообще нет. The Документация блока заголовка WordPress охватывает этот блок более подробно.

Вариант B: Скрыть заголовок с помощью CSS (сохраняет значение SEO)

Если вы предпочитаете скрыться, чем удалить, добавьте вместо этого небольшое правило CSS:

1. Перейти к Внешний вид > Редактор > Стили.
2. Нажмите « Редактировать (ручка) значок, затем трехточечное меню и выберите Дополнительный CSS.
3. Вставьте следующий код и сохраните.

.wp-block-post-title {
    display: none;
}

Вот и весь процесс на экране:

Одно нужно знать: это скрывает заголовок на каждой странице и публикации. Чтобы нацелиться только на страницы, используйте .page .wp-block-post-title вместо. и если заголовок по-прежнему отображается после сохранения, сильно обновите страницу (Ctrl+Shift+R), поскольку ваш браузер, вероятно, обслуживает старую таблицу стилей из кэша.

Метод 3: Скрыть заголовки с помощью CSS в настройщике темы (классические темы)

Если Внешний вид > Настроить появляется на панели управления, вы на классической теме, а дополнительная CSS-панель Customizer - самый быстрый маршрут без плагинов.

Сначала найдите класс CSS, который ваша тема использует для заголовков. щелкните заголовок правой кнопкой мыши на любой странице, выберите Инспектировать, и посмотрите на элемент заголовка В большинстве классических тем класс entry-title, но не предполагайте. множество тем переименовывают его, и правило, нацеленное не на тот класс, ничего не делает. Тогда:

1. Перейти к Внешний вид > Настроить > Дополнительный CSS.
2. Добавьте правило ниже и опубликуйте.

.post .entry-title {
    display: none;
}

Своп .post для .page для таргетинга страниц или использования .page-id-42 .entry-title чтобы скрыть заголовок на одной странице (идентификатор вы найдете в URL-адресе редактирования страницы, описанном в Методе 7).

Плюсы подхода CSS:

• Плагин не требуется.
• Название остается в HTML, поэтому SEO и программы чтения с экрана не затрагиваются.
• Вы можете нацелиться на одну страницу, все страницы или все сообщения с помощью одного селектора.

Минусы:

• Каждая тема называет свой класс заголовков по-разному, поэтому вам, возможно, придется сначала проверить.
• Если вы поменяете темы, правило может прекратить сопоставление и заголовки появятся снова.

Метод 4: Скрыть заголовок страницы в Elementor

Пользователи Elementor получают самый простой метод из всех, и он работает в бесплатной версии Откройте страницу в редакторе Elementor, нажмите на Настройки значок (шестерни) в левом нижнем углу панели и включите его Скрыть заголовок. Обновите страницу, и название темы исчезнет только с этой страницы.

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

Скрыть заголовок не работает? Исправить селектор заголовков

Элементор скрывает заголовки, сопоставляя обычные классы CSS, например entry-title. Если ваша тема использует пользовательский класс, переключатель бесшумно не работает. Этот ловит много людей, и исправление занимает минуту:

1. Проверьте название вашей страницы в браузере и скопируйте ее класс CSS.
2. В Элементоре перейдите на Настройки сайта > Макет.
3. Вставить класс (например h1.custom-title) в Выбор заголовка страницы поле и сохранить.

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

Альтернатива: используйте макет Elementor Canvas

Для целевых страниц - прибор-затупление В той же панели настроек страницы измените Макет страницы чтобы Элементор Холст. Холст за один ход полосет заголовок темы, нижний колонтитул и область заголовка, оставляя пустой лист. используйте его, когда хотите полного контроля дизайна; пропустите его, когда вам еще нужна навигация вашего сайта, или соедините его с собственным заголовком, построенным с помощью Тема Строитель.

Способ 5: удалите заголовки по всему сайту с помощью конструктора тем

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

С Elementor Pro перейдите к Шаблоны > Тематический конструктор > Одиночный пост, отредактируйте шаблон вашего единственного сообщения, выберите элемент Заголовок сообщения и удалите его.

Если у вас нет существующего единого шаблона публикации, создайте его с нуля или импортируйте из библиотеки шаблонов, затем удалите виджет Post Title перед публикацией.

Не хотите платить за Elementor Pro только за это, в Master Addons входит свой Тема Строитель это позволяет вам создавать заголовки, нижние колонтитулы, шаблоны отдельных сообщений, архивы и 404 страницы с помощью бесплатной версии Elementor. The Документация для конструктора заголовков, нижних колонтитулов и комментариев проходит через настройку, и тот же шаблон управления означает, что вы решаете, появляется ли вообще заголовок Это тот же подход, который мы используем в нашем руководстве к редактирование нижнего колонтитула в WordPress с помощью Elementor.

Плюсы:

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

Минусы:

• Требуется Elementor Pro или плагин конструктора тем, например Master Addons.
• Это настоящее удаление, поэтому вашему шаблону нужен еще один H1, например виджет заголовка, динамически тянущий заголовок сообщения туда, где вы этого хотите.

Метод 6: Используйте плагин для удаления заголовков

Если вы лучше нажмете флажок, чем напишете CSS, бесплатно Удаление заголовка плагин хорошо выполняет одну работу. Установите и активируйте его, и каждая страница, публикация и пользовательский тип сообщения получают флажок “Скрыть заголовок для этого элемента” на панели настроек. Отметьте его на страницах, которые вы хотите, оставьте его везде.

Это самый удобный вариант для начинающих, хотя он добавляет еще один плагин для обслуживания. Если ваш конструктор тем или страниц уже предлагает переключатель (методы 1 и 4), используйте его первым и держите список плагинов коротким. более компактный стек также помогает со временем загрузки, что мы освещаем в нашем посте как ускорить сайты Elementor.

Метод 7: Удалить заголовки с помощью кода (functions.php)

Удобное редактирование файлов темы? можно отфильтровать заголовки на уровне PHP. Добавьте эти фрагменты в тему вашего ребенка functions.php файл. Используйте дочернюю тему, чтобы обновление темы не стирало ваши изменения, и сначала выполните резервное копирование.

Удалить заголовок из отдельных сообщений в блоге

add_filter( 'the_title', 'ma_remove_single_post_title', 10, 2 );
function ma_remove_single_post_title( $title, $id ) {
    if ( is_single() && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Удалить заголовок с определенной страницы

add_filter( 'the_title', 'ma_remove_page_title', 10, 2 );
function ma_remove_page_title( $title, $id ) {
    if ( is_page( YOUR_PAGE_ID ) && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Заменить YOUR_PAGE_ID с идентификатором страницы, на которую вы ориентируетесь. The in_the_loop() проверьте, что имеет значение: без него фильтр также может выключить метки вашего меню навигации и заголовки виджетов. Я видел, что именно эта ошибка вытащила целое меню навигации на живом сайте.

Как найти идентификатор страницы

Откройте страницу в редакторе WordPress и посмотрите URL-адрес в адресной строке браузера Номер после post= является идентификатором страницы.

Этот метод является настоящим удалением, поэтому зарезервируйте его для случаев, когда тема не предлагает переключения, а CSS не является вариантом. Если вы уже в functions.php территория, вам также может понравиться наше руководство о том, как это сделать отключить функцию автосохранения с похожим фрагментом.

SEO, UX и доступность: на что на самом деле влияет скрытие названий

Прежде чем скрывать заголовки на своем сайте, взвесьте компромиссы.

СЕО. Скрываясь с CSS, сохраняет H1 в вашем HTML, поэтому поисковые системы все еще читают его. Удаление заголовка удаляет этот сигнал, а страница без какого-либо H1 дает Google меньше контекста о контенте. если вы удалите заголовок, всегда заменяйте его другим H1 где-нибудь в вашем дизайне. более широкий контрольный список см. в нашем SEO-практики для Elementor руководство. Ваши подсубпозиции слишком сильно переносят вес (в подсубпозициях) плагин оглавления строит свою навигацию на странице на основе ваших H2 и H3, поэтому сохраните остальную часть структуры заголовка нетронутой.

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

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

Когда скрывать названия и когда их хранить

Держите заголовки видимыми, когда:

• Страница представляет собой сообщение в блоге, документ или что-либо, к чему читатели приходят с поиска.
• Вам нужна четкая иерархия контента для навигации и SEO.
• Заголовок предоставляет контекст, который остальная часть страницы не повторяет.

Скрывать или удалять заголовки, когда:

• Вы строите лендинги с их же героевским заголовком.
• Дизайн домашней страницы уже сообщает, что это за сайт.
• Расположение заголовка темы противоречит дизайну, который вы построили в Elementor, например, герою во всю ширину под a липкий заголовок в Elementor.

Часто задаваемые вопросы

Завершение

Скрытие или удаление заголовков страниц в WordPress сводится к выбору метода, соответствующего вашей настройке. сначала проверьте встроенный переключатель вашей темы, используйте редактор сайта или Customizer CSS для скрытия всего сайта, найдите заголовок Elementor на отдельных целевых страницах и используйте конструктор тем, когда вам нужен контроль на уровне шаблона без заголовков где угодно.

Какой бы маршрут вы ни выбрали, помните эмпирическое правило: спрячьтесь с помощью CSS, когда хотите сохранить значение SEO, и если вы действительно удалите заголовок, дайте странице вместо него еще один H1.

Если вы все равно строите нестандартные макеты, взгляните на полный набор Master Addons виджеты и расширения. Создатель тем, Пользовательское расширение CSSи более 80 других инструментов обрабатывают подобные задания без дополнительных плагинов страница ценообразования показывает, что входит в бесплатную и Pro версии.