Содержание статьи wordpress: Как создать содержание в статьи в WordPress

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

Оглавление или содержание встречается на многих сайтах. Это элемент, который обеспечивает удобство пользователей. Удобство в свою очередь положительно влияет на лояльность аудитории и поведенческие факторы, что хорошо для продвижения в поисковике, для SEO. Наличие удобного оглавления является признаком того, что сайт создаётся для людей, с заботой о читателях. В этой статье мы рассмотрим, как сделать содержание статьи в WordPress, узнаем, в каких случаях стоит прибегать к этому, какой для этого есть плагин и как им можно воспользоваться.

Оглавление

• 1 В каких случаях нужно использовать оглавление на сайте
• 2 Как на Вордпресс сделать содержание статьи
• 3 Настройки плагина оглавления

В каких случаях нужно использовать оглавление на сайте

Оглавление представляет собой небольшой блок ссылок в начале статьи. Клик по каждой из этих ссылок переводит не на другую страницу, а на ту или иную часть текущей страницы, то есть просто прокручивает её. Такое оглавление обычно переключает между разделами статьи, подзаголовками. Данный блок помогает пользователям быстро перейти к интересующему разделу, необходимость вручную прокручивать статью до нужного места отпадает. Это быстро и удобно.

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

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

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

Table of Contents Plus — это один из самых популярных плагинов для WordPress для создания содержания статьи. Мы используем его на своём сайте и оглавление, которое вы видите в начале этой статьи, создаётся именно этим способом. Данный плагин хорош тем, что является полностью бесплатным, в нём нет скрытых функций, которые доступны в платной версии — всё доступно сразу после активации. Кроме того, он полностью и качественно русифицирован и имеет интуитивно понятный интерфейс.

Начинать следует с установки плагина. Скачайте плагин оглавления и установите на свой сайт. После активации плагина, его настройки становятся доступны в отдельном разделе «Настройки», подразделе «Оглавление+». Всё управление плагином происходит именно здесь. Рассмотрим их.

Настройки плагина оглавления

• Опция «Позиция» определяет то, в каком месте страницы будет находиться блок с оглавлением. Самый лучший вариант — «Перед первым заголовком», это наиболее ожидаемое место, где пользователи хотели бы видеть оглавление. Но при необходимости можно разместить его в других местах.
• Настройка «Показывать когда» определяет то, при каком количестве заголовков в статье будет отображаться оглавление. Если заголовков будет меньше указанного здесь значения, то содержание отображаться не будет.
• В опции «Автоматически вставлять для следующих типов содержимого» можно галочками отметить типы публикаций, где оглавление будет добавляться автоматически (при соблюдении условия количества заголовков). Рекомендуется сделать так, чтобы оглавление автоматически появлялось во всех записях, поэтому галочку надо поставить на post. Но несмотря на это, оглавление можно добавлять ещё и вручную. Для этого следует использовать шорткод toc (шорткод надо добавить в квадратные скобки [ ]). Кроме этого, оглавление можно вывести с помощью виджета. Для этого в разделе «Внешний вид», подразделе «Виджеты» нужно использовать виджет, который называется «TOC+». Его можно добавить в любую область виджетов, например, в сайдбар, и он будет отображать оглавление для текущей страницы согласно заданным настройкам.
• В «Текст заголовка» можно задать то, что будет написано в самом блоке. Написать можно, например, «Оглавление». Либо этот заголовок можно вообще отключить, сняв галочку рядом с ним в » Показать заголовок сверху оглавления». Галочка на «Разрешить переключать видимость оглавления» позволяет пользователю сворачивать и разворачивать содержание в статье. Можно использовать в том случае, если оглавление получается слишком крупным и занимает много места.

