Содержание — это блок с навигационными ссылками по статье. Чтобы его сверстать, необходимо расставить по материалу «якоря», специальные элементы, обозначающие нужную часть.
В этой заметке мы рассмотрим общий подход к верстке содержаний в редакторах, которые сделаны на основе бесплатного TinyMCE. Вы сразу его узнаете по скриншотам.
Найдите на панели инструментов кнопку под названием «Якорь». Обычно это флажок. Якорь — это невидимый элемент, который вставляется в нужную часть статьи со своим именем. Обычно якоря ставят перед подзаголовком, который открывает смысловую секцию материала.
При создании якоря админка попросит указать его имя. Используйте уникальный набор символов, например: p1, p2, p3 и так далее. Цифра обозначает порядковый номер якоря в повествовании.
Когда мы расставили якоря по материалу, возвращаемся в начало и создаем нумерованный список. Идеальное содержание содержит 5–7 элементов, чтобы было удобно читателю. Каждый пункт 1–2 слова, по возможности — ключевых.
Выбираем первый пункт нашего списка и используем инструмент ссылка. По умолчанию Ctrl+K, либо клик по соответствующей кнопке.
Далее выбираем тип «Ссылка на якорь» и указываем имя p1.
Сохраняем статью и проверяем, что всё работает корректно.
