В статьях большого объёма часто делают меню с предварительным содержанием материала, которое включает в себя заголовки основных разделов. По сути, это обычные якорь ссылки. Когда по ним совершается клик, то веб-страница с плавной прокруткой или резкой, в зависимости от реализации, прокручивается до назначенного стоп якоря.
Давайте рассмотрим, как на WordPress’e сделать меню статьи. Для ясности, чтобы было понятно о каком меню идет речь, приведу пример: сайт «Википедия». Думаю, многие его посещают, и стало быть, замечали с левой стороны находится блок с названием «Содержание». Так вот, нам предстоит создать подобную навигацию статьи WordPress с автоматическим ее выводом.
Плагин Easy Table of Contents и его настройка
После установки и активации модуля переходим во вкладку «Настройки-Table of Contents». Здесь находится одна страница со всеми параметрами. Вывести блок «Содержание» можно двумя способами: первый – это внутри статьи, второй – это виджет. Давайте пойдем по порядку. С настройками плагина можно поэкспериментировать и подобрать нужные варианты. Вот пример.
Обратите внимание на раздел «Headings». Он отвечает за то, какие теги статьи (подзаголовки, обернутые тегами h1, h2, h3 и т.д.) учитывать, как раздел и добавлять их к списку «Содержание».
Результат.
Давайте теперь выведем навигацию статьи в сайдбаре сайта. Но для начала подправим один параметр в основных настройках плагина, а именно «Auto Insert». Просто уберите там все галочки, чтобы блок не выводился в статье, он у нас будет в боковой панели сайта. Переходим во вкладку «Внешний вид-Виджеты», перетаскиваем виджет «Table of Contents» на самое первое место, даем ему название и сохраняем.
Результат.
Отличный плагин, спасибо! Искал что-то подобное и смипатичное, не хотелось в коде ковыряться.
Не за что) А плагин и правда полезный, особенно для больших текстов.
У меня к сожалению не работает. После сохранения настроек, никакого меню с кратким содержанием не выводится.
А галочку в пункте Auto insert поставили? Пробовали через виджет выводить, результат тот же? Попробуйте на другой теме, если тот же результат, то может быть разногласие в плагинах. Стоит тогда по одному отключать, чтобы найти того, кто не дружит с этим плагином.
Муторно это.Хотя, не работала у меня стрелка наверх ( с темой шла), так вот, последние установленные плагины были Autoptimize и Async JavaScript. Отключил асинхронизацию и норм! Может и с этим тоже самое.
Полажу ещё по просторам))) За совет спасибо!
А в виджетах, есть. Странно. Что у меня с чем, на блоге воюет?))) ❓
Максим, разбираться нужно. Посмотрите в исходном коде статьи, может блок есть, но его «кроют» какие-нибудь стили.
Спасибо за подробную инструкцию. Все получилось с первого раза!
Не за что)