• Галочка «Показать иерархию» отображает заголовки в оглавлении WordPress с учётом иерархической структуры. Рекомендуется оставить опцию включённой, так как это улучшает восприятие.
• «Нумерация элементов списка» — если оставить включенным, то напротив каждого пункта оглавления будет стоять порядковый номер.
• Если поставить галочку на «Включить эффект плавной прокрутки», то при клике на тот или иной элемент оглавления, прокрутка будет происходить не резко, а плавно, что приятно для восприятия пользователем. Однако в некоторых случаях функция может не работать, в основном это зависит от темы. Поэтому придётся поэкспериментировать с этой опцией, желательно, чтобы она работала.
• В разделе «Внешний вид» есть набор опций, которые отвечают за то, как будет выглядеть блок оглавления. Здесь можно настроить размер блока, положение на странице, размер шрифта, а также можно выбрать дизайн из готовых пресетов.

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

В большинстве случаев все настройки плагина можно остановить по умолчанию. Но при желании всегда можно изучить их детальнее и настроить плагин по своим потребностям.

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Как добавить оглавление в WordPress?

Зачем использовать оглавление в WordPress?

Добавить оглавление в WordPress с помощью плагина

1. Блоки Гутенберга.

2. Окончательные блоки

3. LuckyWP Оглавление

4. Простое содержание

5. CM Содержание

Как вручную добавить оглавление в WordPress?

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

О содержании часто забывают, и это может привести к тому, что посетителям станет скучно, и они быстро покинут веб-сайт, не найдя нужного места.

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

Зачем использовать оглавление в WordPress?

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

Если вы еще не уверены, вот 4 причины, по которым вам следует использовать оглавление:

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

Теперь, когда мы обсудили важность наличия оглавления в веб-статьях, давайте обсудим, почему и как добавить оглавление в WordPress.

Добавить оглавление в WordPress с помощью плагина

WordPress очень гибкий. Таким образом, вы можете добавлять или удалять функциональные возможности WordPress с помощью плагинов. Вот список из 5 лучших плагинов TOC, которые вы можете использовать для добавления оглавления в WordPress.

1. Блоки Гутенберга.

Первый плагин, который поможет вам добавить оглавление в WordPress, – это Gutenberg Blocks. С 200 000 активных установок это самый популярный плагин в нашем списке. Этот плагин разработан Brainstorm Force, теми же людьми, которые разработали множество лучших плагинов, таких как Schema Pro и такие темы, как Astra.

Плагин Ultimate Addons for Gutenberg поставляется с 17 готовыми к использованию блоками для Gutenberg, такими как Call to Action и Testimonials.

Чтобы загрузить блоки Гутенберга, войдите в WordPress> Плагины> Добавить> Найдите «Ultimate Addons for Gutenberg».

После активации плагина вы будете перенаправлены на страницу его конфигурации. Прокрутите вниз, пока не увидите раздел «Блоки». Вы можете деактивировать ненужные блоки или активировать их. По умолчанию все блоки активированы.

Но как добавить оглавление в WordPress с помощью плагина Ultimate Addons for Gutenberg?

Из сообщений создайте новое сообщение или выберите существующее сообщение, чтобы отредактировать его. Нажмите на Добавить блок и найдите оглавление. Затем добавьте его в свой пост.

Плагин Ultimate Addons for Gutenberg позволяет полностью настроить оглавление. От выравнивания, цвета фона, шрифтов, размеров, стиля границы, делая его сворачиваемым, и, что наиболее важно, вы можете выбрать заголовки, которые хотите использовать в оглавлении.

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

Это все, что вам нужно сделать, чтобы добавить оглавление в WordPress с помощью плагина Ultimate Addons for Gutenberg. Этот плагин полностью совместим с последней версией WordPress и большинством тем на этой платформе.

2. Окончательные блоки

Ultimate Block – следующий плагин, добавляющий оглавление в WordPress. Блоки в этом плагине специально разработаны для блоггеров и создателей контента. Это позволяет вам создавать более качественный и привлекательный контент для вашей аудитории.

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

Плагин Ultimate Block можно загрузить с официального сайта WordPress или прямо из панели управления WordPress. После того, как вы установили и активировали плагин, создайте новое сообщение или отредактируйте одно из существующих сообщений.

