Блог
Анны Фёдоровой Как зарабатывать в интернете и на своём блоге?

Как сделать содержание в статье блога – все способы!

2016.11.10
Автор:

Здравствуйте дорогие друзья! Сегодня я расскажу о том, как сделать содержание (оглавление) в статье блога на WordPress. Посмотреть, что это такое и как работает, можете в этом посте прямо под этими строками.

Из этой статьи вы узнаете:

  • Для чего нужно содержание на сайте
  • Как сделать содержание в статье блога с помощью кода?
  • Как создать оглавление (содержание) в статье плагином

  • Для чего нужно содержание на сайте

    В первую очередь конечно это делается для удобства пользователей, ведь содержание сайта – это как оглавление в книге, благодаря ему посетитель быстро сориентируется на блоге и выберет интересующие для себя пункты. У него перед глазами план.

    Особенно такая навигация (меню) оказывается полезной, когда есть огромная статья, на которой сложно найти нужную информацию.

    Содержание в статье улучшает юзабилити, а так же поведенческие факторы блога, которые в свою очередь играют важнейшую роль в продвижении ресурсов. В общем, полезная штука и уже многие используют её у себя на сайтах.

    Как сделать содержание в статье блога с помощью кода?

    Всё очень просто. Для начала вам нужен вот этот код:

    Его нужно скопировать и вставить в статью в текстовом редакторе админки wordpress в режиме «Текст».

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

    Например, у меня первый подзаголовок «Для чего нужно содержание на сайте», соответственно первая строчка кода будет выглядеть так:

    Итак, с этим разобрались. Мы с вами сейчас сделали только каркас (основу оглавления вначале поста), теперь нам нужно сделать эти пункты активными, т.е. чтобы при нажатии на содержание нас перекидывало на нужные разделы в статье. Для этого там же в режиме «Текст» ищем наш подзаголовок (который у нас находится в тексте), и заключаем каждый из них в эти теги:

    Проделываем это со всеми нужными нам подзаголовками. Т.е. мы присоединяем эти теги к заголовкам к примеру h2, тем самым активизируя ссылки в оглавлении.

    В данном случае a1 который присвоен к первому пункту — это так называемый якорь, благодаря которому, нажимая на ссылку, мы оказываемся на нужном пункте. a2 присваивается ко второму, а 3 к третьему подзаголовку и т.д.

    Внимание! Не забывайте все эти коды вставлять в режиме html (текст) в редакторе, далее сразу публикуйте и не в коем  случае не нажимайте вкладку «визуально».

    Как создать оглавление (содержание) в статье плагином

    Если же вы «не дружите» с Html, то плагины вам в помощь – они сделают всё за вас. Например плагин Simple Tos. С помощью него вы сделаете автоматическое содержание в статье. Выглядеть это будет так:

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

    После установки и активации, в редакторе WordPress появится кнопка Simple TOC.

    Как создать оглавление в статье плагином

    Написали пост, в котором у вас есть подзаголовки h2 или h3, поставили курсор мыши в то место, где хотите чтобы отображалось оглавление и нажимаете эту кнопку.

    Потом в появившемся окошке выбираете Auto TOC heading, вписываете нужный тег, например h2 и жмёте Insert (Вставить). Вот и всё! Теперь плагин автоматически все заголовки h2 соберёт и выведет их в содержании статьи. Посетитель нажмёт на нужный заголовок и попадёт в нужное место.

    Таким образом, если вы внимательно читали статью, то у вас непременно получилось сделать содержание в статье.

    С уважением, Анна Фёдорова.

     


    Комментариев: 10

    1. Андрей Косолапов

      Анна, приветствую! А я пользуюсь плагином, правда редко. Потому как не люблю длинных статей. ;)

      Ответить
      1. Анна Фёдорова

        Здравствуйте Андрей. Кому-то и вправду использовать содержание в постах нет необходимости, но к примеру сайтам медицинской тематики или ресурсам по дизайну интерьера это первая необходимость.

        Ответить
    2. Александр

      Хорошие способы. Я как раз думаю над этим. Наверное для начала плагин поставлю. :P

      Ответить
    3. Саша Богданова

      Привет всем!)

      Я вот только недавно сделала у себя содержание к статьям, всё руки не доходили... Использую плагин Table of Contents Plus, как мне кажется один из самых удобных. Настройки простые и полезные — т.е. можно настроить кол-во заголовков, при котором будет выводиться содержание, я установила 3. Расположение тоже можно настроить... Один раз сделал и дальше всё автоматом.

      Вы, Анна, пробовали такой плагин?

      Ответить
      1. Анна Фёдорова

        Привет Саша, нет этот плагин не испытывала ещё, спасибо за информацию.

        Ответить
        1. Саша Богданова

          Очень советую испытать ;) реально хорошая штука! Если что могу по настройкам подсказать)

          Ответить
    4. Александр

      Спасибо за полезную и интересную информацию!

      Ответить
    5. Александр

      Анна, спасибо за статью. Я вот тоже задумался над тем, чтобы делать содержание в статьях. :)

      Ответить
    6. Виктор

      Статья интересная, пробовал по ней сделать, получилось. Но! Не могу без визуального редактора, а при переходе на него все рассыпается. Многие мастера совсем отключают визуальный редактор. но мне удобно и с ним. Пришлось переделать этот код немного на другой и работает в обоих режимах.

      Ответить
      1. Анна Фёдорова

        Да, это минус кодов, поэтому многие предпочитают использовать плагины, там такой проблемы нет. Мне тоже с визуальным редактором удобнее. Интересно как вы так код переделали, что работает и в режиме редактор и в режиме текст?!

        Ответить

    Оставить комментарий: