Как сделать содержание статьи вордпресс
Как сделать содержание статьи в WordPress – 2 простых способа
Добрый день, дамы и господа!
Сегодня я решил рассказать вам о том, как сделать содержание статьи в WordPress. Реализовать это можно двумя разными способами: как вручную, так и с помощью плагина. В этом материале мы рассмотрим оба способа. Итак, начнем.
Зачем нужно содержание?
Обычно оглавление используется для улучшения поведенческих факторов на ресурсе. Иными словами, если пользователь будет видеть, что в содержании есть нужный фрагмент, который и был ему интересен, то он не покинет ваш сайт, а прочтет эту информацию, что, в свою очередь, улучшит показатели поведенческих факторов вашего проекта.
Структура заголовков статьи – очень важный аспект при написании текстов. Если вы просто оставите полотно текста без каких-либо разделений на смысловые части, то вашим пользователям будет крайне неудобно читать такой текст. Они просто не будут понимать что к чему и, скорее всего, просто не станут читать ваше произведение искусства.
Чтобы не допустить этого, вы должны разделять все тексты на смысловые части, а также рекомендуется составлять заголовок к каждой из них. Так читатели будут понимать, о чем пойдет речь в том или ином разделе ваших материалов. Вот наглядный пример оглавления одной из статей на нашем блоге.
Заголовки важны и при SEO-продвижении. Так, например, ключ, который содержится в главных заголовках (H1) и подзаголовках (H2), обязательно будет учитываться всеми известными поисковыми системами.
Если вы забудете прописать ключ в таких заголовках, сделаете их неинформативными и пустыми, то вероятнее всего ваш материал будет очень плохо индексироваться. Поэтому заголовки, подзаголовки и все, что образует структуру материала, не просто желательны, а необходимы для корректного продвижения вашего ресурса и его взаимодействия с поисковиками.
Оглавление помогает сразу видеть все эти заголовки, а значит и составные части вашего текста.
По этой причине многие вебмастера сейчас стремятся добавить на свой сайт содержание в силу того, что посетители, особенно переходящие по нецелевым запросам, могут закрыть статью, увидев что она начинается с каких-то отдаленных слов.
Пользователь может подумать, что в этом материале нет полезной информации для него конкретно. Однако содержание решает эту проблему. Оно сразу показывает ему, о чем данный материал.
Кстати говоря, среди СЕО-специалистов всех видов и мастей бытует мнение, будто содержание статей в ВордПресс помогает поисковикам лучше ранжировать материалы. Это значит, что сайт с оглавлением будет иметь некоторое преимущество перед аналогичным конкурентом. Насколько это правда судите сами, но я склонен верить этому по нескольким причинам. Дополнительные ключи в тексте – одна из них.
Содержание в статьях WP с помощью плагина
Наиболее простым и в то же время популярным способом реализации содержания в статьях WordPress является его создание с помощью плагина Table of Contents Plus. Его очень легко установить прямо из админки ВордПресс, используя каталог плагинов.
Просто перейдите в Плагины – Добавить новый, после чего введите название искомого плагина в окно поиска. Сразу после этого вы должны кликнуть по кнопке “Установить” и по завершению установки просто активировать TOC Plus. Звучит просто, не правда ли?
Как видите, при таком поисковом запросе внутри каталога на первом месте высвечивается чуть менее популярный плагин – Easy Table of Contents. Он обладает абсолютно такими же функциями, поэтому вы можете попробовать и его, при желании, конечно же.
Теперь, когда TOC Plus установлен и активирован, нам нужно понять, как им пользоваться. Переходим в настройки плагина, где видим примерно такую картину.
Плагин имеет поддержку русского языка и имеет вполне себе дружественный интерфейс. Поэтому его настройка не потребует каких-то специальных знаний. Нужно просто указать на позицию, установить минимальное количество заголовков, при котором оглавление будет показываться и решить, в каких типах содержимого оно будет.
Чуть ниже вы можете установить текст заголовка и кнопок “Скрыть”/”Показать”. Там же доступны настройки внешнего вида, плавной прокрутки и расширенных параметров.
С помощью последних вы легко и непринужденно сможете установить стоп-слова (заголовки с оглавлением этих слов не будут показаны), параметры вложенности (H1 – H6), префиксы для якорей и многое другое.
Среди прочего в расширенных параметрах есть опция, которая отвечает за наличие в оглавлении только строчных букв. Комбинируя эту настройку с определенным шаблоном внешнего вида, вы сможете добиться, чтобы оно выглядело по-настоящему красиво на вашем ресурсе. Я думаю, что нет нужды рассказывать о настройке TOC подробнее. Благодаря русскоязычному интерфейсу вы легко осилите это и сами.
С помощью этого плагина можно легко создать оглавление материалов в автоматическом режиме. Даже подстроить некоторые весьма важные параметры, что позволит сделать его интерактивным и полезным для читателей вашего сайта.
Как я уже говорил, создание содержания возможно не только с помощью TOC Plus. В каталоге представлено большое количество разных вариантов, с помощью которых можно это сделать.
Тот же Easy Table of Contents тоже пользуется популярностью у сообщества вебмастеров. И хоть активных установок там пока не так много, можно с уверенностью сказать, что данный плагин почти ничем не уступает Table of Contents Plus.
Но я бы все равно рекомендовал вам остановиться именно на этом расширении, т. к., кроме поддержки русского языка, оно имеет отличные возможности для тщательной и грамотной настройки оглавления для вашего сайта на ВП.
Установка вручную
Вы также можете сделать содержание вручную, используя для этих целей только HTML. В принципе, это не так уж и сложно, нужно лишь слегка попотеть и вручную добавить якоря к каждому заголовку в вашем тексте. Когда статей не так много, это не страшно, но когда их сотни и тысячи… Тут-то и могут возникнуть проблемы. Решать все равно вам, я же просто расскажу вам об этом способе более подробно.
Перед каждым заголовком в вашей статье, вы должны добавить якорь, который имеет следующий вид.
После этого, в произвольном месте вашего материала вы должны разместить такой код:
Теперь в нужном месте вашего материала будет выводиться оглавление. С его помощью читатели легко смогут ориентироваться в материалах вашего сайта. При желании вы можете изменить внешний вид созданного содержания, используя для этих целей CSS.
Обратите внимание, что хоть данный способ и лишает вас необходимости устанавливать еще один дополнительный плагин, он все равно остается очень трудозатратным. Даже при наличии 5 заголовков в одной статье вам придется изрядно попотеть, выискивая все заголовки в коде и расставляя там якоря. Далее вам будет необходимо расставить ссылки на все эти якоря и прописать названия всех заголовков.
К большому сожалению, без должных знаний в области html и css вы не сможете хорошо настроить визуальную составляющую вашего оглавления. Вполне возможно, что оно будет выглядеть просто ужасно, просто не вписываясь в общую концепцию оформления статьи и всего ресурса в целом.
Заключение
Надеюсь, теперь вам понятно, что такое содержание статей в WordPress. Настройка и использование плагина не должны вызывать у вас каких-то затруднений. Установил, активировал и уже почти все готово.
С ручным добавлением, конечно, может быть чуть сложнее. Однако это больше трудоемкое и нудное занятие, сложным его не назовешь. Нужно лишь расставить якоря в тексте над заголовками, после чего составить список в начале страницы, сославшись на все эти якоря. По дизайну – будет не очень, если конечно, вы не разбираетесь в стилях CSS. С их помощью можно сделать действительно крутое оглавление для статей ВордПресс, не прибегая к установке сторонних плагинов.
То же возможно и при дополнительных знаниях устройства самого WordPress вместе с PHP. Можно вручную написать скрипт, который будет добавлять оглавление во все статьи лучше любого плагина.Если вы хотите создать информационный сайт и зарабатывать на нем, то я могу посоветовать вам курс Василия Блинова “Как создать блог”. На этом курсе вы рассмотрите большое количество важных и полезных аспектов создания собственного блога для заработка, научитесь оптимизировать свои статьи и выводить их в топ. Не обойдется и без темы о содержании статей. Если вам интересно, действуйте, к тому же доступ к 1-му уровню для всех свободный.
8 бесплатных плагинов для создания содержания статьи в Вордпресс
Существует много плагинов, которые выводят оглавление страницы или записи. Некоторые делают это автоматически, другие – с помощью шорткодов. В одних много настроек, а другие просты в использовании. Для вас я сделал обзор восьми лучших плагинов содержания статьи для WordPress.
Также рекомендую ознакомиться:
Перед тем как перейти к описанию плагинов содержания для Вордпресс, хочу порекомендовать быстрый и выгодный хостинг NETX . За 1,5 доллара в месяц он предлагает 15 гигабайт SSD памяти и возможность разместить 5 сайтов. Для тех, у кого большая нагрузка, можно заказать VPS от 3 долларов в месяц.
Пользуюсь этим хостингом с августа, пока не было никаких проблем. Ни разу он не падал, сайты всегда доступны. Для сравнения – шаред хостинги с аналогичными условиями обычно в 2-3 раза дороже. Поэтому всем рекомендую зарегистрироваться и переносить свои сайты на NETX .
Код или плагин?
Всех вебмастеров можно поделить на два типа: одни предпочитают прописывать коды, а вторые – использовать плагины. Содержание статьи несложно вывести путем добавления кода в файлы темы, но так ли это удобно?
Если вы не используете кастомную тему вордпресс, значит, ваш шаблон периодически обновляется. При обновлении темы загружаются новые файлы, которые устанавливаются вместо старых. Соответственно, все ваши правки с кодом теряются.
Можно, конечно, отдельно выписывать код и добавлять его после каждого обновления. Но зачем, если есть плагины? После установки свежей версии шаблона они исправно работают и нет нужды вносить правки в системные файлы.
Конечно, с помощью кода можно реализовать все свои пожелания. Но что будет, если вам придется вносить изменения? Хорошо когда вы сами умеете кодить, а если нет? Придется искать программиста или просить знакомых.
А с плагинами такая проблема отпадает – вы самостоятельно сможете все настроить. Максимум что может от вас потребоваться – знание английского языка. Да и то, большинство хороших плагинов для оглавления уже переведены на русский.
В общем, плагины – наше все 
А теперь давайте перейдем непосредственно к обзору.
Extended Table of Contents (with nextpage support)
Самый простой и незатейливый плагин. Автоматически добавляет содержание в посты, но может работать и с другими форматами записей. Не обновлялся с прошлого года, но совместим с последней версией WordPress.
Плагин применим к разным типам записей и страниц (см. скриншот). Но, как по мне, это вариант для ленивого. Лучше выбрать что-то получше.
Table of Contents Generate Easily
Это альтернатива предыдущему плагину содержания. У него есть свои интересные функции, но нет многих полезных возможностей. Вы не сможете выбрать какие заголовки показывать, а какие нет. Зато у вас на выбор две цветовые схемы и три варианта расположения плагина.
Ultimate Blocks для Гутенберга
Это даже не плагин оглавления, это набор блоков для Gutenberg. Одним из них является блок содержания. Его вы устанавливаете на странице там, где удобно.
CM Table of Contents
Большое преимущество этого плагина оглавлений – возможность стилизовать отдельные элементы. Так же он поддерживает использование шорткодов. То есть, вы можете вставить содержание в любом месте страницы.
Простой плагин содержимого WordPress, который выводит оглавление страницы с помощью шорткодов. После установки вы не сможете выбрать какие-либо опции, их нужно прописывать в каждом шорткоде. Это одновременно и достоинство, и недостаток.
Table of Contents Plus (TOC+)
Easy Table of Contents
Функциональность плагина большая, он не уступает предыдущему Table of Contents Plus. Но имеет ряд кардинальных отличий. В настройках этого плагина для содержания вы можете:
№1 Лидер: LuckyWP Table of Contents
Как и в последних двух вы можете выбрать:
После активации в каждой записи появится дополнительное окошко в правой боковой колонке:
Нажав кнопку «Настроить», вы сможете определить настройки плагина для каждой отдельной записи или страницы. Как по мне, это очень удобно. Индивидуально можно выбрать цвета, шрифты, настройки и условия отображения подзаголовков и многое другое. На данный момент это лучший плагин для содержания статьи Вордпресс.
Конечно, плагинов для отображения содержания статей много. Но рассматривать их не имеет смысла. В этой подборке я собрал лучшие в своей категории. Представленных вариантов хватит, чтобы решить необходимую задачу.
Полезные ссылки
Как создать в WordPress содержание записи или страницы
Наличие содержания (оглавления) в статье упрощает пользователям переход к разделу, который они хотят прочитать. В этой статье вы узнаете, как создать содержание в записи WordPress и на страницах без написания HTML или CSS.
Зачем добавлять содержание в посты WordPress
Возможно, вы видели оглавление на таких сайтах, как Википедия. Оглавление упрощает пользователям переход к разделу в длинных статья к определенному разделу. То есть каждая строка содержания – это внутренняя ссылка на определенный раздел статьи.
Это также SEO полезная функция, потому что Google автоматически добавляет ссылку перехода к разделу рядом с вашим сайтом в результатах поиска.
Вы можете вручную создать оглавление в WordPress, написав код HTML. Но для новичков это сложно, потому что нужно вручную создать список, добавить ссылки и атрибут идентификатора в статье. Рассмотрим более приемлемый способ.
Создание содержания в WordPress
После активации перейдите на Settings » Table of Contents (Настройки » Содержание). Отсюда можно управлять общими настройками для оглавления, такими как выбор позиции, выбор ярлыка для каждого пункта и т. д.
Можно включить или отключить автоматическую вставку содержания для каждого типа записей. Если включено, плагин автоматически добавит оглавление для любой статьи, содержащей более 4 заголовков. Вы можете изменить это количество, указав приемлемое для вашего контента.
Далее можно изменить внешний вид окна оглавления. Выберите тему, отрегулируйте ширину и высоту, задайте размер шрифта или создайте собственную цветовую схему.
После этого перейдите в раздел «Дополнительные настройки». Параметры по умолчанию будут работать для большинства веб-сайтов, но можно просмотреть эти параметры, чтобы узнать, хотите ли вы что-либо настроить.
Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить выбранные настройки.
Добавление содержания в записи и на страницы WordPress
Если вы не отключили автоматическую вставку, плагин автоматически будет добавлять оглавление в записи на основе выбранных настроек. Вы также можете управлять настройками в редакторе записи.
На экране редактирования записи вы увидите новый раздел для добавления и управления оглавлением.
После того, как статья с несколькими заголовками оформлена, нажмите Просмотреть, чтобы убедиться. что Содержание отображается правильно.
Оглавление статьи появится чуть выше первого заголовка. Теперь ваши читатели нажмут на пункт оглавления и перейдут к разделу, который их заинтересовал.
Урок 374 Как сделать автоматическое содержание статьи (оглавление) в WordPress
Привет. Где-то пару недель назад я активно начал к объемным статьям составлять содержания (оглавления). После этого в мой адрес посыпалось куча вопросов в стиле: “Как это сделать?”. Решил ответить постом. Вот как выглядит содержание статьи:
Данное оглавление имеет массу плюсов:
Необходимый код для составления содержания
Вручную создавать подобное содержание очень долгое занятие, ведь нужно:
Из-за сложностей и неудобств, я не использовал данный метод. Только в исключительных случаях. Для реализации автоматического оглавления, мне помог код, который я взял на одном классном блоге WP-Kama (скорей всего вы слышали о нем). Вот и сама статья – “Содержание больших постов“.
В статье показаны разные возможности реализации, я покажу, как использовал все это для себя.
Сначала скопируйте этот код:
Откройте файл function.php, который располагается в папке вашего шаблона и вставьте этот код в конец файла:
Стили оглавления
Дальше скопируйте этот код:
Откройте файл style.css Вашей темы и вставьте в его в конец файла:
Как использовать
Теперь просто в нужных местах во время написания статей используете заголовок 2 (h2) и заголовок 3 (h3) при необходимости:
Напомню, очень важно правильно использовать заголовки h1, h2, h3 в SEO. В итоге, прописанные заголовки h2 и h3 будут теми самими пунктами оглавления. Надеюсь, хоть это содержание заставит многих использовать заголовки в своих статьях, а то многие вообще игнорируют все это.
Уже потом выводим в нужном месте само меню. Как? Просто вставляем вот шорткод contents в редакторе статьи туда, где нужно вывести содержание.
Выглядит будет примерно так:
В результате получим то необходимое меню, в которым основные пункты – это использованные заголовки h2, а подпункты – заголовки h3:
Вывод
Вот так просто все это внедрить себе на блог. Спасибо Тимуру Камаеву за такой классный код. Если вы вдруг захотите добавить какие-то дополнительные “плюшки”, перейдите по ссылке, там есть интересные дополнения, которые могут кому-то пригодятся.
Я же очень хочу, чтобы вы использовали данный код хотя бы для того, чтобы Ваши статьи получались более структурированными и Вы “рвали” ТОП со своими классными статьями. Всего вам хорошего!