Добавьте новый блок и найдите оглавление. Это все, что вам нужно сделать, чтобы добавить оглавление в WordPress.

3. LuckyWP Оглавление

LuckyWP Table of Contents – еще один плагин в нашем списке. Вы можете вызвать этот плагин с помощью шорткода или блока Гутенберга. Кроме того, вы можете изменить минимальное количество заголовков, отображаемых в оглавлении, для более длинного содержания.

Оглавление LuckyWP позволяет вам настраивать ширину таблицы, плавучесть, размер шрифта заголовка, вес и т.д. Плагин LuckyWP создает оптимизированное для SEO оглавление для WordPress. Он также совместим с конструктором страниц Elementor, конструктором страниц WPBakery и Beaver Builder.

Плагин LuckyWP поддерживает RTL, он создает SEO-дружественный оглавление, может быть вставлен с помощью шорткода, блока или виджета, он полностью настраивается и т.д.

Вы можете скачать этот плагин с официального сайта WordPress или прямо со вкладки «Плагины» на панели инструментов WordPress. LuckyWP имеет более 10 000 активных установок и совместим с последней версией WordPress.

4. Простое содержание

Как вы, вероятно, можете сказать по названию, плагин Easy Table of Contents предоставляет очень простой метод добавления оглавления в WordPress. Как и другие плагины, упомянутые в нашем списке, он автоматически генерирует оглавление, получая необходимую информацию из заголовков.

Есть конфигурации, которые можно активировать или деактивировать. Кроме того, Easy Table of Contents позволяет вам выбрать позицию для TOC. Вы можете добавить его в верхнюю или нижнюю часть содержимого.

Плагин Easy Table of Contents содержит 5 готовых шаблонов, которые помогут вам начать работу. Однако они полностью настраиваются, и вы можете создать свой собственный шаблон. Easy Table of Contents поддерживает плавную прокрутку, она складывается и позволяет выбирать заголовки.

Easy Table of Contents можно загрузить с официального сайта WordPress или непосредственно из панели управления WordPress. Этот плагин имеет более 100 000 активных установок и некоторое время находится в репозитории WordPress.

5. CM Содержание

CM Table of Contents – это довольно новый плагин, имеющий всего 1000 активных установок. Тем не менее, он имеет множество функций. В CM Table of Contents есть специальная функция, которая позволяет отображать оглавление в отдельных сообщениях и страницах. Кроме того, в этом плагине можно указать собственный заголовок для созданного оглавления.

В отличие от других плагинов в нашем списке, таблица содержания CM не генерирует оглавление самостоятельно, и вам нужно установить флажок в конце содержимого, чтобы сгенерировать оглавление. Однако в премиум-версии он автоматически генерирует оглавление для вашего контента.

CM Table of Contents можно загрузить с официального сайта WordPress или прямо из вкладки Plugins на панели инструментов WordPress.

Как вручную добавить оглавление в WordPress?

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

Давайте объясним, как добавить оглавление в WordPress вручную.

Говоря простыми словами, вам нужно добавить к посту две основные вещи:

1. Создайте якорную ссылку со знаком #
2. Добавьте идентификатор к тексту, к которому должен перейти пользователь.

Как? Поясним.

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

Выберите заголовок, к которому вы хотите перейти по тексту, и нажмите «Дополнительно» на левой панели. Затем введите HTML-привязку. Якорь HTML должен быть точно таким же, как префикс. Однако без знака #.

Вот как вы вручную добавляете оглавление в WordPress.

Источник записи: https://betterstudio.com

Как создать оглавление в WordPress вручную или с помощью плагина

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

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

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

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

Как создать оглавление в WordPress вручную

Вы можете вручную добавить оглавление к своим сообщениям или страницам WordPress с помощью небольшого количества кода. Вот как может выглядеть и функционировать оглавление в интерфейсе вашего сайта WordPress:

Обратите внимание, что мы будем использовать редактор блоков Gutenberg, который является родным редактором WordPress. Если вы используете другой конструктор страниц WordPress, вам лучше использовать плагин оглавления, совместимый с этим редактором страниц.

