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

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

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

В стандартных темах WordPress у всех страниц и записей обязательно выводиться их заголовки. Но иногда бывает нужно отключить у конкретной страницы или записи заголовок. Зачем, — спросите вы? Например, вы хотите сделать главной странице свою статичную страницу. Такая стандартная возможность есть в консоли администратора (раздел Параметры -> Чтение). Сделать это не сложно, но в таком случае у вас на главной странице однозначно будет стоять ее заголовок — Главная (или иначе назовете, суть не меняется). Вы также можете использовать какую-либо страницу в качестве так называемой «целевой» страницы, когда достаточно иметь ссылку на нее в меню или в любом другом месте сайта, и при переходе на неё читателя не нужно повторение этого заголовка перед целевым текстом. Как удалить этот заголовок?

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

Если вы хотите удалить заголовок конкретной страницы или записи, то для этого есть несколько способов сделать это.

Самый быстрый способ, но и самый «грязный»

В этом случае вы можете просто не заполнять окно заголовка страницы или записи на странице визуального редактора WordPress. Сначала вы заполняете поле названия страницы или записи, публикуете ее, система запоминает ссылку (URL), а затем возвращаетесь обратно в режим редактирования и удаляете заголовок.

В итоге вы получите страницу или запись, у которой будет отсутствовать заголовок:

Советую прочитать еще:  Оптимизация страниц сайта: несколько главных правил

как убрать заголовок страницы или записиПочему этот способ «грязный» (читай — неправильный)? Хотя бы потому, что если у вас потом будет несколько записей и/или страниц, не имеющих заголовка, вам как администратору будет сложно искать в списках страниц и/или записей (особенно во втором случае, когда записей много) нужную вам страницу и/или запись, не имеющую заголовка. Согласитесь, зачем сразу создавать себе проблему на будущее? Да и некрасиво, если честно...

Лучший способ удалить заголовок страницы или записи

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

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

Шаг первый — найти имя заголовка в названиях класса стилей в исходном коде страницы.

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

страница wordpress в визуальном редактореПереходим в режим просмотра:

просмотр созданной страницы wordpress

В контекстном меню браузера выбираем — Просмотр исходного кода страницы:

используем контекстное меню браузера

Открываем исходный код страницы:

исходный код страницы сайта

Шаг второй — найти код, который выводит заголовок страницы

Эту тестовую страницу я назвал — Целевая страница. Теперь надо найти в исходном коде эти слова. Можно просто внимательно просмотреть страницу, но если кода много и вы слабо с ним знакомы, — можно запутаться. Воспользуйтесь поиском (Ctrl+F) и введите в окне поиска заголовок страницы:

класс для вывода заголовка страницы

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

id=post-118

Возможно, в вашем шаблоне (даже наверняка) имя класса будет отличаться от моего примера. Свой пример я показываю на дефолтном шаблоне Twenty Ten, который есть у каждого.

Советую прочитать еще:  Совет недели: Типичные ошибки новичков и как им помочь их решить

Число 118 — это индивидуальный идентификатор вашей страницы, который ему присвоила база данных, на которой работает ваш сайт. Проверить это можно так: Перейдите в консоли администратора в раздел Страницы, откройте список страниц и наведите курсор на название страницы: слева внизу в окне браузера (в Mazilla) вы увидите длинную ссылку, внутри которой есть такой код:

ссылка на публикацию в системе wordpress

Такие же уникальные идентификаторы есть у каждой страницы и каждой записи.

Шаг третий — удаляем заголовок страницы или записи

Чтобы корректно удалить идентификатор страницы, вам надо: перейти в консоли администратора в раздел Внейшний вид, страница Редактор, найти справа в списке файлов файл стилей — style.css, перейти в нем в самый конец и добавить строку:
.page-id-1826 .entry-title {display: none;}
Если вы собираетесь удалить заголовок для записи — делаете все точно также как я описал, начиная с первого шага, находите класс, который выводит заголовок записи и в файле стилей пишите примерно следующее:
.post-id-1125 .entry-title {display: none;}
Разница всего лишь в двух вещах: у записи свой уникальный идентификатор, который конечно, отличается от ID страницы, и главное — для записи класс —  post , для страницы —  page .

В результате я получил то, что хотел: у меня сейчас нет на странице заголовка — Целевая страница, а в консоли — заголовок у страницы остался:

