Привіт шановні читачі seoslim.ru! Якщо ви звикли писати великі і розгорнуті статті для своєї аудиторії, то буде незайвим для їх зручності зробити на самому початку структурований список всіх підзаголовків.
З особистого досвіду скажу, що бувають такі випадки, коли по заданому запиту в пошуку Яндекс і Гугл знаходиш конкретний сайт і, здавалося б, ось тут повинен бути відповідь, але перейшовши на веб-ресурс бачиш довгу онучу тексту і розумієш, що не готовий вчитуватися в кожне слово щоб знайти те через якого сюди потрапив.
Я теж намагаюся так робити на своєму блозі якщо бачу, що пости виходять об'ємні і містять більше 5-ти підзаголовків (теги h2, h3).
Тепер якщо відвідувач захоче відразу перейти до конкретного розділу йому достатньо клікнути на одне з посилань з меню-таблиці, після чого спрацює автоматичне перенаправлення.
Спосіб 1. Плагін Ви встановлюєте один з модулів (наприклад, Table of Contents Plus) формування змістів і налаштовуєте його під свої потреби.
Така таблиця може виводитися автоматично або вручну.
Спосіб 2. HTML код У цьому випадку доведеться самостійно прописувати назву підзаголовків в меню, розставляти посилання-якоря, задавати стилі для таблиці.
Ну а ті, хто люблять копатися в коді WordPress і не хочуть завантажувати сайт черговим модулем йдуть по другому шляху.
Особисто я для блогу seoslim.ru змісту в постах за звичкою виводжу кодом, а для інших проектів використовую плагін TOC +.
Як користуватися Table of Contents Plus, настройка
На сьогодні найпопулярнішим серед вебмайстрів вважається модуль Table of Contents Plus, особисто мене він привернув гнучкими настройками.
З його допомогою і будемо виводити на сайтах меню з підзаголовками як у Вікіпедії.
Насамперед треба завантажити сам плагін для чого переходимо з адміністративної панелі WordPress в розділ «Модулі» далі «Додати новий» і в пошуку вводимо назву модуля Table of Contents Plus.
Далі завантажуємо і активуємо плагін на сайті.
Тепер перейшовши в «Налаштування» вордпресс ви можете бачити новий розділ «TOC +» це і є панель з настройками створюваної структури (змісту) записів.
Залишається коротко розглянути основні настройки Table of Contents Plus.
Не лякайтеся що плагін не русифікований, в його настройках немає нічого незрозумілого, тим більше завжди можна скористатися перекладачем з браузера.
Дана опція актуальна для тих, хто хоче, щоб меню показувалося автоматично.
Show when. В якому випадку буде відображено меню. Треба вибрати якийсь повинно бути мінімально кількість підзаголовків в статті (2, 3, 4, 5, 6 і т.д.).
Опція знадобиться тим, хто вирішив виводити меню автоматично.
Тим хто хоче самостійно задавати місце розміщення меню не треба відзначати галочки, а досить в будь-якому місці статті, де планується виведення блоку вставити шорткод [toc].
В разі встановлення автоматичне розміщення меню, але в якійсь статті не потрібен цей блок, тоді вставте шорткод [no_toc].
Heading text. Дана опція відповідає за назву заголовка.
Якщо хочете, щоб за замовчуванням зміст статті було згорнути, тоді відзначаємо пункт «Hide the table of contents initially».
Show hierarchy. Опція відповідає за відображення ієрархії в блоці. Тобто якщо в статті використовуються теги h2, h3, h4 тоді зміст буде деревовидним.
Number list items. Цей пункт дозволить включити відображення нумерації в змісті, прям як у Вікіпедії.
Enable smooth scroll effect. Як перенаправляти користувача до вибраного заголовку (плавна прокрутка або швидка).
Width. Ширина блоку, тут доведеться вам поекспериментувати, так як у всіх різні шаблони.
Wrapping. Обтікання блоку текстом. Можна вибрати без обтікання, зліва чи справа.
Font size. Вказуємо розмір шрифту. Експериментуйте.
Presentation. Тут треба вибрати оформлення змісту або налаштувати власний стиль, пункт Custom.
Advanced. Додаткові настройки, які мало кому знадобляться, тому їх немає сенсу описувати.
Ще в панелі управління плагіном можна знайти вкладку Sitemap. де заодно можна вивести карту сайту, але за відгуками вона дещо не допрацьована, тому краще використовувати альтернативні плагіни для цієї мети Dagon Design Sitemap Generator.
Якщо якісь є питання про налаштування плагіна Table of Contents Plus дивіться розділ довідки «Help» там все докладно розписано.
Як зробити зміст у постах без плагіна
Я, як і багато вважаю, що на сайті має бути мінімальна кількість модулів з огляду на наступні причин.
- Модулі уповільнюють роботу сайту, створюють додаткове навантаження.
- Зловмисники заражають файли сайту вірусами, хробаками, троянами, через слабкі місця в встановлених плагинах.
Для чого в необхідному пості насамперед створюємо таблицю посилань.
«Якір» - це те місце куди буде перенаправлений відвідувач.
Далі треба в статті розставити «якоря» саме в ті місця куди вирішите перенаправляти читача.
Як бачите на скрині для першого підзаголовка я вказав такий «якір»
І розмістив його перед тегом h2 тієї частини тексту до якої він відноситься.
Теж саме робимо для всіх посилань зі змісту.
Для того щоб зміст в статті вийшло красивим і поєднувалося з шаблоном додаємо до таблиці стилі.
Як бачите нічого складного, хоч і доводиться все робити руками.
З повагою, Максим Войтик