Давайте рассмотрим процесс ручного создания оглавления.

1 . Перейдите к публикации или странице, к которой вы хотите добавить оглавление.

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

3 . Нажмите на первый блок заголовка. Появится панель инструментов.

4 . Нажмите кнопку Дополнительные параметры (значок с тремя вертикальными точками) и выберите Редактировать как HTML .

5 . Добавьте уникальное имя ID в открывающий тег заголовка. Идентификационное имя — это уникальный идентификатор, который добавляется к открывающему тегу элемента HTML. Вот как это выглядит для заголовка:

 
 Имя раздела 
 

6 . Повторите эти действия для остальных заголовков на странице (или только для тех, которые вы хотите включить в оглавление). В этой демонстрации я буду использовать идентификаторы «якорь-1», «якорь-2», «якорь-3» и «якорь-4».

7 . Вернитесь к началу страницы. Нажмите кнопку Добавить блок на верхней панели инструментов.

8 . Щелкните блок Custom HTML . Этот блок HTML позволит вам создать оглавление.

9 . Добавьте оглавление со своими ссылками для перехода. Ссылки для перехода — это особый тип гиперссылок, по которым читатели могут щелкнуть, чтобы «перейти» к различным разделам на одной и той же странице. Чтобы создать ссылки перехода для этой демонстрации, я просто заполнил атрибут href хэштегом и идентификатором заголовков, которые я написал на предыдущем шаге.

Чтобы создать оглавление, скопируйте и вставьте в блок следующий HTML-код:

.
 
 <дел> 
 
 
Оглавление
  

 
 <ол> 
 
 
Раздел 1
 

 
 
Раздел 2 
 

 
 
Раздел 3 
 

 
 
Раздел 4 
 

 
  
 
  
 

10 . Настройте названия разделов и ссылки для перехода, чтобы они ссылались на правильные разделы.

При редактировании ссылок для перехода не забывайте хэштег перед именем идентификатора.

Готово! Ваш стол готов.

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

Как создать оглавление с помощью подключаемого модуля

Создать оглавление (или оглавление) с помощью подключаемого модуля очень просто. Вы просто устанавливаете плагин ToC и настраиваете его параметры.

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

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

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

Лучшие плагины WordPress для оглавления

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

1. Фиксированное оглавление

Фиксированное оглавление — это мощный плагин WordPress с чистым кодом, который позволит легко добавить оглавление в ваш блог. Этот плагин премиум-класса может автоматически сканировать заголовки в сообщении и создавать оглавление, которое остается фиксированным при прокрутке страницы вниз.

Fixed TOC содержит более 50 анимированных эффектов, мета-боксы для каждой страницы, различные параметры настройки и многое другое. Помимо совместимости с последними браузерами и версией WordPress, этот плагин также готов к переводу, поэтому вы можете локализовать свое оглавление на любой язык, который захотите.

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

Pros

• Вы можете размещать элементы в оглавлении, что позволяет вам ссылаться на подразделы в более крупных разделах.
• Автоматически создает оглавление на основе заголовков на странице.
• Его «липкая» кнопка быстрого доступа удерживает оглавление на одном месте, когда пользователь прокручивает страницу вниз.

Минусы

• Это может быть сложно использовать с Gutenberg, собственным блочным редактором WordPress, потому что он не оптимизирован для него.
• Когда вы нажимаете кнопку-липучку, оглавление скрывает содержимое в правой части страницы (пользователи должны закрыть оглавление, чтобы снова увидеть это содержимое).

Цена : 20 долларов единовременно

2. Содержание Heroic

Содержание Heroic — это простой способ бесплатно добавить автоматически созданное оглавление на ваш сайт WordPress.

Этот плагин сканирует ваши статьи и создает оглавление, в котором перечислены заголовки вашей статьи (h2, h3, h4 и т. д.). Вы можете легко скрыть классы заголовков, которые вам не нужны. Это означает, что вам больше не нужно вручную создавать оглавление или обновлять его при изменении статьи. Кроме того, поскольку он построен в виде блока WordPress, его легко перетащить в контент Heroic ToC.

