Как создать оглавление в WordPress вручную или с помощью плагина
Вы когда-нибудь прекращали читать статью из-за того, что она была слишком длинной, вам стало скучно или вы не могли найти раздел, который действительно хотели прочитать? Этого могло бы не произойти, если бы автор добавил оглавление.
Оглавление выделяет важные разделы статьи, чтобы облегчить читателю впечатление. Читатель может перейти к разделу, наиболее важному для его вопроса. Или они могут прочитать всю статью – именно в том порядке, в котором они хотят, а не в том виде, в котором автор выложил ее на странице.
Оглавление может помочь роботам поисковых систем, а также людям. Четко помечая названия важных разделов статьи, боты могут понять, о чем статья, и отображать расширенные фрагменты в результатах поиска.
Теперь, когда мы обсудили преимущества добавления оглавления на ваш сайт WordPress, давайте посмотрим, как это сделать. Сначала мы кратко рассмотрим, как вручную добавить оглавление. Затем мы рассмотрим, как это можно сделать автоматически с помощью плагинов WordPress.
Как создать оглавление в WordPress вручную
Вы можете вручную добавить оглавление к своим сообщениям или страницам WordPress с небольшим количеством кода. Давайте рассмотрим процесс ниже.
Сначала перейдите к сообщению или странице, к которой вы хотите добавить оглавление. Щелкните первый блок заголовка. Затем нажмите кнопку «Дополнительные параметры» на панели инструментов и выберите «Редактировать как HTML».
Добавьте уникальное имя ID к открывающему тегу заголовка. Для этой демонстрации я буду использовать имена идентификаторов «якорь-1», «Якорь-2», «Якорь-3» и «Якорь-4».
Повторите эти действия для остальных заголовков на странице (или только для тех, которые вы хотите включить в оглавление).
Затем нажмите кнопку «Добавить блок» на верхней панели инструментов.
Затем щелкните блок Custom HTML.
Скопируйте и вставьте в блок следующий HTML-код:
<div class="toc">
<p>Table of contents</p>
<ol>
<li><a href="#anchor-1">Section 1</a></li>
<li><a href="#anchor-2">Section 2 </a></li>
<li><a href="#anchor-3">Section 3 </a></li>
<li><a href="#anchor-4">Section 4 </a></li>
</ol>
</div>
Это создаст упорядоченный список ссылок перехода. Ссылки перехода – это особый тип гиперссылки, по которой читатели могут щелкнуть, чтобы «перейти» к разным разделам на одной странице. Чтобы создать ссылки перехода для этой демонстрации, я просто заполнил атрибут href хэштегом и идентификатором заголовков, которые я написал на предыдущем шаге.
Вот как это оглавление будет выглядеть и работать в интерфейсе моего сайта WordPress:
Хотя этот процесс занимает всего несколько шагов, он требует некоторых знаний HTML и CSS. Если вы не знакомы с кодированием или не знакомы с ним, вы можете использовать плагин для добавления ToC к своим сообщениям и страницам WordPress. Ниже мы рассмотрим лучшие плагины для оглавления, которые не требуют кодирования.
Как создать оглавление с помощью плагина
Создать оглавление с помощью плагина очень просто. Вы просто устанавливаете плагин ToC и настраиваете его параметры.
Вы начнете с общих настроек. Большинство плагинов позволят вам выбрать, какой тип контента следует поддерживать, и хотите ли вы, чтобы оглавление автоматически вставлялось в каждое сообщение, страницу и другой поддерживаемый тип контента, или вы хотите выбрать пост-за- почтовая основа.
Тогда у вас будет несколько вариантов дизайна. Насколько широким должен быть стол? Какой размер шрифта? Это всего лишь несколько параметров, которые, вероятно, будут включены в настройки плагина.
Давайте взглянем на некоторые из лучших плагинов ToC на рынке. Вы можете ознакомиться с документацией к любому плагину, который вы выберете, чтобы получить более подробные инструкции по его использованию.
Лучшие плагины для содержания WordPress
Ниже представлен ряд бесплатных и премиальных плагинов, которые вы можете использовать для добавления оглавлений на свой сайт WordPress, независимо от вашего бюджета.
1 Исправлено оглавление.
Fixed TOC – это мощный плагин WordPress с аккуратным кодом, который упростит добавление оглавления в ваш блог. Этот премиум-плагин может автоматически сканировать заголовки во всем сообщении и создавать оглавление, которое фиксируется на отображении страницы.
Фиксированное оглавление включает более 50 анимационных эффектов, отличное мета-поле для каждой страницы, различные параметры настройки и многое другое. Помимо совместимости с последними браузерами и версией WordPress, этот плагин также готов к переводу, поэтому вы можете локализовать свое оглавление на любой язык, какой захотите.
Используя этот плагин, вы можете быть уверены, что ваши читатели найдут нужный им контент быстро и легко.
2 Героическое содержание
Heroic Table of Contents – это простой способ бесплатно добавить автоматически сгенерированное оглавление на ваш сайт WordPress.
Этот плагин сканирует ваши статьи и создает оглавление, в котором перечислены заголовки ваших статей (h1, h2, h3 и т.д. ). Вы можете легко скрыть классы заголовков, которые вам не нужны. Это означает, что больше не нужно вручную создавать ToC или обновлять его при изменении статьи. Кроме того, поскольку он построен как блок WordPress, легко перетащить Heroic ToC в свой контент.
3 Простое содержание
Easy Table of Contents идеально подходит для начинающих блогеров и владельцев сайтов с ограниченным бюджетом.
Этот бесплатный плагин автоматически генерирует оглавление для ваших сообщений, страниц и настраиваемых типов сообщений путем анализа содержимого на наличие заголовков. Вы можете выбрать, где и когда вставлять оглавление в свои статьи. Вы также получаете несколько опций для настройки оглавления и управления его отображением, включая плавное управление и несколько форматов счетчиков. Вы даже можете скрыть оглавление для определенных сообщений.
4 CM Содержание
CM Table of Contents – еще один бесплатный плагин WordPress, который помогает создавать оглавление на основе тега HTML-элемента, имени класса или идентификатора.
Все, что вам нужно сделать, это заполнить эту информацию на странице настроек плагина. Хотя для этого потребуется назвать или распознать тег HTML-элемента, это позволит вам создать многоуровневую таблицу содержания, состоящую не только из заголовков, но и из любого элемента, который вы хотите. Хотите включить изображение в свой ToC? Нет проблем! Просто добавьте его тег, имя класса или идентификатор в настройки, и все готово.
Затем вы можете разместить этот ToC в любом месте сообщения или страницы с помощью шорткода.
5 Окончательные блоки
Ultimate Blocks – это мощный плагин Gutenberg, который имеет более 15 блоков. Один из них позволяет мгновенно добавлять оглавление к вашим записям или страницам WordPress.
С этим блоком не нужно настраивать дополнительные параметры. Просто вставьте блок «Table Of Contents», и он автоматически сгенерирует ToC из ваших заголовков.
6 Архитектор процветания
Thrive Architect – это многофункциональный инструмент, такой как Ultimate Blocks. Он предлагает множество функций для расширения вашего сайта WordPress, включая возможность автоматического создания оглавления.
С помощью элемента Thrive Table of Content вы можете выбрать, какие заголовки вы хотите сгенерировать в оглавлении, чтобы каждый раз, когда появляется конкретный заголовок, оглавление генерируется автоматически. Вы также можете выбрать шаблон для своего ToC и настроить его, выбрав его макет, цвет, типографику, границу, тень и многое другое.
Улучшение читательского опыта
Вы можете добавить оглавление к своим сообщениям и страницам WordPress, следуя пошаговому руководству или используя любой из вышеперечисленных плагинов, чтобы вашим читателям было легче перемещаться по вашему контенту и читать именно то, что они хотят.
Источник записи: https://blog.hubspot.com