Как сделать содержание в вордпресс

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

Как сделать содержание в вордпресс

Зачем нужно оглавление статьи

Вы, наверное, сталкивались с проблемой: ищите необходимую информацию через поисковик, переходите по одному из привлекательных заголовков и ищите ответ. Сайтостроители знают, что в топ поисковой системы попадают хорошо оптимизированные сайты, одним из показателей которых является объем статей — от 2500 тысяч знаков (примерно 300 слов) и выше. Нужную нам информацию можно было уместить в один абзац, скорее всего. Но авторы специально увеличивают размер статьи дополнительной информацией, чтобы мы могли найти статью через поисковую систему как можно раньше аналогичных записей сайтов-конкурентов.

Как, не теряя времени на полное прочтение статьи, узнать, что в ней есть ответ на наш вопрос? Посмотреть оглавление, если оно есть. Как правило, оглавление включает заголовки, имеющиеся в записи, также как в любой полиграфической книге. Нажимая на один из пунктов содержания, нас «перебрасывает» к выбранному разделу статьи.

Ручное содержание статьи вордпресс

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

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

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

Тем, кто далек от самостоятельной работы с кодом, а также тем, кто предпочитает автоматизацию, мы предлагаем использовать плагин — мини-программу для расширения функционала WotdPress.

Автоматическое оглавление в статье wordpress

Шаг 1-2. Найти плагин Table of Contents Plus и установить на свой сайт как показано на скриншоте.

Как сделать содержание в вордпресс

 

Шаг 3. Активировать плагин.

Как сделать содержание в вордпресс

 

Шаг 4. Настроить плагин Table of Contents Plus.

Как сделать содержание в вордпресс

Основные настройки (вкладка Main Options)

  1. Место оглавления в записи (Position). Нам предлагается 4 варианта: перед и после первого заголовка (на нашем сайте это заголовок H2), перед статьей (место после заголовка H1) — здесь на нашем сайте идет первый абзац, он же — мета-тег description (краткое описание). Последний вариант для оглавления — в конце записи.
  2. В каких случаях показывать (Show When). Имеется ввиду наличие заголовков в статье: от 2-ух до 10-и.
  3. Куда вставлять оглавление автоматически (Auto insert for the following content types). По умолчанию – только на страницах (page), мы добавили – в постах тоже (post).
  4. Текст заголовка (Heading text). 4.1. Если поставить галочку, то заголовок будет показываться. Далее можно поменять английское название Contents на русское, например: «Содержание», «Оглавление». 4.2. Здесь же предлагается настроить видимость оглавления (Allow the user to toggle the visibility of the table of contents): показать оглавление (show) или скрыть (hide). Отметив галочкой пункт Hide the table of contents initially, можно скрыть оглавление изначально, то есть у читателя будет выбор: смотреть содержание записи или нет.
  5. Иерархия заголовков (Show hierarchy). Отметив галочкой этот пункт, плагин выстроит заголовки в соответствии с их рангом: H1, H2, H3 и т. д. Если не знаете, что это такое просто поставьте галочку.
  6. Нумерация заголовков (Number list items). Заголовки (приблизительно) будут иметь следующее обозначение: H1 — 1., H2 — 1.1., 1.2. и т. д., H3 — 1.2.1., 1.2.2. и т. д., H4 — 1.3.1., 1.3.2 и т. д.,. H5 — 1.4.1., 1.4.2 и т. д., H6 — 1.5.1., 1.5.2 и т. д.
  7. Прокрутка (Enable smooth scroll effect). Галочка в данном пункте позволит сделать переход к выбранному пункту оглавления плавно.
  8. Ширина оглавления (Width). Оставьте по умолчанию — ширина будет установлена автоматически по ширине контента или выберите иное значение, которое указано в пикселях (во всех записях будет одинаковая ширина независимо от ширины контента или в процентах (ширина содержания будет подстраиваться под ширину основного контента).
  9. Рамка оглавления (Wrapping). По умолчанию — нет рамки, но есть выбор: оглавление в рамке слева или справа в теле записи.
  10. Шрифт оглавления (Font size). По умолчанию установлен размер шрифта в процентах — 95%, то есть чуть меньше размера шрифта записи. Можно выбрать размер шрифта в пунктах pt (привычный размер в документах Word 12-14 pt) или сделать оглавление курсивом, выбрав тег em.
  11. Фон оглавления (Presentation). Серый — по умолчанию, далее есть выбор четырех готовых фонов или произвольный Custom. Выбирая последний и не заполняя предложенные поля # цвет фона будет выполняться в стиле темы вашего сайта.

На этом основные настройки сделаны и теперь вы знаете, как сделать содержание в вордпресс при помощи плагина Table of Contents Plus.

Сохранить настройки следует нажав голубую кнопку Update Options.

Расширенные настройки плагина

Для тех, кто хочет улучшить оглавление записей предлагаем открыть следующую вкладку Advanced — расширенные настройки.

Здесь мы воспользовались только одной опцией «Уровни заголовков» Heading levels: исключили заголовок H1 (заголовок статьи). В большинстве оптимизированных статей заголовок H2 — он же заголовок статьи, размещается после первого абзаца. Если ваши статьи имеют такую же структуру, как у нас – с заголовком H2, то его следует оставить в содержании статьи. В противном случае оно появится после следующего заголовка, например H3, то есть далеко от начала статьи.

Если вы сделали расширенные настройки не забудьте сохранить изменения Update Options (голубая кнопка).

Виджет с содержанием записи

Например, вы определили начало статьи, как место для размещения оглавления. Чтобы читатель мог ориентироваться в процессе чтения, можно поставить виджет с содержанием в боковую колонку (сайдбар) или в подвал (футер). Для этого перейдите в раздел виджеты и включите виджет TOC+.

Кроме того, есть возможность убрать содержание записи из тела поста или страницы, оставив только в виджете. Для этого поставьте галочку в пункте Show the table of contents only in the sidebar, выбрать тип контента (пост, страница) и сохранить изменения. Мы использовали эту функцию только для оглавление страниц, которое не отображается на самой странице, а только — в сайдбаре.

Настройка карты сайта (Sitemap)

Следующая вкладка Sitemap позволяет создать карту сайта — содержание сайта для читателей. К сожалению, здесь можно только включить страницы и рубрики. Для создания полноценного содержания (с заголовками записей — постов, статей) потребуется другой плагин. Мы рекомендуем  Hierarchical HTML Sitemap, об установке и настройке которого можно узнать здесь.

Однако, если добавить виджет «Текст» с шорт-кодом sitemap, то можно получить дополнительное оглавление сайта со страницами и/или рубриками к основному пункту меню (если у вас есть), как показано в видео.

Видео урок «Как сделать содержание в вордпресс» 5 мин.


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

P.S. В конце концов решили убрать нумерацию заголовков — п. 6 (Number list items). В некоторых случаях, когда заголовки содержат цифры (что сейчас очень популярно) получилось нагромождение цифр. Для сравнения можно посмотреть оба варианта: в видео с нумерацией и в этой статье без нее.

Марина Белоусова

Преподаватель-эксперт в области прикладных социально-экономических программ Центра компьютерного обучения «Специалист» при МГТУ им. Н.Э. Баумана. Директор специальных и краудфандинговых проектов Российского агентства развития информационного общества. Владелец интернет-проектов под брендом Эксперт BTL.

Поделитесь своим инсайтом

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>