Чтобы дать наиболее полное и точное ответ на запрос пользователя, порой необходимо создавать длинные и структурированные тексты. Наличие оглавления значительно упрощает пользователям задачу по поиску нужной информации. В платформе WordPress кликабельное содержание, которое перенаправляет читателя к нужной части статьи, можно сформировать как вручную, так и автоматически с помощью различных плагинов и кодов.
Если вы решили создать оглавление вручную, начните с написания списка заголовков, которые вы хотите включить. Вы можете использовать HTML-теги, такие как <h2>, <h3> и так далее, чтобы структурировать свои разделы. После этого добавьте ссылки на соответствующие элементы с помощью <a href="#идентификатор">, где «идентификатор» — это значение атрибута id вашего заголовка.
Для автоматического создания оглавления рекомендуем использовать плагины, такие как Easy Table of Contents, Table of Contents Plus или Lucky WP Table of Contents. Эти плагины позволяют создавать оглавления одним кликом и настраивать их внешний вид в зависимости от ваших предпочтений.
Имейте в виду, что оптимизация оглавления также важна для SEO. Правильная структура заголовков помогает поисковым системам лучше индексировать и понимать содержание ваших статей. Убедитесь, что ваши заголовки ясны и содержат ключевые слова, чтобы повысить видимость вашего контента.
Не забывайте обновлять оглавление при добавлении новых разделов или изменении структуры статьи, чтобы читатели всегда имели доступ к актуальной информации.
Добавление содержания вручную
Если у вас есть лишь несколько текстов, для которых требуется оглавление, и вы не обладаете техническими навыками, можно обойтись ручным созданием содержания. Этот процесс довольно прост в режиме редактирования записи.
Сначала следует вручную составить содержание, оформив его в виде списка в начале текста.
Далее нужно установить ссылки (якоря) для каждого элемента созданного оглавления. Для этого выделяем отдельные пункты и нажимаем кнопку «Вставить/изменить ссылку» в редакторе, после чего вводим номера в поле “URL”.
Важно использовать символ решетки (#) для формирования номеров (ссылок). Так, каждому пункту будет присвоен уникальный номер (#1, #2, #3 и так далее).
Теперь, когда пункты оглавления стали кликабельными ссылками, следует указать, к каким конкретным частям текста они относятся. Для этого нужно переключиться в режим редактирования HTML-кода и вставить следующий код перед каждым заголовком:
Вместо [номер] необходимо указать соответствующее число для данного пункта меню и поместить этот код перед нужным заголовком в тексте (в данном случае):
Вернувшись в визуальный режим редактирования, можно увидеть небольшие якорьки слева от каждого заголовка.
Это означает, что после публикации статьи на сайте, пользователи смогут без труда перемещаться по ней, используя только что созданное содержание.
Собственное содержание будет представлено в виде обычных ссылок, такими, какими вы его создали. Если вы хотите, чтобы оглавление имело определенный стиль, его нужно поместить в контейнер с уникальным идентификатором и задать оформление в файле style.css.
Решили оформить содержание с помощью CSS? Таблица цветов окажется полезной. Обязательно сохраните ее в закладки, она не раз пригодится.
Автоматический вывод содержания при помощи плагинов
Ручное добавление оглавлений к каждой статье – это утомительное занятие. Автоматизация этого процесса становится необходимой, особенно если оглавление требуется для всех материалов на сайте. В таких случаях использование плагинов значительно упрощает жизнь, особенно если вы не разбираетесь в программировании.
Существует множество плагинов для автоматического создания содержаний в WordPress. Рассмотрим самые известные из них.
Table of Contents Plus
Table of Contents Plus (TOC+) – самый популярный и удобный плагин для автоматической генерации оглавлений. С его помощью содержание будет добавляться автоматически, вам нужно лишь определить условия его отображения. Для настройки параметров нужно перейти в настройки и выбрать «TOC+», где откроется небольшой перечень настроек (на английском языке).
Для работы с содержанием вам потребуется только первый раздел – Main Option (основные опции).
Давайте подробнее рассмотрим эти опции.
Position
устанавливает позицию оглавления на странице (before first heading – перед первым заголовком, after first heading – после первого заголовка, top – в начале статьи, bottom – в конце статьи).
Show when [количество] or more headings are present
эта опция определяет, при каком количестве заголовков в тексте показывать содержание. Это позволит избежать отображения оглавления в небольших статьях, сохранив его только для более объемных материалов.
Auto insert for the following content types
автоматически добавляет оглавление для следующих типов контента (post – запись, page – страница). Здесь возможно наличие других пунктов (например, галереи, контактные формы и т.п.) при наличии соответствующих плагинов. Если вы не хотите, чтобы содержание появлялось на всех записях или страницах автоматически, уберите галочки. В таком случае вы сможете разместить содержание в том месте, где вспомните о шорткоде
.Heading text
содержит несколько опций. В частности, название оглавления, которое следует указать в поле Contents. Опция Show title on top of the table contents отвечает за отображение заголовка содержания сверху.
Если поставить галочку рядом с «Allow the user to toggle the visibility of the table of contents», читатели смогут самостоятельно управлять видимостью оглавления. Вместо show и hide можно указать свои надписи – например, «показать» и «скрыть». В этом случае посетители смогут открывать и закрывать содержание по своему желанию. Если планируете скрыть содержание изначально, поставьте галочку на пункте Hide the table of contents initially.
Show hierarchy
позволяет отображать иерархию заголовков, сохраняя структуру при наличии заголовков различных уровней (h2, h3 и т.д.). Неактивированная опция приведет к тому, что все заголовки будут находиться на одном уровне в содержании.
Number list items
отвечает за нумерацию пунктов оглавления. Все пункты будут пронумерованы последовательно.
Enable smooth scroll effect
включает эффект плавной прокрутки к нужному пункту оглавления.
Далее располагается раздел Appearance (внешний вид). Он отвечает за оформление вашего содержания.
Width
ширина содержимого. Можно выбрать фиксированную ширину в пикселях (px) или относительную в процентах (от общей ширины страницы).
Wrapping
определяет позиционирование (слева или справа) на странице.
Font size
размер шрифта (в процентах, пунктах или дюймах).
Presentation
стиль блока. Можно выбрать один из предложенных вариантов или создать индивидуальный стиль, выбрав пункт Custom. В этом случае появится дополнительное меню, где вы сможете задать цвет фона, рамки, заголовка и ссылок. Таким образом, плагин позволяет создать оглавление, которое идеально впишется в дизайн вашего сайта.
Если предложенных настроек вам недостаточно, в данном плагине есть еще один набор параметров, доступный в разделе Advanced.
Тем не менее, ранее перечисленные настройки зачастую являются достаточными, и без необходимости лучше не изменять этот раздел.
Не забудьте нажать кнопку Update Options внизу страницы, чтобы применить изменения.
Другие плагины
У плагина TOC+ есть и менее распространенные аналоги. Например, Easy Table of Contents, который является вторым по популярности плагином для создания содержаний, предлагает схожий функционал и настройки.
Меньше известные плагины (Simple Table of Content, CM Table Of Contents и др.) часто имеют недостатки и менее удобны в использовании, чем их более популярные конкуренты.
Поэтому, если вы ищете простое решение с помощью плагина, лучше воспользоваться наиболее распространённым, чтобы не ошибиться.
Автоматический вывод содержания посредством кода
Тем, кто предпочитает избегать установки дополнительных плагинов на свой сайт, предлагается использовать скрипт для автоматического отображения содержания постов блога.
Код вместе с необходимыми инструкциями можно найти на данном сайте. К сожалению, в данный момент не существует универсального решения для вывода содержания на платформе WordPress, поэтому следует внимательно следовать каждому шагу, описанному в инструкции, чтобы избежать ошибок и проблем.
Встроенные возможности WordPress-шаблона
Современные платные шаблоны WordPress обычно включают функцию автоматического вывода содержания в записях и на страницах. К примеру, в настройках темы Reboot данная опция доступна через административную панель.
Перейдите в раздел Внешний вид – Темы – Reboot – Настроить. Затем выберите подменю Модули – Содержание, где вы сможете активировать отображение содержания как для постов, так и для страниц. Здесь же можно ограничить индексацию с помощью noindex и установить собственный заголовок.
Внешний вид блока с содержанием будет зависеть от цветовой схемы выбранного шаблона. Один из примеров оформления показан на скриншоте ниже.
Для более гибкого управления выводом содержания внутри макета доступен шорткод . Более подробные возможности шаблона Reboot описаны в отдельной обзорной статье.
Скидка на Reboot