Pros

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

Минусы

• Он поставляется только с 4 стилями ToC.
• У вас не будет доступа к обширным параметрам настройки с точки зрения цвета, шрифтов и стилей границ.

Цены : Бесплатно

3. Easy Table of Contents

Easy Table of Contents идеально подходит для начинающих блоггеров и владельцев сайтов с ограниченным бюджетом.

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

Pros

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

Минусы

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

Цена : Бесплатно

4. LuckyWP Table of Contents

LuckyWP Table of Contents — еще один бесплатный плагин WordPress, который помогает создавать оглавление с помощью блока Gutenberg, виджета боковой панели или ручной вставки ( с коротким кодом).

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

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

Pros

• Широкие возможности настройки: вы можете изменить цвета, ширину, плавающее положение, толщину шрифта и размер шрифта элементов таблицы.
• ToC включает кнопку «показать/скрыть» для удобства пользователей.
• Он совместим с Gutenberg, родным редактором блоков WordPress.
• Вы можете установить минимальное количество заголовков для отображения оглавления. Если страница не соответствует этому числу, она не будет показывать оглавление.
• Вы можете настроить метки каждого раздела для облегчения сканирования.

Минусы

• Он совместим только с несколькими конструкторами страниц: Gutenberg, Elementor, Beaver Builder и WPBakery.
• Если включена опция «автоматическая вставка», она будет размещать оглавление на каждой странице, что может выглядеть странно в зависимости от страницы (например, страницы продукта).

Цены : Бесплатно

5. Ultimate Blocks

Ultimate Blocks — это мощный плагин Gutenberg, содержащий более 15 блоков. Один из этих блоков позволяет вам быстро добавить оглавление к вашим сообщениям или страницам WordPress.

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

Pros

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

Минусы

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

Цена : Бесплатно

6. Thrive Architect Содержание

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

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

Pros

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

Минусы

• Он недоступен как отдельный плагин. Вам нужно будет подписаться на Thrive Suite для доступа.

Цены : 19 долларов США в месяц (за весь Thrive Suite)

7. Многостраничный

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

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

Pros

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

Минусы

• Кодирование CSS в плагине ограничено. Вам нужно будет загрузить файл .css в папку темы, чтобы отредактировать внешний вид оглавления.

Цены : Бесплатно

8. Table of Contents Plus

Table of Contents Plus — это плагин WordPress, который позволяет создавать указатель или оглавление на длинных страницах и записях. Затем вы можете включить эти указатели на боковую панель, чтобы ваш сайт выглядел как Википедия. Это отлично подходит для сайтов с большим количеством контента и совместимо с системами управления контентом, которые организуют сайты с плотным контентом.

Pros

• Вы можете настроить положение оглавления и определить минимальное количество заголовков.
• Вы можете использовать короткие коды, чтобы исключить определенные разделы или полностью скрыть оглавление для более четкого вида.

Минусы

• Автоматическая вставка работает только с пользовательскими типами сообщений, если шорткод ранее использовался для пользовательского типа сообщений.

Цена

: Бесплатно

9. CM Содержание

С помощью этого полностью настраиваемого плагина вы можете определить оглавление по классу, тегу или идентификатору. Это также позволяет вам дополнительно настраивать оглавление с различными разделами, заголовками и позициями. В целом, CM Table of Contents позволяет вам легко оформить таблицу в соответствии с брендом и голосом вашего веб-сайта.

Pros

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

Минусы

• Пользовательский интерфейс может быть менее интуитивным.

Улучшите читательский опыт с помощью оглавления

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

Примечание редактора: этот пост был первоначально опубликован в сентябре 2020 года и обновлен для полноты картины.

Как создать оглавление в WordPress

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

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

В этом посте мы представим различные варианты создания оглавления WordPress (включая плагины, шорткоды и HTML). Затем мы расскажем о двух популярных стилях и о том, как их достичь. Давайте начнем!

