Меню статьи «Содержание» WordPress. Плагин Easy Table of Contents

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

Давайте рассмотрим, как на WordPress’e сделать меню статьи. Для ясности, чтобы было понятно о каком меню идет речь, приведу пример: сайт «Википедия». Думаю, многие его посещают, и стало быть, замечали с левой стороны находится блок с названием «Содержание». Так вот, нам предстоит создать подобную навигацию статьи WordPress с автоматическим ее выводом.

Плагин Easy Table of Contents и его настройка

После установки и активации модуля переходим во вкладку «Настройки-Table of Contents». Здесь находится одна страница со всеми параметрами. Вывести блок «Содержание» можно двумя способами: первый – это внутри статьи, второй – это виджет. Давайте пойдем по порядку. С настройками плагина можно поэкспериментировать и подобрать нужные варианты. Вот пример.

навигация статьи

Обратите внимание на раздел «Headings». Он отвечает за то, какие теги статьи (подзаголовки, обернутые тегами h1, h2, h3 и т.д.) учитывать, как раздел и добавлять их к списку «Содержание».

Результат.

плагин Table of Contents

Давайте теперь выведем навигацию статьи в сайдбаре сайта. Но для начала подправим один параметр в основных настройках плагина, а именно «Auto Insert». Просто уберите там все галочки, чтобы блок не выводился в статье, он у нас будет в боковой панели сайта. Переходим во вкладку «Внешний вид-Виджеты», перетаскиваем виджет «Table of Contents» на самое первое место, даем ему название и сохраняем.

Результат.

меню содержание

Easy Table of Contents

9 комментариев
  1. Отличный плагин, спасибо! Искал что-то подобное и смипатичное, не хотелось в коде ковыряться.

  2. У меня к сожалению не работает. После сохранения настроек, никакого меню с кратким содержанием не выводится.

    1. А галочку в пункте Auto insert поставили? Пробовали через виджет выводить, результат тот же? Попробуйте на другой теме, если тот же результат, то может быть разногласие в плагинах. Стоит тогда по одному отключать, чтобы найти того, кто не дружит с этим плагином.

  3. Муторно это.Хотя, не работала у меня стрелка наверх ( с темой шла), так вот, последние установленные плагины были Autoptimize и Async JavaScript. Отключил асинхронизацию и норм! Может и с этим тоже самое.

    Полажу ещё по просторам))) За совет спасибо!

    1. Максим, разбираться нужно. Посмотрите в исходном коде статьи, может блок есть, но его «кроют» какие-нибудь стили.

Оставить ответ

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