Якщо вам доводиться писати довгі інформаційні пости на сайті, то ваші читачі скажуть вам велике спасибі, якщо ви структуруєте підзаголовки контенту у вигляді таблиці на початку сторінки, як це зроблено, наприклад, Wikipedia.
Дивіться також:
На WordPress це дуже легко можна зробити за допомогою безкоштовного плагіна Зміст Детальніше. І крім того, що подібне структурування дуже зручне для навігації за контентом сторінки, воно ще й генерується у результатах пошуку завдяки структурованим посиланням.
Плагін також автоматично генерує візуальні карти сайту та індекси контенту, що ми розглянемо більш детально трохи пізніше у цій статті.
плагін Зміст Детальніше
Ви можете завантажити плагін з офіційного каталогу розширень WordPress за цим посиланням.
Якщо ви не знаєте, що таке плагіни і як їх встановлювати, перегляньте цей урок.
Після активації плагіна у вас з'явиться новий розділ меню в Консолі → Установки → ToC+
Автоматичне генерування вмісту контенту
Плагін містить різноманітність параметрів та стилів. Вимкніть авто-додавання (як показано на зображенні вище) і додайте шорткод [ток] на сторінки або записи, на яких ви хочете розмістити таблиці змісту. Якщо цього не зробити, ця функція з'явиться майже на всіх сторінках сайту автоматично.
Зверніть увагу: короткий вміст посту можна відображати лише на сторінках, які містять певну кількість заголовків.
За допомогою великого вибору функцій і налаштувань ви зможете керувати змістом та налаштовувати його дизайн на власний розсуд:
До того ж, ви можете вимкнути/приховати зміст, вибрати різні стилі, налаштувати відображення лише певних заголовків:
І навіть автоматично генерувати карти сайту, як показано нижче:
Ця функція дозволяє структурувати індекси для записів на сайті в алфавітному порядку.
Що сказати, розробники плагіна постаралися на славу і добре все продумали.
Створюємо багатосторінковий зміст контенту
Існує одна функція, яка спочатку не включена до плагіна, але її можна налаштувати вручну – це створення вмісту відразу на багатьох сторінках сайту.
Для цього потрібно встановити плагін ToC+ і разом із ним завантажаться і таблиці стилів. Тим не менш, для вмісту в цьому випадку необхідно буде ввести вручну HTML код WordPress.
<div id="toc_container" class="toc_wrap_right no_bullets %%visible%%"> <p class="toc_title">Contents</p> <ul class="toc_list"> <li><a href="/uk/Welcome"><span class="toc_number toc_depth_1">1</span> Welcome</a></li> <li><a href="/uk/estimating-costs-wordpress-amazon-aws"><span class="toc_number toc_depth_1">2</span> Estimating Costs</a></li> <li><a href="/uk/sign-up-for-amazon-web-services-aws"><span class="toc_number toc_depth_1">3</span> Sign Up for Amazon Web Services</a></li> <li><a href="/uk/installing-wordpress-digital-ocean/"><span class="toc_number toc_depth_2">3.1</span> Sign Up to Install at Digital Ocean</a></li> ... </ul> </div>
Ще один нюанс у тому, що цей код потрібно розмістити на сторінках посібника та регулярно оновлювати при внесенні змін до керівництва або при його додаванні.
Щоб не додавати код вручну на всіх сторінках, можна використовувати плагін Шорткодер, який автоматично розмістить шорткод [sc:my_toc] на кожній сторінці. Потім оновіть сайт, і внесений код автоматично спрацює на всіх вказаних сторінках.
Коментарі до запису: 6
Дякую, дуже потрібна штука.)
Дякую, якраз шукав
Дякую за статтю. А як відключити TOC у мобільній версії сайту?
У вас у блозі, на початку статті виводиться блок з назвою Дивіться також. Це плагін? Якщо так як називається.
Добридень! Ні, це не плагін, це звичайна html врізка у тексті статті.
Вогонь, дякую