Зачем мне включать оглавление на мой сайт WordPress?

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

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

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

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

Добавление оглавления с помощью плагинов

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

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

Установить плагин очень просто. Все, что вам нужно сделать, это:

1. Перейти к Плагины > Добавить новый на панели управления WordPress.
2. Загрузите файл плагина .zip (бесплатный или платный) или установите его из каталога плагинов (только бесплатные плагины).

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

Например, вот как создать оглавление после установки фиксированного оглавления:

1. Перейдите к Настройки > Фиксированное оглавление.
2. На вкладке Общие выберите, к каким типам сообщений вы хотите применить оглавление, какие уровни заголовков включить и где вы хотите разместить свое оглавление.
3. На вкладке Цвет выберите цветовую схему для своего оглавления.

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

Добавление оглавления с помощью коротких кодов

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

Шорткоды упрощают добавление оглавления к сообщениям, страницам, боковой панели и виджетам. Вот как:

1. Загрузите подключаемый модуль TOC, который использует короткие коды, или используйте подключаемый модуль без коротких кодов в сочетании с таким решением, как Shortcoder.
2. Найдите шорткоды, предлагаемые плагином, или создайте их с помощью Shortcoder.
3. Скопируйте шорткоды и вставьте их куда угодно в WordPress (например, в запись блога). Shortcoder предлагает простые шорткоды оглавления, что упрощает добавление их на ваш сайт.

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

Как создать оглавление в WordPress без плагина

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

Создание оглавления с помощью HTML  

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

Это, безусловно, самый простой ручной вариант — без излишеств и громоздкости. Конечно, вы можете сделать все возможное, если хотите, включив несколько цветов, различные стили шрифта и заголовки и многое другое. Вы ограничены только собственным творчеством и знанием HTML.

Использование шаблонов страниц архивов и ссылок для оглавления 

Оглавление не всегда нужно размещать на отдельных сообщениях и страницах. Вместо этого вы можете создать «основной» оглавление, используя шаблоны WordPress. Это предустановленные дизайны страниц, которые позволяют создавать специальные страницы для таких элементов сайта, как архивы и ссылки.

Затем эти страницы можно использовать на вашем веб-сайте в качестве «главных» оглавлений, направляя пользователей именно к тому контенту, который они ищут. Например, возьмем страницу Leaving Work Behind Archives :

Шаблоны для этих страниц обычно называются archives.php и links.php (хотя вы можете переименовать их). Некоторые темы включают эти страницы, но не все. Тем не менее, вы можете создать свой собственный с очень небольшими знаниями в области кодирования.

Содержание Типы

Стиль вашего оглавления играет огромную роль в том, насколько хорошо он улучшает UX посетителей. Имея это в виду, давайте рассмотрим два самых популярных стиля содержания WordPress.

Плавающее оглавление

Плавающее оглавление — это виджет, который остается фиксированным сбоку страницы. Его реализация состоит из двух шагов. Во-первых, вам нужно настроить оглавление WordPress и добавить его на свой сайт WordPress в качестве виджета (используя один из предыдущих методов).

Как только это будет сделано, вы можете использовать подключаемый модуль фиксированного виджета Q2W3 (или аналогичное решение), чтобы виджет оглавления «застрял» сбоку страницы. Установив этот плагин, вернитесь к Widgets вашего сайта и откройте виджет TOC. Затем установите флажок Фиксированный виджет :

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

Боковая панель содержания

Подобно плавающему оглавлению, в этом методе боковая панель отображается справа или слева от вашей веб-страницы. Однако вместо того, чтобы прокручиваться вместе с пользователем, боковая панель TOC остается в фиксированном положении (например, на WPBeginner):

Боковую панель оглавления создать очень просто. Просто добавьте виджет TOC, если это возможно, или включите шорткод в существующий виджет боковой панели. Ваше оглавление WordPress будет отображаться как фиксированный аспект боковой панели.

Настройте свой сайт с помощью WP Engine

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