страница сайта с удаленным заголовком

и в консоли:

список страниц в консоли администратора сайта

В заключении хочу вас подтолкнуть к определенным выводам и идеям.

Таким способом можно не только удалять заголовки страниц и записей. Каждый объект сайта в исходном коде имеет свой идентификатор. Например, если у вас несколько текстовых виджетов в сайдбаре, каждый текстовый виджет имеет свой идентификатор. А теперь представьте, вы хотите каждому виджету придать свою уникальность? Например, в заголовок добавить кроме текста разные бэкграунды или иконки? Или — тоже самое, но только в навигационном меню?

Дальше — это полет фантазии каждого владельца сайта. Надеюсь, у вас с этим все в порядке? 😉

Советую прочитать еще:  Срочно обновите плагин NextGen Gallery!

Добавлено 16 апреля 2016 г.

В дополнение к этому обзору почитайте также обзор бесплатного плагина WordPress под названием Hide Title, который умеет корректно скрывать заголовки Title у записей (Posts) и страниц (Pages).

Если материал вам понравился, нажмите или расскажите о нем друзьям!

Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

30 Comments

  • добрый день!

    подскажите, пожалуйста, что я неправильно делаю? у меня со страницы название страницы не убирается.

    1. Нашла в коде, что id страницы 22.

    2. выбрала во внешнем виде редактор, открыла справа style.css. и в самом конце добавила строчку:

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

    3. переопубликовала нужную страницу.

    Но ничего не изменилось.

    Ответить
  • помог следующий вариант. по кр. мере для темы Sydney.

    В файле style.css шаблона находим через Ctrl-F комбинацию в коде, которая отвечает за заголовок: .hentry .title-post, и сразу после фигурной скобки в первой строке прописываем display: none;

    Стили заголовка, идущие далее, оставляем как есть (размер шрифта заголовка, цвет и т.д.).

    Обновляем файл стилей. Заголовки на всех страницах сайта исчезают (только заголовки страниц! Те, заголовки, что вы прописали внутри страницы, останутся). Удобно тем, что работает для всего сайта, не нужно каждую страницу править отдельно.

    Ответить
  • · Edit

    Если нужно убрать заголовок только с главной страницы, то используйте этот код Не благодарите.

    Ответить
  • Автор · Edit

    Уберите заголовок в редакторе, так как я писал в обзоре.

    Если бы существовало 5 вариантов — я бы описал все пять вариантов. Но я рассказал о двух, стандартных. Есть еще один — не стандартный, который зависит от свойств написания конкретного кода PHP в теме WordPress.

    Ответить
  • Спасибо за ответ!

    Не спорю, возможно у меня и post-id, но я успешно с page-id убрала все остальные заголовки: 'Блог', 'Контакты' и прочее.

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

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

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

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

    Главная тоже при помощи page-id убирается, но многое вместе с этим тоже)

    Есть какие-то возможности прописать в коде, что именно слово «Главная» необходимо убрать?

    А тема у меня стандартная от WordPress, Twenty Fourteen.

    Ответить
  • Автор · Edit

    Не знаю почему, но у вас не page-id-3104, а post-id-3104, хотя для страниц должен быть page, я писал об этом.

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

    Ответить
  • Спасибо за полезный материал!

    Все заголовки удалось удалить, но с главной возникают проблемы. entry-title на странице не только заголовок 'ГЛАВНАЯ', но и все заголовки на странице, которые по ссылкам ведут постам. Соответственно, если прописывать код .page-id-3104 .entry-title {display: none;}, то удаляются все заголовки на странице(((

    Догадываюсь, что решить проблему можно конкретным указанием, что именно я хочу исключить. Но пока не так сильна в этом. И ооочень прошу помощи и заранее благодарю! Сайт ekspat.ru

    Еще раз спасибо!

    Ответить
  • я только начал в wordpress разбираться... Удаление заголовка тож не вариант хлебные крошки зачищаются. Да и в SeoAlinPack пропадает отображение в заголовке поиска

    Ответить
  • так же страница имеет код ?page_id=309, как вы писали выше, и даже после изменения на чпу, то через этот код к нему обращается

    Ответить
  • Автор · Edit

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

    Ответить
  • Можете помочь, не могу найти в какой css прописать правильный код.

    тема www.uniq-themes.ru/index...royal-plaza.html

    сайт: belayavezha.by/alt/?page_id=309 Хочу конкретно на это странице убрать Заголовок

    Ответить
    • Автор · Edit

      Если вы спрашиваете о фразе — «Административные процедуры» — тогда так:

      Открываете сайт в браузере, затем открываете через контекстное меню исходный код страницы, через поиск (Ctrl+F) ищите эту фразу и находите ее в строке 167. Смотрите DIV. В вашем случае это div='item', а заголовок внутри тега h1.

      Открываете свой файл стилей (в вашей теме он называется layout.css и в самом конце добавляете вот такое свойство:

      .item h1 { display:none !important; }

      Ответить
  • Ой, код не отобразился в комментарии. В общем третью строчку в файле post-page.php удаляете и заголовки страниц удалятся.

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

    Ответить
  • Олег, а все оказалось очень легко))). Нашла где удаляется заголовок. Может кому-то пригодится. В шаблонах этого автора заголовки у страниц удаляются в файле post-page.php. Просто удаляете вот этот код из файла: и все))))) Только у главной не знаю как удалить, но это не страшно, можно заголовки страниц дописать там где нужно. Ура!! Наши победили!

    Ответить
  • К сожалению не работает с этой темой и второй вариант. Ну ладно, буду дальше ковыряться, спасибо.

    Ответить
  • Автор · Edit

    Я не ковырял файлы настолько глубоко. В этой статье я рассказал о стандартном коде, а автор, я писал выше, использует нестандартные циклы PHP.

    Чтобы найти, как удалить заголовок, надо потратить примерно час на изучение кода в файлах этой темы.

    И мне все-таки кажется, что второй вариант, о котором я написал в обзоре, — должен работать и с этой темой.

    Ответить
  • Я знаю, но эти ссылки мне не мешают. Олег, не сможете подсказать как название убрать у главной? Неужели больше никаких способов нет? Может, если Вы эти шаблоны переводили неоднократно, то знаете какой код php в них отвечает за заголовки страниц?

    Ответить
  • Автор · Edit

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

    Ответить
  • Это тоже пробовала, но к сожалению не помогло. При удалении названия, оно удаляется и в главном меню, а без «главной» в меню никак нельзя. Прям и не знаю что делать, шаблон такой хороший, еле его нашла, не хочу менять.

    Ответить
  • Добрый день, у меня заголовки страниц не убираются так, как вы описали. Уже все испробовала((( И просто титл пыталась найти в page.php, но его там нет вообще. И в css прописывала, но без толку. Не знаю что делать. ((( тема WP studio. Вот ссылка.

    newwpthemes.com/demo/WpStudio/

    Буду очень благодарна за помощь!

    Ответить
    • Автор · Edit

      У этого автора, которого я периодически перевожу для своих каталогов бесплатных тем WordPress, необычный (нестандартный) код PHP. В вашем случае должен работать только грубый вариант: удаление названия страницы в окне редактора WordPress.

      Ответить
      • · Edit

        Здравствуйте, Олег, благодарю вас за статью, очень полезная информация. Спрятала шапку, меню, заголовки, а вот такие еще вопросы есть:

        1. Вы говорите, что подобным образом можно наоборот отобразить те или иные элементы. А подскажите пожалуйста команду для отображения

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

        С уважением, Татьяна

        Ответить
        • Автор · Edit

          1. Те или иные... Задайте вопрос конкретно — какой именно элемент вам нужно изменить и отобразить иначе чем все остальные? Я написал в статье, например, виджет. Виджет, как и основная масса элементов, имеет свой уникальный идентификатор. Вот от идентификатора мы и отталкиваемся. А дальше — знание CSS и полет фантазии.

          2. У каждого шаблона есть автор, который написал код файлов. То, о чем вы пишите, обычно называется мета-данные. Они, скорее всего, заключены в какой-то общий стиль (класс или идентификатор).

          Можно просто удалить код, найдя его в файлах. Можно удалить через запрет показа стиля, типа display:none.

          Каждая тема уникальна по своему, общих правил для всех шаблонов не бывает.

          Не видя файлов вашей темы — я не могу конкретно написать, как закрыть мета-данные записи.

          Ответить

Добавить комментарий

Ваш email нигде не будет показан. Обязательные поля помечены *