Содержание — это блок с навигационными ссылками по статье. Чтобы его сверстать, необходимо расставить по материалу «якоря», специальные элементы, обозначающие нужную часть.
В этой заметке мы рассмотрим общий подход к верстке содержаний в редакторах, которые сделаны на основе бесплатного TinyMCE. Вы сразу его узнаете по скриншотам.
![](https://miliutin.ru/wp-content/uploads/2024/05/image.png)
Найдите на панели инструментов кнопку под названием «Якорь». Обычно это флажок. Якорь — это невидимый элемент, который вставляется в нужную часть статьи со своим именем. Обычно якоря ставят перед подзаголовком, который открывает смысловую секцию материала.
![](https://miliutin.ru/wp-content/uploads/2024/05/image-3.png)
При создании якоря админка попросит указать его имя. Используйте уникальный набор символов, например: p1, p2, p3 и так далее. Цифра обозначает порядковый номер якоря в повествовании.
![](https://miliutin.ru/wp-content/uploads/2024/05/image-4.png)
Когда мы расставили якоря по материалу, возвращаемся в начало и создаем нумерованный список. Идеальное содержание содержит 5–7 элементов, чтобы было удобно читателю. Каждый пункт 1–2 слова, по возможности — ключевых.
Выбираем первый пункт нашего списка и используем инструмент ссылка. По умолчанию Ctrl+K, либо клик по соответствующей кнопке.
![](https://miliutin.ru/wp-content/uploads/2024/05/image-5.png)
Далее выбираем тип «Ссылка на якорь» и указываем имя p1.
![](https://miliutin.ru/wp-content/uploads/2024/05/image-6.png)
Сохраняем статью и проверяем, что всё работает корректно.