Как сделать содержание статьи с якорными ссылками и плавной прокруткой в редакторе Гутенберг?

Чтобы сделать содержание статьи с якорными ссылками и плавной прокруткой в редакторе Gutenberg, можно использовать расширение Spectra. wpcourses.ru Оно добавляет множество дополнительных блоков для конструктора, в том числе «Оглавление». wpcourses.ru

Порядок действий: wpcourses.ru

1. Установить и активировать плагин Spectra. wpcourses.ru
2. Перейти в конструктор и найти новый блок «Оглавление». wpcourses.ru
3. Перетащить его в нужное место страницы. wpcourses.ru Содержание будет автоматически сформировано. wpcourses.ru
4. В настройках блока можно выбрать, какие теги необходимо включать в список, настроить скорость прокрутки и кастомизировать дизайн. wpcourses.ru

Ещё один способ добавить якорные ссылки в Gutenberg: ok2web.ru

1. Открыть редактор и выбрать раздел, который нужно использовать в качестве якорной ссылки. ok2web.ru
2. Нажать кнопку «Дополнительно» на правой боковой панели и записать название этого раздела на панели привязки HTML. ok2web.ru Это якорь назначения. ok2web.ru
3. Вернуться в редактор и создать оглавление или сводку со списком разделов, которые нужно связать. ok2web.ru Затем выделить один за другим и написать то же, что было написано на панели привязки HTML, только добавить перед ним знак #. ok2web.ru

Для включения плавной прокрутки можно использовать CSS, например, прописав для элемента html свойство scroll-behavior: smooth. www.dev-notes.ru