Как сделать кликабельное содержание в статье

Что это такое

Кликабельное содержание — это список последовательно освещаемых далее в статье тем, при клике по которым читатель «переносится» к соответствующей части текста. Выглядит такое содержание следующим образом:

Кликабельное содержание
Кликабельное содержание

Обратите внимание — на скрине текст пунктов синий, а не черный — так ВК «обозначает» кликабельность текста.

А после клика по пункту получаем вот что:

Как сделать кликабельное содержание в статье, image #2

Как сделать такое содержание

Очень просто)
И начать нужно с разделения статьи на части при помощи заголовков первого (Н) и/или второго (н) уровней:

Вот как это выглядит в тексте
Вот как это выглядит в тексте

С точки зрения иерархии, заголовок первого уровня «главнее», чем подзаголовок второго (спасибо, кэп). Но каждому из них ВК присваивает свою отдельную ссылку, чем мы и воспользуемся 😎

Ctrl+C не нужен, всё копируется само
Ctrl+C не нужен, всё копируется само

В тексте поста такая ссылка, конечно, выглядит слишком длинно (особенно если не получилось сформулировать название лонга и нужный нам подзаголовок кратко и емко), например:

Так себе, да?
Так себе, да?

А вот в качестве гиперссылки внутри лонгрида — самое оно.

Поэтому:

  1. Оформляем все нужные нам в содержании заголовки-подзаголовки правильным образом.
  2. После чего в начале статьи пишем само содержание-оглавление текстом.
  3. Сохраняем статью и открываем ее в одной вкладке в режиме просмотра, а во второй вкладке — в режиме редактирования.
  4. Идем в просмотре статьи к нужному пункту, копируем ссылку на него.
  5. На вкладке с редактированием выделяем текст с названием соответствующего пункта оглавления, и «цепляем» к нему ссылку за иконку с цепочкой:
Вы же прочитали текст после выделения, да?
Вы же прочитали текст после выделения, да?
Важно: редактор статей крайне гадко ведет себя в Mozilla Firefox. Я «сижу» обычно через Google Chrome, но корректнее всего, судя по отзывам, редактор статей работает в Яндекс Браузере.

6. Таким же образом проходимся по всем пунктам-подпунктам нашего содержания и получаем красоту и удобство в одном флаконе 🔥

Правда ведь легко?

Читайте Церебро Таргет и Pradi — и будет вам счастье. В Ц вы узнаете, как рекламировать сообщество, а в Pradi — как при этом его вести, чтобы ЦА захотела оставаться с вами далеко и надолго :)
1556 views·52 shares