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

Порядок действий: 2

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

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

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

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