Плагин содержание статьи в wordpress: Как создать содержание на WordPress

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

👍 Научим создавать сайты на WordPress бесплатно за 11 уроков. Подробнее →

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

Добавление содержания вручную

Если у вас небольшое количество текстов, для которых требуется содержание, и вы не разбираетесь в технических моментах, то можете остановиться на ручном добавлении оглавления. Это делается довольно просто в режиме редактирования записи.

Сперва необходимо создать оглавление вручную в виде списка в начале статьи.

Теперь зададим ссылку (якорь) для каждого пункта только что созданного оглавления. Для этого выделяем поочередно пункты, нажимаем на кнопку «Вставить/изменить ссылку» в панели редактора и задаем каждому пункту номер в поле “URL”.

Обратите внимание, что номера (ссылки) необходимо проставлять, используя знак решетки (#). Таким образом, каждому пункту присваивается свой номер (#1, #2, #3 и так далее).

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

<a name="[номер]"></a>

Вместо [номер] необходимо подставить цифру, соответствующую пункту меню, и разместить этот код перед соответствующим ему заголовком в тексте (в данном случае <h3>):

Если перейти снова в визуальный режим редактирования, то можно увидеть маленькие якорьки слева от каждого заголовка.

Это значит, что теперь после публикации статьи на сайте пользователь сможет без проблем перемещаться по ней при помощи только что созданного содержания.

При этом само содержание будет представлено в виде простых ссылок – каким вы его и создали. Если же вы захотите добавить к содержанию оформление, в этом случае необходимо поместить его в контейнер <div> c уникальным идентификатором, которому предварительно задать стиль в файле style.css.

Автоматический вывод содержания при помощи плагинов

Ручное добавление содержаний к каждой статье – утомительное занятие. Автоматизация процесса просто необходима, если оглавление требуется к каждой статье на сайте. Использование плагинов в данном случае заметно облегчит вам жизнь. Особенно, если вы не сильны в программировании.

Плагинов для автоматического создания содержания на WordPress достаточно много. Остановимся самых популярных.

Table of Contents Plus

Table of Content Plus (TOC+) – самый популярный и удобный плагин для вывода содержания статьи. С его помощью оглавление будет выводиться автоматически, вам нужно только установить, при каких условиях это будет происходить. Чтобы определить параметры вывода, нужно перейти в настройки и выбрать пункт меню «TOC+». Здесь вашему вниманию откроется небольшой перечень параметров (на английском языке).

Для настройки содержания вам понадобится только первый раздел – Main Option (основные опции).

Рассмотрим данные опции подробнее.

Position

положение оглавления на странице (before first heading – перед первым заголовком, after first heading – после первого заголовка, top – в начале статьи, bottom – в конце статьи).

Show when [количество] or more headings are present

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

Auto insert for the following content types

автоматически выводить (содержание) для следующих типов контента (post – запись, page – страница). В списке возможно наличие других пунктов (например, галереи, контактные формы и пр.) при наличии соответствующих плагинов. Если вы не хотите, чтобы во всех записях или на всех страницах автоматически появлялось содержание (при заданных условиях), то галочки нужно убрать. В таком случае содержание будет выводиться в том месте, где вы разместите шорткод

.

Heading text

содержит в себе небольшой перечень опций. Во-первых, название самого оглавление, которое нужно вписать в поле Contents. Show title on top of the table contents – показывать заголовок содержания сверху.
Ставя галочку возле “Allow the user to toggle the visibility of the table of contents”, вы позволяете читателю самому управлять видимостью содержания. Вместо show и hide вы можете указать собственные надписи – например, «показать» и «скрыть», соответственно. В таком случае посетитель на сайте сможет открывать и закрывать оглавление по собственному желанию. Если вы планируете скрыть содержание изначально, то поставьте галочку напротив пункта Hide the table of contents initially.

Show hierarchy

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

Number list items

нумерация пунктов оглавления. Каждый пункт будет пронумерован по порядку.

Enable smooth scroll effect

активировать эффект плавной прокрутки (до нужного пункта содержания).

Далее мы видим раздел настроек Appearance (внешний вид). Собственно, этот раздел и определяет внешний вид вашего содержания.

Width
ширина блока. Можно указать как фиксированную ширину в пикселях, так и относительную в процентах (от общей ширины статьи).

Wrapping
положение (слева или справа) на странице.

Font size
размер шрифта (в процентах, пунктах или дюймах).

Presentation
дизайн/стиль блока. Можно выбрать вариант из имеющихся, а можно создать свой стиль, выбрав пункт Custom – в этом случае перед вами откроется еще одно меню, где можно самостоятельно задать цвет фона, рамки, заголовка, ссылок. Таким образом, плагин дает возможность создать содержание, которое идеально впишется в любой дизайн сайта.

Если перечисленных настроек вам недостаточно, то данный плагин содержит еще один перечень настроек, скрытый в разделе Advanced.

Но вообще ранее описанных настроек на самом деле вполне достаточно, и без особой надобности этот раздел редактировать не стоит.

Для применения настроек не забудьте нажать кнопку Update Options в самом низу страницы.

Другие плагины

У плагина TOC+ существуют также менее популярные аналоги. Например, Easy Table of Contents, второй по популярности плагин для создания содержаний, имеет примерно такой же функционал, даже настройки этих плагинов практически ничем не отличаются.

Менее популярные плагины (Simple Table of Content, CM Table Of Contents и другие), к сожалению, содержат много недоработок и не так просты в использовании, как их ранее упомянутые конкуренты.

Поэтому если вы ищете простое решение в виде плагина, то можно воспользоваться самым распространенным из них, и вы не прогадаете.

Автоматический вывод содержания посредством кода

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

Код с инструкциями к нему представлен на этом сайте. Простого решения в виде кода для вывода содержания на WordPress на данный момент не существует, поэтому будьте внимательны и осторожны, выполняя описанные в инструкции шаги, чтобы не допустить ошибок.

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

Мне нравится27Не нравится3

Если Вам понравилась статья — поделитесь с друзьями

Как сделать содержание статьи в WordPress (2021)

Содержание (оглавление), добавленное в записи и на страницы WordPress-сайта, упрощает поиск нужного фрагмента в тексте. Особенно, если это такие объемные статьи, как, например, «Установка и настройка Optimole — лучшего плагина для оптимизации изображений в WordPress», «Как скрыть партнерскую ссылку плагином ThirstyAffiliates в WordPress» или «Как исправить ошибку 500 Internal Server Error в WordPress», опубликованные в блоге i.co.ua.

Далее вы узнаете о том, как сделать содержание, которое будет автоматически добавляться в записи и/или на страницы сайта на WordPress.

Как установить плагин для добавления содержания статьи в WordPress Easy Table of Contents

Easy Table of Contents — удобный для пользования и элементарный для понимания плагин, который позволяет добавлять оглавление в записи, на страницы и в пользовательские типы записей на WordPress-сайте.

Особенности Easy Table of Contents:

• автоматически генерирует содержание на основе заголовков;
• поддерживает тег <!—nextpage—>;
• поддерживает RankMath — лучший SEO-плагин в мире;
• умеет работать с классическим и блочным (Gutenberg) редактором, а также с конструкторами страниц Divi, Elementor, WPBakery Page Builder и Visual Composer;
• есть возможность выбрать, где будет отображаться оглавление: в записях, на страницах или и там, и там;
• много тонких настроек для создания идеального содержания статья и в плане юзабилити, и в плане дизайна;
• несколько типов маркеров для обозначения пунктов оглавления на выбор;
• возможность включить иерархическое отображение содержания, которое базируется на приоритете заголовков — заголовки h3 будут вложены в заголовки h2, h4 — в h3 и т. д.;
• посетитель может скрыть содержание одним кликом;
• поддержка плавной прокрутки;
• возможность добавить оглавление не в начало записи или страницы, а как виджет на боковую панель.

Easy Table of Contents — мой любимый WordPress-плагин, который с удовольствием использую в этом блоге, а также на сайте probootblack.info, который администрирую.

Установка дополнения Easy Table of Contents ничем не отличается от установки других плагинов WordPress:

1. Перейдите в Плагины > Добавить новый в панели управления WordPress.
2. Введите в поле «Поиск плагинов…» easy-table-of-contents и нажмите Enter.
3. Нажмите «Установить» в блоке с названием Easy Table of Contents (разработчик: FSteven A. Zahm).
4. Дождитесь установки плагина и нажмите «Активировать».

Easy Table of Contents: настройка плагина для добавления содержания статьи в WordPress

Сразу после установки дополнения Easy Table of Contents рекомендую выполнить его тонкую настройку. Для этого перейдите в Настройки > Содержание в админке WordPress.

Первый блок настроек плагина Easy Table of Contents — «Основные»:

• Включить поддержку. Отметьте, в какой из типов контента вы планируете добавлять оглавление.
• Автоматическая вставка. Отметьте, в какой из типов контента содержание должно быть добавлено автоматически.
• Расположение. Выберите, в какой части записи или страницы должно отображаться оглавление: перед первым заголовком, после первого заголовка, перед первым абзацем (Вверху) или после последнего абзаца (Внизу). На сайте i.co.ua выбран вариант «Перед первым заголовком (по умолчанию)».
• Показывать когда. Выберите минимальное количество подзаголовков на странице, начиная с которого автоматически добавляется оглавление. Например, если выберете значение 2, содержание будет добавлено, если на странице есть минимум два подзаголовка.
• Отображать Заголовок Оглавления. Укажите, следует ли показывать перед содержанием текст «Содержание» или «Оглавление» (можно изменить на свой).
• Заголовок Оглавления. Если поставили галочку в предыдущем пункте, напишите здесь текст, который должен отображаться перед содержанием. Например, «Содержание» или «Оглавление».
• Переключать Видимость. Если поставить галочку, в правом верхнем углу блока с содержанием появится кнопка, нажав на которую, посетитель может скрыть его.
• Начальный вид. Поставьте галочку, если хотите чтобы при загрузке страницы содержание отображалось в скрытом виде. Работает только если отмечен предыдущий пункт.
• Показывать иерархию. Отметьте галочкой, если хотите, чтобы заголовки разных уровней отображались в виде иерархического дерева.
• Нумерация. Выберите тип нумерации пунктов оглавления: десятичный (1, 2, 2.1, 2.2, 3…), числовой (1, 2, 3, 4, 5…), римские (I, II, II.I, II.II, III…), ничего (нумерация не отображается).
• Плавная прокрутка. Отметьте, чтобы после нажатия на пункт содержания, переход к соответствующему заголовку выполнялся плавно, а не резким рывком.

Следующий блок настроек плагина Easy Table of Contents — «Внешний вид»:

• Ширина. Выберите ширину блока с оглавлением в процентах или пикселях. Если хотите использовать значение, которого нет среди предложенных вариантов, выберите «Определяемая пользователем».
• Пользовательская ширина. Укажите ширину блока с оглавлением в процентах, пикселях или масштабируемой единице измерения em, если в предыдущем пункте выбрали вариант «Определяемая пользователем».
• Обтекание. Выберите, должен ли блок с содержанием быть обтекаемым текстом слева или справа, либо отключите обтекание, выбрав вариант «Нет (по умолчанию)».
• Размер шрифта заголовка. Можно установить в процентах от размера основного текста блока, пунктах, пикселях или масштабируемой единице измерения em.
• Начертание шрифта заголовка. Выберите насыщенность шрифта заголовка блока с оглавлением.
• Размер шрифта. Можно установить в процентах от размера основного шрифта текста страницы или записи, пунктах, пикселях или масштабируемой единице измерения em.
• Темы. Выберите один из предустановленных дизайнов блока с оглавлением или выберите «Выборочно», чтобы настроить дизайн самостоятельно.
• Пользовательская тема. Если в предыдущей настройке выбрано «Выборочно», здесь вы можете указать цвета для разных элементов блока с содержанием: для фона, границы («бордюра»), заголовка, ссылок (в т. ч. при наведении или после нажатия).

Последний блок настроек плагина Easy Table of Contents — «Расширенные»:

• Строчные буквы. Поставьте галочку чтобы автоматически переводить ссылки на подзаголовки в блоке с оглавлением в нижний регистр. Не работает для кириллицы.
• Использовать дефисы. Поставьте галочку чтобы использовать дефис (-) вместо подчеркивания (_) в ссылках на подзаголовки в блоке с содержанием.
• CSS. Поставьте галочку, чтобы не загружать CSS-стили, определенные в предыдущем блоке настроек.
• Заголовки. Отметьте, заголовки каких уровней использовать для формирования содержания.
• Исключить заголовки. Установите правила для исключения заголовков из оглавления. Описание правил найдете под этим полем.
• Смещение плавной прокрутки. Установите высоту верхнего смещения над заголовком при использовании плавной прокрутки. Например, если в верхней части сайта есть блок, высотой 30px, который остается видимым даже при прокрутке странице, укажите здесь 30px. Это поможет избежать перекрытия этим блоком заголовка при клике по ссылке из блока с оглавлением. Эта настройка работает только если в блоке «Основные» поставлена галочка в «Плавная прокрутка».
• Смещение плавной прокрутки на мобильном. Настройка, аналогичная предыдущей, но для мобильной версии сайта.
• Ограничить путь. Введите относительные УРЛы страниц, на которых не нужно отображать блок с содержанием. Например, относительный УРЛ этой страницы — /kak-sdelat-soderzhaniye-stati-wordpress/.
• Префикс якоря по умолчанию. Укажите префикс, который будет добавлен в ссылки из блока с оглавлением, если эти ссылки невозможно сгенерировать из подзаголовков, на которые они ведут. Если префикс не указывать, вместо него будет использоваться номер элемента содержания.
• Выбрать фиксированное положение. Укажите class или id боковой панели, чтобы добавить в нее оглавление. Если не можете определить class или id боковой панели, узнайте об этом у разработчика темы.

После настройки плагина Easy Table of Contents содержание будет автоматически добавлено в указанные типы контента и отображаться так, как вы указали в этих самых настройках.

Количество просмотров: 292

5 Плагинов для создания оглавления статей, страниц WordPress

От автора

В этой статье я собрал 5 плагинов для создания оглавления статей. В среде WordPress плагины данного типа чаще называют TOC плагины, что означает плагины table of contents. Они достаточно удобны, особенно для длинных статей и страниц.

5 плагинов для создания оглавления статей (TOC)

Я выбрал именно 5 плагинов для создания оглавления статей, чтобы показать все возможные варианты исполнения плагинов. Есть отлично настраиваемые плагины, есть плагин без настроек и с очень простыми настройками. Так же есть отличный работающий плагин, который давно не обновлялся автором.

Easy table of contents

Easy Table of Contents

Последнее авторское тестирование на версии: 4.9.7.

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

Возможности

После установки плагина он доступен для настройки. В настройках вы можете:

• Автоматическое создание оглавления для ваших сообщений, страниц и пользовательских типов сообщений путем анализа его содержимого для заголовков.
• Возможно включение страниц и/или сообщений. Пользовательские типы сообщений поддерживаются, пока их содержимое выводится с тегом шаблона the_content().
• При соответствующей настройке можно автоматически добавить оглавление на страницы сайта.
• Предоставляет множество удобных и понятных параметров настройки того, когда и где нужно вставлять оглавление.
• Существует множество опций для настройки отображения вставленной оглавления: разные темы оглавления, меняющиеся размеры шрифтов, расположение формы оглавления. Есть возможность создать свои собственные темы, выбирая собственные цвета для границы, фона и ссылки.
• Множественные форматы маркеров списка: без маркеров, десятичные, римские и другие.
• В настройках можно выбрать, отображение оглавления в древовидной иерархической структуре или без неё.
• Вы можете, отключить оглавление на выбранных рубриках.
• Плагин поддерживает плавную прокрутку, есть чек настроек.
• Выборочно включать или отключать оглавление в сообщении по почте.
• Можно отфильтровать типы заголовков (h2-h6) которые будут показаны в оглавлении.

Вывод: Плагин по настройкам очень похож, на заброшенный плагин «Table of contents plus», о котором ниже. Только настроек несколько больше и внешний вид самого оглавления более современен.

Cm table of content

CM Table Of Contents

Русского языка нет. Последнее  авторское тестирование на версии 4.9.8

Этот плагин оглавления WordPress позволяет пользователям создавать оглавление, которое может быть добавлено на любую страницу или пост вашего сайта WordPress. Плагин позволяет создать многоуровневое настраиваемое оглавление, только в платной версии.

В бесплатной версии настройки крайне ограничены и упрощены до минимума. В настройках вы можете:

• Включить показ оглавления только в статьях и страницах, исключив архивов и главную страницу сайта;
• Изменить заголовок модуля содержания;
• Задать теги, которые будут показаны в оглавлении: h2-h Задать их классы CSSи уникальные ID.
• Указать размеры заголовков в оглавлении.

Вывод: Мне не удалось запустить бесплатную версию этого плагина. Такое ощущение, что бесплатная версия создана не для ознакомления, а для обязательного обновления до платной версии. Плагин настойчиво собирает подписчиков и требует подписки. Не рекомендую.

Extended table of contents with nextpage support

Extended Table of Contents (with nextpage support)

После установки и активации этот плагин появляется отдельным пунктом в меню «Плагины».

Данный плагин автоматически создает и вставляет оглавление (table of contents — TOC) на ваши страницы и сообщения (можно выбрать)  на основе тегов h2-h6 (можно выбрать).

Всякий раз, когда плагин обнаруживает более определенного количества заголовков (по умолчанию: 3), он вставляет TOC в верхнюю часть страницы. Плагин также может обрабатывать сообщения, разделенные на страницы  тегом nextpage-wordpress.

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

Shortcode Table of Contents

Shortcode Table of Contents

Протестировано до: 4.9.7

Просто используйте короткий код для автоматического создания оглавления для любого контейнера HTML.

У этого плагина нет настроек. Больше того, очень слабая документация. Однако я опишу, как он работает. После установки и активации плагина вы можете использовать короткие коды плагина для вставки оглавления в статьи или страницы.

Просто используйте toc content=".your-container" короткий код для автоматического создания оглавления для любого контейнера HTML.

Значения your-container вы найдете в описании плагина. Например, чтобы сделать заголовок статьи с тегами h2-h6, вам нужен такой шорт код.

toc content=".entry-content"

Чтобы ограничить вывод тегов, тегами h2-h3 нужно этому коду добавить свойства:

toc content=".entry-content" headers="h3,h4"

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

Table of contents plus

Table of Contents Plus

Этот плагин очень давно не тестировался автором. Однако работает на нескольких моих сайтах, обновлённых до последней версии.  Последнее авторское тестирование на версии: 4.4.16.

Это на самом деле мощный и очень удобный плагин, который автоматически создает контекстный индекс или оглавление (TOC) для страниц и постов.

После установки и активации плагина, в консоли, появится отдельный пункт в меню «Настройки». Настроек очень много, но они просты и почти понятны. Обращу ваше внимание на несколько нюансов:

1. Во-первых, список настроек раскрывается кнопкой «Расширенные — показать»;
2. В пункте настроек под названием «Исключить заголовки» вы можете, исключит заголовки не только по тегам h2-h6но по фразам и отдельным словам. Например, я, таким образом, убираю заголовки похожие статьи, еще статьи, подписка  и т.п.
3. В оформлении 6 тем, есть смена размера шрифта, установка обтекания (слева, справа, нет), ширина блока оглавления (в %).

Вывод: Я бы, безусловно, рекомендовал этот плагин, если бы он обновлялся автором.

Общий вывод

Я показал 5 Плагинов для создания оглавления статей, страниц WordPress. Из всех плагинов данного обзора могу порекомендовать только «Easy table of contents», хотя на большинстве своих сайтов работаю с плагином «Table of contents plus». Для простых решений подойдет плагин «Extended table of contents (with nextpage support)».

©www.wordpress-abc.ru

Еще плагины

Похожие посты:

Похожее

Как добавить оглавление в WordPress?

Пользовательский опыт (UX) важен для каждого веб-сайта. Но может быть трудно охватить каждый аспект, не упустив хотя бы несколько. Одним из этих ключевых элементов UX для длинного контента является оглавление (TOC).

О содержании часто забывают, и это может привести к тому, что посетителям станет скучно, и они быстро покинут веб-сайт, не найдя нужного места.

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

Зачем использовать оглавление в WordPress?

Статья с оглавлением выглядит более профессионально, чем статья без оглавления. Таблицы содержания традиционно использовались в книжной индустрии. Но это еще не стало универсальной концепцией в онлайн-статьях.

Если вы еще не уверены, вот 4 причины, по которым вам следует использовать оглавление:

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

Теперь, когда мы обсудили важность наличия оглавления в веб-статьях, давайте обсудим, почему и как добавить оглавление в WordPress.

Добавить оглавление в WordPress с помощью плагина

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

1. Блоки Гутенберга.

Первый плагин, который поможет вам добавить оглавление в WordPress, – это Gutenberg Blocks. С 200 000 активных установок это самый популярный плагин в нашем списке. Этот плагин разработан Brainstorm Force, теми же людьми, которые разработали множество лучших плагинов, таких как Schema Pro и такие темы, как Astra.

Плагин Ultimate Addons for Gutenberg поставляется с 17 готовыми к использованию блоками для Gutenberg, такими как Call to Action и Testimonials.

Чтобы загрузить блоки Гутенберга, войдите в WordPress> Плагины> Добавить> Найдите «Ultimate Addons for Gutenberg».

После активации плагина вы будете перенаправлены на страницу его конфигурации. Прокрутите вниз, пока не увидите раздел «Блоки». Вы можете деактивировать ненужные блоки или активировать их. По умолчанию все блоки активированы.

Но как добавить оглавление в WordPress с помощью плагина Ultimate Addons for Gutenberg?

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

Плагин Ultimate Addons for Gutenberg позволяет полностью настроить оглавление. От выравнивания, цвета фона, шрифтов, размеров, стиля границы, делая его сворачиваемым, и, что наиболее важно, вы можете выбрать заголовки, которые хотите использовать в оглавлении.

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

Это все, что вам нужно сделать, чтобы добавить оглавление в WordPress с помощью плагина Ultimate Addons for Gutenberg. Этот плагин полностью совместим с последней версией WordPress и большинством тем на этой платформе.

2. Окончательные блоки

Ultimate Block – следующий плагин, добавляющий оглавление в WordPress. Блоки в этом плагине специально разработаны для блоггеров и создателей контента. Это позволяет вам создавать более качественный и привлекательный контент для вашей аудитории.

В настоящее время Ultimate Blocks имеет более 5000 активных установок и полностью совместим с последней версией WordPress. Плагин Ultimate Blocks содержит множество полезных блоков, которые сделают ваш сайт более привлекательным. Например, призыв к действию, отзыв, публикация в социальных сетях, обратный отсчет и т.д.

Плагин Ultimate Block можно загрузить с официального сайта WordPress или прямо из панели управления WordPress. После того, как вы установили и активировали плагин, создайте новое сообщение или отредактируйте одно из существующих сообщений.

Добавьте новый блок и найдите оглавление. Это все, что вам нужно сделать, чтобы добавить оглавление в WordPress.

3. LuckyWP Оглавление

LuckyWP Table of Contents – еще один плагин в нашем списке. Вы можете вызвать этот плагин с помощью шорткода или блока Гутенберга. Кроме того, вы можете изменить минимальное количество заголовков, отображаемых в оглавлении, для более длинного содержания.

Оглавление LuckyWP позволяет вам настраивать ширину таблицы, плавучесть, размер шрифта заголовка, вес и т.д. Плагин LuckyWP создает оптимизированное для SEO оглавление для WordPress. Он также совместим с конструктором страниц Elementor, конструктором страниц WPBakery и Beaver Builder.

Плагин LuckyWP поддерживает RTL, он создает SEO-дружественный оглавление, может быть вставлен с помощью шорткода, блока или виджета, он полностью настраивается и т.д.

Вы можете скачать этот плагин с официального сайта WordPress или прямо со вкладки «Плагины» на панели инструментов WordPress. LuckyWP имеет более 10 000 активных установок и совместим с последней версией WordPress.

4. Простое содержание

Как вы, вероятно, можете сказать по названию, плагин Easy Table of Contents предоставляет очень простой метод добавления оглавления в WordPress. Как и другие плагины, упомянутые в нашем списке, он автоматически генерирует оглавление, получая необходимую информацию из заголовков.

Есть конфигурации, которые можно активировать или деактивировать. Кроме того, Easy Table of Contents позволяет вам выбрать позицию для TOC. Вы можете добавить его в верхнюю или нижнюю часть содержимого.

Плагин Easy Table of Contents содержит 5 готовых шаблонов, которые помогут вам начать работу. Однако они полностью настраиваются, и вы можете создать свой собственный шаблон. Easy Table of Contents поддерживает плавную прокрутку, она складывается и позволяет выбирать заголовки.

Easy Table of Contents можно загрузить с официального сайта WordPress или непосредственно из панели управления WordPress. Этот плагин имеет более 100 000 активных установок и некоторое время находится в репозитории WordPress.

5. CM Содержание

CM Table of Contents – это довольно новый плагин, имеющий всего 1000 активных установок. Тем не менее, он имеет множество функций. В CM Table of Contents есть специальная функция, которая позволяет отображать оглавление в отдельных сообщениях и страницах. Кроме того, в этом плагине можно указать собственный заголовок для созданного оглавления.

В отличие от других плагинов в нашем списке, таблица содержания CM не генерирует оглавление самостоятельно, и вам нужно установить флажок в конце содержимого, чтобы сгенерировать оглавление. Однако в премиум-версии он автоматически генерирует оглавление для вашего контента.

CM Table of Contents можно загрузить с официального сайта WordPress или прямо из вкладки Plugins на панели инструментов WordPress.

Как вручную добавить оглавление в WordPress?

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

Давайте объясним, как добавить оглавление в WordPress вручную.

Говоря простыми словами, вам нужно добавить к посту две основные вещи:

1. Создайте якорную ссылку со знаком #
2. Добавьте идентификатор к тексту, к которому должен перейти пользователь.

Как? Поясним.

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

Выберите заголовок, к которому вы хотите перейти по тексту, и нажмите «Дополнительно» на левой панели. Затем введите HTML-привязку. Якорь HTML должен быть точно таким же, как префикс. Однако без знака #.

Вот как вы вручную добавляете оглавление в WordPress.

Источник записи: https://betterstudio.com

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

Добрый день, дамы и господа!

Сегодня я решил рассказать вам о том, как сделать содержание статьи в WordPress. Реализовать это можно двумя разными способами: как вручную, так и с помощью плагина. В этом материале мы рассмотрим оба способа. Итак, начнем.

Зачем нужно содержание?

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

Структура заголовков статьи – очень важный аспект при написании текстов. Если вы просто оставите полотно текста без каких-либо разделений на смысловые части, то вашим пользователям будет крайне неудобно читать такой текст. Они просто не будут понимать что к чему и, скорее всего, просто не станут читать ваше произведение искусства.

Чтобы не допустить этого, вы должны разделять все тексты на смысловые части, а также рекомендуется составлять заголовок к каждой из них. Так читатели будут понимать, о чем пойдет речь в том или ином разделе ваших материалов. Вот наглядный пример оглавления одной из статей на нашем блоге.

Заголовки важны и при SEO-продвижении. Так, например, ключ, который содержится в главных заголовках (h2) и подзаголовках (h3), обязательно будет учитываться всеми известными поисковыми системами.

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

Оглавление помогает сразу видеть все эти заголовки, а значит и составные части вашего текста.

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

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

Также оглавление может решить проблему долгого поиска нужного абзаца и долгой прокрутки. Вам более не придется насиловать колесико мышки, чтобы прокрутить текст на добрую тысячу слов вниз. Можно будет просто кликнуть на нужную ссылку в начале текста – и вы на месте. Достаточно удобно, не правда ли?

Кстати говоря, среди СЕО-специалистов всех видов и мастей бытует мнение, будто содержание статей в ВордПресс помогает поисковикам лучше ранжировать материалы. Это значит, что сайт с оглавлением будет иметь некоторое преимущество перед аналогичным конкурентом. Насколько это правда судите сами, но я склонен верить этому по нескольким причинам. Дополнительные ключи в тексте – одна из них.

Содержание в статьях WP с помощью плагина

Наиболее простым и в то же время популярным способом реализации содержания в статьях WordPress является его создание с помощью плагина Table of Contents Plus. Его очень легко установить прямо из админки ВордПресс, используя каталог плагинов.

Просто перейдите в Плагины – Добавить новый, после чего введите название искомого плагина в окно поиска. Сразу после этого вы должны кликнуть по кнопке “Установить” и по завершению установки просто активировать TOC Plus. Звучит просто, не правда ли?

Как видите, при таком поисковом запросе внутри каталога на первом месте высвечивается чуть менее популярный плагин – Easy Table of Contents. Он обладает абсолютно такими же функциями, поэтому вы можете попробовать и его, при желании, конечно же.

Теперь, когда TOC Plus установлен и активирован, нам нужно понять, как им пользоваться. Переходим в настройки плагина, где видим примерно такую картину.

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

Чуть ниже вы можете установить текст заголовка и кнопок “Скрыть”/”Показать”. Там же доступны настройки внешнего вида, плавной прокрутки и расширенных параметров.

С помощью последних вы легко и непринужденно сможете установить стоп-слова (заголовки с оглавлением этих слов не будут показаны), параметры вложенности (h2 – H6), префиксы для якорей и многое другое.

Среди прочего в расширенных параметрах есть опция, которая отвечает за наличие в оглавлении только строчных букв. Комбинируя эту настройку с определенным шаблоном внешнего вида, вы сможете добиться, чтобы оно выглядело по-настоящему красиво на вашем ресурсе. Я думаю, что нет нужды рассказывать о настройке TOC подробнее. Благодаря русскоязычному интерфейсу вы легко осилите это и сами.

С помощью этого плагина можно легко создать оглавление материалов в автоматическом режиме. Даже подстроить некоторые весьма важные параметры, что позволит сделать его интерактивным и полезным для читателей вашего сайта.

Как я уже говорил, создание содержания возможно не только с помощью TOC Plus. В каталоге представлено большое количество разных вариантов, с помощью которых можно это сделать.

Тот же Easy Table of Contents тоже пользуется популярностью у сообщества вебмастеров. И хоть активных установок там пока не так много, можно с уверенностью сказать, что данный плагин почти ничем не уступает Table of Contents Plus.

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

Установка вручную

Вы также можете сделать содержание вручную, используя для этих целей только HTML. В принципе, это не так уж и сложно, нужно лишь слегка попотеть и вручную добавить якоря к каждому заголовку в вашем тексте. Когда статей не так много, это не страшно, но когда их сотни и тысячи… Тут-то и могут возникнуть проблемы. Решать все равно вам, я же просто расскажу вам об этом способе более подробно.

Перед каждым заголовком в вашей статье, вы должны добавить якорь, который имеет следующий вид.

После этого, в произвольном месте вашего материала вы должны разместить такой код:

<strong>Оглавление:</strong>
<ol>
<li><a href=»#1″>Добро пожаловать в WordPress</a></li>
<li><a href=»#2″>Это ваша первая запись…</a></li>
</ol>

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

Обратите внимание, что хоть данный способ и лишает вас необходимости устанавливать еще один дополнительный плагин, он все равно остается очень трудозатратным. Даже при наличии 5 заголовков в одной статье вам придется изрядно попотеть, выискивая все заголовки в коде и расставляя там якоря. Далее вам будет необходимо расставить ссылки на все эти якоря и прописать названия всех заголовков.

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

Заключение

Надеюсь, теперь вам понятно, что такое содержание статей в WordPress. Настройка и использование плагина не должны вызывать у вас каких-то затруднений. Установил, активировал и уже почти все готово.

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

То же возможно и при дополнительных знаниях устройства самого WordPress вместе с PHP. Можно вручную написать скрипт, который будет добавлять оглавление во все статьи лучше любого плагина.Если вы хотите создать информационный сайт и зарабатывать на нем, то я могу посоветовать вам курс Василия Блинова “Как создать блог”. На этом курсе вы рассмотрите большое количество важных и полезных аспектов создания собственного блога для заработка, научитесь оптимизировать свои статьи и выводить их в топ. Не обойдется и без темы о содержании статей. Если вам интересно, действуйте, к тому же доступ к 1-му уровню для всех свободный.

Как создать в WordPress содержание записи или страницы — WordPressify

Наличие содержания (оглавления) в статье упрощает пользователям переход к разделу, который они хотят прочитать. В этой статье вы узнаете, как создать содержание в записи WordPress и на страницах без написания HTML или CSS.

Зачем добавлять содержание в посты WordPress

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

Это также SEO полезная функция, потому что Google автоматически добавляет ссылку перехода к разделу рядом с вашим сайтом в результатах поиска.

Вы можете вручную создать оглавление в WordPress, написав код HTML. Но для новичков это сложно, потому что нужно вручную создать список, добавить ссылки и атрибут идентификатора в статье. Рассмотрим более приемлемый способ.

Создание содержания в WordPress

Первое, что нужно сделать, установить и активировать бесплатный плагин Easy Table of Contents.

После активации перейдите на Settings » Table of Contents (Настройки » Содержание). Отсюда можно управлять общими настройками для оглавления, такими как выбор позиции, выбор ярлыка для каждого пункта и т. д.

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

Не рекомендуется добавлять содержание в короткие статьи!

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

Смотрите также:

Все плагины для работы с контентом в разделе Плагины WordPress.

После этого перейдите в раздел «Дополнительные настройки». Параметры по умолчанию будут работать для большинства веб-сайтов, но можно просмотреть эти параметры, чтобы узнать, хотите ли вы что-либо настроить.

Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить выбранные настройки.

Добавление содержания в записи и на страницы WordPress

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

На экране редактирования записи вы увидите новый раздел для добавления и управления оглавлением.

В этом разделе можно отключить опцию автоматической вставки оглавления в запись, если, например, статья короткая. Также можно определить, какой уровень заголовка (h2, …, H6) использовать для элементов оглавления.

Примечание. Если вы измените любой параметр в этом поле, он переопределит глобальные настройки для этой конкретной записи/страницы.

После того, как статья с несколькими заголовками оформлена, нажмите Просмотреть, чтобы убедиться. что Содержание отображается правильно.

Оглавление статьи появится чуть выше первого заголовка. Теперь ваши читатели нажмут на пункт оглавления и перейдут к разделу, который их заинтересовал.

Источник: hostenko.com/wpcafe

Понравилось это:

Нравится Загрузка…

Похожее

Как сделать содержание (меню) статьи на сайте   Блог Игоря Черноморца

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

Иногда я сам перечитывая ту статью, понимаю, как тяжело будет разобраться в ней молодому блогеру, который впервые слышит такие термины как: якорь, ссылка якорь, теги и т.п. Поэтому я начал искать другие более простые, но одновременно лучшие решения, для реализации содержания (оглавления) к статье в блоге созданном на wordpress.

Хочу вас обрадовать друзья! Такие решения я нашёл и сейчас вам их предоставлю.

Содержание статьи

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

На самом деле, существует множество способов создания меню к статье, как с помощью  плагинов, так и с помощью специальных кодов.

Сейчас я вкратце сделаю обзоры некоторых плагинов, но более подробно я расскажу о плагине Table of Contents Plus. На мой взгляд, именно благодаря этому плагину можно сделать самое простое и одновременно лучшее содержание (оглавление, навигацию) в статьях вашего сайта.

Плагин Simple TOC

Данный плагин очень лёгкий и простой в использовании. Мне он не очень понравился только из-за того, что при его использовании, меню выглядит не очень эффектно и просто. Но у каждого свой вкус, так что решайте сами.

И так, скачайте этот плагин здесь, или найдите его через поиск плагинов в админ панели.

Устанавливаем, активируем и переходим на редактирование статьи.

Здесь всё просто. В редакторе появится новая кнопка.  Так это выглядит:

Выбираете в статье то место, где желаете видеть блок содержания и жмёте на кнопку как на скриншоте. У вас появится окно с настройками:

What to insert — в выпадающем меню выбираете метод вставки блока содержания. Советую выбрать пункт по умолчанию «auto toc heading»

Auto generate heading by tag — здесь можете прописать те теги, заголовки которых вы хотите, чтобы отображались в блоке оглавления.

То есть, если вы хотите, чтобы в содержании была навигация только на заголовки с тегами h3, то так и пишите — h3. Если желаете видеть навигацию на все заголовки, то так и пишите — h3, h4, h5, h5, h6  и так далее. В принципе, если вы выбрали в первом пункте auto toc heading, то блок меню будет автоматически опознавать теги h3 и h4.

Жмёте на кнопку «insert» и в статье появится такой шорткод:

Публикуем статью и любуемся на наше меню в статье. Так это будет выглядеть:

Лично мне не очень нравится. Слишком простенько!

Плагин — Table of Contents Generator

Этот плагин аналогичный прошлому, только кнопка в редакторе будет выглядеть так:

Скачать этот плагин вы уже не сможете. Его удалили, но если вдруг где нибудь встретите,то знайте…

На мой взгляд серьёзный недостаток этого плагина это то, что у него нет настроек и поэтому, он автоматически создает упорядоченный список содержания статьи, путем сканирования заголовков всех тегов, от h2 до h6. То есть, в отличие от плагина simple toc, вы не сможете выбрать желаемые теги, для оформления меню с определёнными заголовками.

Так что мне этот плагин не подходит.

Плагин Table of Contents Plus — лучший плагин для реализации содержания в статьях

А сейчас, начинается самое интересное.

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

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

Настройки плагина Table of Contents Plus

И так, скачиваем этот плагин здесь, или находим его через поиск плагинов в админке.

После его установки и активации, переходите в «Настройки» и там находите новый раздел «TOC+»

И так, что мы видим:

* Position — В этом выпадающем меню вы должны выбрать функцию, которая определит в каком месте будет выводиться блог содержания. По умолчанию стоит «before first heading (default)», а это значит, что ваш блок будет выводиться сразу же перед первым подзаголовком. Это как раз то, что надо.

* Show when — Здесь вы должны выбрать число, которое определит количество подзаголовков в меню статьи. Лично я советую выбрать цифру 4 или 5, так как маленькое количество подзаголовков говорит о том, что статья не такая уж и длинная. А для коротких статей нет смысла делать содержание.

* Auto insert for the following content types — здесь вы решаете где будет отображаться блог содержания:

post — статья

page — страница

envira — страница с галереей (не обращайте внимание на это! У вас такого нет)

wpcf7_contact_form — страница обратной связи (выведенное с помощью плагина Contact Form 7) у вас может отличаться.

slides — слайды

Лично я выбрал, вариант, при котором содержание будет отображаться только в статьях.

* Heading text — Здесь вы должны решить, будет ли отображаться название меню. То есть, если вы поставите галочку в пункте «Show title on top of the table of contents» то под ним появится поле, в котором нужно прописать название меню. В моём случае я прописал «Содержание статьи», а вы можете его назвать по другому, например: «меню статьи» или «оглавление статьи» или «краткое содержание статьи».

Далее, если вы поставите галочку в пункте «Allow the user to toggle the visibility of the table of contents«, то под ним появятся два поля:

Show text — показать содержание

Hide text — скрыть содержание

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

Hide the table of contents initially — Если вы здесь поставите галочку, то ваше меню изначально будет скрыто. Как вы видите, я галочку не поставил, так как хочу, чтобы оно всегда было показано. Кто захочет, тот сам его закроет.

* Show hierarchy — Показывать иерархию в меню (древовидное оглавление)

* Number list items — Количество элементов списка. То есть, перед каждым пунктом в меню будет отображаться его номер. Это значит, что первый заголовок в статье станет номером 1, второй заголовок станет номером 2, а первый подзаголовок второго заголовка станет номером 2.1. Надеюсь, что понятно объяснил.

* Enable smooth scroll effect — Включить плавный эффект прокрутки до желаемого заголовка. На самом деле этот эффект не очень уж и эффективный Но вы можете поиграться с ним и определиться, нужен ли он вам, или нет.

* Appearance — Здесь вы можете определить место положение и размеры блока оглавления.

Width — Ширина блока. Советую вам выбрать как у меня «Auto(default)». В этом случае ваш блог будет оптимизирован под все мобильные устройства.

Wrapping — Здесь вы можете определить, будет ли ваш блок находиться слева или справа на странице. Если выбрать None(default) , то блок будет находиться по умолчанию слева, как у меня сейчас.

Font size — Размер шрифта. Лично я выбрал 95%. Советую вам тоже выбрать от 90% до 100%, так как именно этот процент оптимизирован для мобильных устройств.

* Presentation — Презентация. То есть, какой будет стиль блока содержания. Выберите тот, который больше всего подойдёт вашему дизайну сайта. Также можете создать свой уникальный стиль.

Advanced (show) — Дополнительные настройки. Нажимаем на слово «show» в скобках и видим это:

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

Единственный раздел, на который я хочу обратить ваше внимание, это:

Heading levels — Здесь вы должны поставить галочки в тех уровнях заголовков, которых хотите видеть в содержании вашего меню. Как вы можете видеть у меня обозначены заголовки уровней — h2, h3, h4. Это значит, что если в статье будут заголовки с тегами h5, h5, h6, то в содержание они не попадут.

После всех настроек, не забываем сохранить изменения и нажать на «Update option»

И ещё…

Если обратите внимание, то в самом верху есть возможность настроить карту сайта «Sitemap». Но в ней есть один недостаток! На странице с картой она не выводит все статьи, а только страницы и рубрики. Поэтому я решил довольствоваться картой сайта, ранее сгенерированным плагином Dagon Design Sitemap Generator.

Как не выводить автоматически содержание статей плагином 

Table of Contents Plus

Как я уже писал, при активировании плагина и сохранении всех настроек, в каждой статье появится блок с меню, в зависимости от ваших настроек.

Если вы не хотите устанавливать блок с оглавлением на определённой статье, то вам обязательно нужно прописать внутри этого поста специальный шорткод, как показано на этом скриншоте:

Вы спросите: «Почему я предоставил вам скриншот с шорткодом, а не написал его просто в статье?» Дело в том, что если бы я написал этот код в статье, то моё меню пропало бы

Некоторые недочёты плагина Table of Contents Plus

Как жаль, что я нашёл некоторые непредвиденные моменты при использовании этого замечательного плагина Table of Contents Plus. 

Дело в том, плагин автоматически сканирует все заголовки, в зависимости от наших настроек. То есть, если вы выбрали в дополнительных настройках заголовки h3 и h4, то плагин отобразит в содержании статьи все заголовки, существующие на странице, а не только из статьи. Поэтому, если под статьями блога у вас выведены дополнительные заголовки с тегами h3, h4,  то они тоже появятся в содержании. В таком случае, вам нужно будет лесть в код и менять теги.

Обратите внимание на то, что в моём блоке отображается заголовок «Почитать другие похожие статьи». Он выводится из-за плагина WordPress Related Posts. Как раз об этом я и говорю. Но лесть в код плагина я не собираюсь, поэтому пусть будет так, как есть.

Вот и всё!

На мой взгляд, этот плагин заслуживает самых высших похвал и он отлично справился с созданием красивого и качественного содержания (навигации, меню) статей на сайте.

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

Этот раздел посвящается противникам плагинов

Я уже предвижу такие комментарии, типа:

1) Плагины грузят сайт

2) Плагины тормозят блог

3) Плагины опасны из-за взломов хакеров

И т.д и т.п.

Так что ребята, это информация именно для вас!

На просторах интернета я нашёл на мой взгляд лучшее решение создания красивого содержания статей без плагина. И это можно сделать благодаря разработанному скрипту гениального веб мастера Тимура, автора замечательного блога wp-kama.ru

Его скриптом уже пользуется такой популярный блогер как Пётр Александров, автор блога wpnew.ru, а это о чём-то говорит.

Так что, добро пожаловать на статью Тимура, в которой он очень подробно объясняет каждое значение кодов в этом скрипте. Любители ковыряться в кодах получать огромное наслаждение от его статьи

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

На этом я с вами прощаюсь и желаю удачи. Пока-пока.

С уважением, Игорь Черноморец

.

Как создать оглавление в сообщениях и страницах WordPress

Вы когда-нибудь хотели добавить оглавление, подобное Википедии, в некоторые из ваших длинных статей? Оглавление облегчает пользователям переход к разделу, который они хотят прочитать. В этой статье мы покажем вам, как создать оглавление в записях и на страницах WordPress без написания HTML или CSS.

Зачем добавлять оглавление в сообщения WordPress?

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

Это также помогает с SEO в WordPress, потому что Google автоматически добавляет ссылку перехода к разделу рядом с вашим сайтом в результатах поиска.

Вы можете вручную создать оглавление в WordPress, написав HTML-код. Однако для новичков это сложно, потому что вам нужно вручную создать список, добавить ссылки и добавить атрибут ID на протяжении всей статьи.

Но есть простой способ. Давайте посмотрим, как легко создать оглавление в записях и на страницах WordPress.

Видеоурок

Подписаться на WPBeginner

Если вы не хотите смотреть видеоурок, вы можете продолжить чтение текстовой версии ниже:

Создание оглавления в WordPress

Первое, что вам нужно сделать, это установить и активировать плагин Easy Table of Contents.Для получения дополнительной информации см. Наше пошаговое руководство по установке плагина WordPress.

После активации вам необходимо перейти на страницу Настройки »Содержание . Отсюда вы можете управлять общими настройками для оглавления, такими как выбор позиции, выбор метки для контейнера и т. Д.

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

Как правило, мы не рекомендуем добавлять оглавление к каждой статье, если только все ваши статьи не очень длинные.

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

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

Не забудьте нажать кнопку Сохранить изменения , чтобы сохранить эти настройки.

Добавление содержания в сообщения или страницы WordPress

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

На экране редактирования сообщения вы заметите новый раздел для добавления и управления оглавлением вашего сообщения.

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

Примечание: Если вы измените какой-либо параметр в этом поле, он переопределит глобальные настройки для этого конкретного сообщения / страницы.

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

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

Мы надеемся, что эта статья помогла вам научиться создавать оглавление в записях и на страницах WordPress. Вы также можете ознакомиться с нашим руководством о том, как появиться в полях ответов Google на вашем сайте WordPress, чтобы получить больше поискового трафика.

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress.Вы также можете найти нас в Twitter и Facebook.

Как создать оглавление в WordPress вручную или с помощью плагина

Вы когда-нибудь прекращали читать статью, потому что она была слишком длинной, вам стало скучно или вы не могли найти раздел, который действительно хотели прочитать? Этого могло бы не произойти, если бы автор добавил оглавление.

Оглавление — это список ссылок перехода, которые ведут к различным разделам страницы или сообщения. Они особенно полезны для длинных постов, поскольку выделяют важные разделы статьи, чтобы облегчить читателю впечатление.Читатель может перейти к разделу, наиболее важному для его вопроса. Или они могут прочитать всю статью — только в том порядке, в котором они хотят, вместо того, как автор выложил ее на странице.

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

Теперь, когда мы обсудили преимущества добавления оглавления на ваш сайт WordPress, давайте посмотрим, как это сделать.Сначала мы кратко рассмотрим, как вручную добавить оглавление. Затем мы рассмотрим, как это можно сделать автоматически с помощью плагинов WordPress.

Как создать оглавление в WordPress вручную

Вы можете вручную добавить оглавление к своим сообщениям или страницам WordPress с помощью небольшого количества кода. Вот как может выглядеть и функционировать оглавление в интерфейсе вашего сайта WordPress:

Обратите внимание, что мы будем использовать редактор блоков Gutenberg, который является собственным редактором WordPress.Если вы используете другой конструктор страниц WordPress, вам лучше использовать плагин для оглавления, совместимый с этим редактором страниц.

Давайте рассмотрим процесс создания оглавления вручную.

1 . Перейдите к сообщению или странице, к которой вы хотите добавить оглавление.

2 . Если их нет, создайте заголовки, которые будут использоваться в качестве элементов в оглавлении.

3 . Щелкните первый блок заголовка.Появится панель инструментов.

4 . Нажмите кнопку More Options (значок с тремя вертикальными точками) и выберите Edit as HTML .

5 . Добавьте уникальное имя идентификатора к открывающему тегу заголовка. Имя идентификатора — это уникальный идентификатор, который добавляется к открывающему тегу элемента HTML. Вот как это выглядит для заголовка:

  
 Название раздела 
  

6 . Повторите эти действия для остальных заголовков на странице (или только для тех, которые вы хотите включить в оглавление).Для этой демонстрации я буду использовать имена идентификаторов «якорь-1», «Якорь-2», «Якорь-3» и «Якорь-4».

7 . Вернитесь к началу страницы. Нажмите кнопку Добавить блок на верхней панели инструментов.

8 . Щелкните блок Custom HTML . Этот блок HTML позволит вам создать оглавление.

9 . Добавьте оглавление с вашими ссылками для перехода. Ссылки перехода — это особый тип гиперссылки, по которой читатели могут щелкнуть, чтобы «перейти» к разным разделам на одной странице.Чтобы создать ссылки перехода для этой демонстрации, я просто заполнил атрибут rel = «noopener» target = «_ blank» href хэштегом и идентификатором заголовков, которые я написал на предыдущем шаге.

Чтобы создать оглавление, скопируйте и вставьте в блок следующий HTML-код:

 
 
 
 

 
 
 Содержание 
 

 
 
 

 
 
  Раздел 1  
 

 
 
  Раздел 2  
 

 
 
  Раздел 3  
 

 
 
  Раздел 4  
 

 
 
 

 
 
 

  

10 .Настройте имена разделов и ссылки для перехода так, чтобы они указывали на правильные разделы.

При редактировании ссылок перехода не забывайте хэштег перед именем идентификатора.

Готово! На вашем столе все накрыто.

Хотя этот процесс занимает всего несколько шагов, он требует некоторых знаний HTML и CSS. Если вы не знакомы с кодированием или не знакомы с ним, вы можете использовать плагин для добавления ToC к своим сообщениям и страницам WordPress. Ниже мы рассмотрим лучшие плагины для оглавления, которые не требуют кодирования.

Как создать оглавление с помощью подключаемого модуля

Создать оглавление (или ToC) с помощью плагина просто. Вы просто устанавливаете плагин ToC и настраиваете его параметры.

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

Тогда у вас будет несколько вариантов дизайна. Насколько широким должен быть стол? Какой размер шрифта? Это всего лишь несколько опций, которые, вероятно, будут включены в настройки плагина.

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

Лучшие плагины для содержания WordPress

Ниже приведен ряд бесплатных и дополнительных плагинов, которые вы можете использовать для добавления оглавлений на свой сайт WordPress, независимо от вашего бюджета.

1. Фиксированный TOC

Fixed TOC — это мощный плагин WordPress с четко написанным кодом, который упростит добавление оглавления в ваш блог. Этот премиум-плагин может автоматически сканировать заголовки во всем сообщении и создавать оглавление, которое остается неизменным при прокрутке страницы вниз.

Fixed TOC включает более 50 анимационных эффектов, мета-блоки для каждой страницы, различные параметры настройки и многое другое. Помимо совместимости с последними браузерами и версией WordPress, этот плагин также готов к переводу, так что вы можете локализовать оглавление на любой язык, какой захотите.

Используя этот плагин, вы можете быть уверены, что ваши читатели найдут нужный контент быстро и легко.

Плюсы

• Вы можете вкладывать элементы в оглавление, что позволяет ссылаться на подразделы в более крупных разделах.
• Он автоматически создает оглавление на основе заголовков на странице.
• Его «липкая» кнопка быстрого доступа удерживает ToC на одном месте, пока пользователь прокручивает страницу вниз.

Минусы

• Может быть сложно использовать с Gutenberg, встроенным редактором блоков WordPress, потому что он не оптимизирован для этого.
• Когда вы нажимаете липкую кнопку, ToC закрывает контент в правой части страницы (пользователи должны закрыть ToC, чтобы снова увидеть этот контент).

Цена : единовременный сбор в размере 20 долларов США

2. Героическое содержание

Heroic Table of Contents — это простой способ бесплатно добавить автоматически сгенерированное оглавление на ваш сайт WordPress.

Этот плагин сканирует ваши статьи и создает оглавление, в котором перечислены заголовки ваших статей (h2, h3, h4 и т. Д.).Вы можете легко скрыть классы заголовков, которые вам не нужны. Это означает, что вам больше не нужно вручную создавать ToC или обновлять его при изменении статьи. Кроме того, поскольку он построен как блок WordPress, его легко перетащить в свой контент.

Плюсы

• Он автоматически создает оглавление на основе заголовков на странице.
• Вы можете изменить метки заголовков, чтобы они были короче и их было легче сканировать.
• Позволяет выбирать между нумерованным, маркированным или обычным списком.
• Оптимизирован для Гутенберга для удобного использования в собственном редакторе блоков WordPress.

Минусы

• Поставляется только с 4 стилями ToC.
• У вас не будет доступа к обширным параметрам настройки цвета, шрифтов и стилей границ.

Стоимость : Бесплатно

3. Простое содержание

Easy Table of Contents идеально подходит для начинающих блогеров и владельцев сайтов с ограниченным бюджетом.

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

Плюсы

• Он автоматически создает оглавление на основе заголовков на странице.
• Вы можете включать и отключать ToC для определенных страниц и сообщений.
• Позволяет вкладывать заголовки, чтобы было легче просматривать список.
• Он совместим с Gutenberg, собственным редактором блоков WordPress.
• В серверной части доступны обширные параметры настройки цвета, ширины и размера шрифта.

Минусы

• Некоторые пользователи сообщают, что плагин перегружен дополнительным кодом, который может замедлить работу вашего сайта.
• Вы не можете вручную вставить ToC в разные разделы страницы.

Стоимость : Бесплатно

4. LuckyWP Содержание

LuckyWP Table of Contents — еще один бесплатный плагин WordPress, который помогает вам создавать оглавление с помощью блока Гутенберга, виджета боковой панели или вставки вручную (с шорткодом).

Этот многофункциональный плагин позволяет автоматически вставлять оглавление на каждую страницу, настраивать внешний вид вашего ToC до веса шрифта, легко выбирать цветовую тему и настраивать метки элементов.Он также включает кнопку «скрыть / показать» в верхнем правом углу оглавления, позволяющую пользователям выбирать, хотят они использовать ToC или нет.

Вы также можете разместить этот ToC в любом месте сообщения или страницы с помощью шорткода.

Плюсы

• Он обладает широкими возможностями настройки: вы можете изменять цвета, ширину, плавучесть, толщину и размер шрифта элементов табуляции.
• ToC включает кнопку «показать / скрыть» для лучшего взаимодействия с пользователем.
• Он совместим с Gutenberg, собственным редактором блоков WordPress.
• Вы можете установить минимальное количество заголовков для отображения ToC. Если страница не соответствует этому номеру, на ней не будет отображаться ToC.
• Вы можете настроить метки каждого раздела для облегчения сканирования.

Минусы

• Он совместим только с несколькими конструкторами страниц: Gutenberg, Elementor, Beaver Builder и WPBakery.
• Если включена опция «автоматическая вставка», ToC будет размещаться на каждой странице, что может выглядеть странно в зависимости от страницы (например, страницы продукта).

Стоимость : Бесплатно

5. Окончательные блоки

Ultimate Blocks — мощный плагин Gutenberg, который имеет более 15 блоков. Один из этих блоков позволяет вам в кратчайшие сроки добавить оглавление к вашим записям или страницам WordPress.

С этим блоком нет дополнительных настроек для настройки. Просто вставьте блок «Table Of Contents», и он автоматически сгенерирует ToC из ваших заголовков. Вы можете выбрать, какие заголовки вы хотите включить в список, и дать пользователям возможность переключать видимость ToC.

Плюсы

• Он автоматически создает ToC на основе заголовков на странице.
• Пользователи могут выбрать, показывать или скрывать ToC.
• Вы можете добавить ToC в любом месте страницы или публикации, просто добавив блок в нужное место.
• Вы можете разделить элементы списка на два и три столбца для удобства пользователей.

Минусы

• Он совместим только с Gutenberg, но не со сторонними конструкторами страниц.
• Он предлагает ограниченные возможности настройки; вы не можете изменить цвета, шрифт и ширину оглавления.

Стоимость : Бесплатно

6.Thrive Architect Содержание

Thrive Architect — это многофункциональный конструктор страниц, который позволяет вам расширять функциональность вашего сайта WordPress, включая возможность автоматического создания оглавления.

С помощью элемента Thrive Architect Table of Content вы можете выбрать, какие заголовки вы хотите в оглавлении, чтобы каждый раз, когда появляется конкретный заголовок, оглавление генерируется автоматически.Вы также можете выбрать шаблон для своего ToC и настроить его, выбрав его макет, цвет, типографику, границу, тень и многое другое.

Плюсы

• Он автоматически создает ToC на основе заголовков на странице.
• Вы можете выбрать типы заголовков, которые хотите отображать в таблице.
• Вы можете разделить элементы списка на два и три столбца и переименовать их для удобства пользователей.
• Параметр липкой прокрутки позволяет оглавлению следовать за пользователями, когда они прокручивают страницу вниз.
• Если ToC прикреплен, вы можете выделить текущий раздел или выделить все разделы, которые пользователь уже посетил.
• Его расширенные параметры настройки позволяют изменять цвет наведения, интервал, стили фона и цвета границ таблицы и ее элементов.

Минусы

• Он недоступен как отдельный плагин. Для доступа вам необходимо подписаться на Thrive Suite.

Цена : 19 долларов в месяц (за весь Thrive Suite)

Повысьте качество чтения с помощью оглавления

Вы можете добавить оглавление к своим записям и страницам WordPress, следуя пошаговой инструкции или используя любой из вышеперечисленных плагинов.Таблица содержания улучшает ваше SEO и облегчает вашим читателям навигацию по вашему контенту, позволяя им читать именно то, что они хотят.

Примечание редактора: этот пост был первоначально опубликован в сентябре 2020 года и был обновлен для полноты.

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

Размещено в WordPress Саманта Родригес

Последнее обновление 27 июля 2020 г.

Пользовательский опыт посетителя (UX) должен быть очень важен для вас как владельца или разработчика веб-сайта.Однако бывает сложно понять, все ли вы учли и что еще нужно включить в свой сайт.

Один элемент, который часто упускается из виду, — это оглавление (TOC) для вашего длинного контента. Добавление оглавления к каждому из ваших сообщений не только позволяет читателям находить именно те разделы, которые им интересны, но и делает ваш контент более организованным.

В этом посте мы познакомим вас с различными вариантами создания оглавления WordPress (включая плагины, шорткоды и HTML).Затем мы расскажем о двух популярных стилях и о том, как их реализовать. Давайте начнем!

Почему я должен включать оглавление на свой сайт WordPress?

Хотя оглавление может показаться излишним для сообщения в блоге, на самом деле оно может иметь большое значение для улучшения UX вашего сайта. Большинство читателей приходят к вашему контенту в поисках ответов на конкретные вопросы. Оглавление позволяет им легко переходить к наиболее важной для них информации, вместо того, чтобы требовать от них прокрутки и беглого просмотра, чтобы найти то, что им нужно.

Кроме того, оглавление может улучшить поисковую оптимизацию (SEO) ваших сообщений. Эти удобные ссылки — это удобное место для включения ваших ключевых слов, которые являются очень важным фактором ранжирования.

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

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

Добавление содержания с помощью подключаемых модулей Плагины

— отличный способ расширить функциональность WordPress. Доступно несколько решений, позволяющих легко добавить оглавление WordPress к сообщениям вашего сайта.

Наш любимый плагин для оглавления WordPress — Fixed TOC. Вы также можете использовать другие плагины вместе с ним, такие как фиксированный виджет Q2W3, для дальнейшей оптимизации оглавления на вашем веб-сайте.

Установить плагин просто. Все, что вам нужно сделать, это:

1. Перейдите к Плагины> Добавить новый на панели инструментов WordPress.
2. Загрузите файл подключаемого модуля .zip (бесплатный или расширенный) или установите его из каталога подключаемых модулей (только бесплатные подключаемые модули).

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

Например, вот как создать оглавление после установки фиксированного оглавления:

1. Перейдите к Настройки> Фиксированное оглавление.
2. На вкладке Общие выберите, к каким типам сообщений вы хотите применить оглавление, какие уровни заголовков включить и где вы хотите разместить оглавление.
3. На вкладке Color выберите цветовую схему для вашего оглавления.

Плагин автоматически добавит оглавление к каждому соответствующему посту и будет использовать существующие заголовки для создания ссылок перехода.

Добавление содержания с помощью коротких кодов

Наряду с плагинами оглавления WordPress вы можете использовать шорткоды для дальнейшего управления отображением вашего оглавления WordPress. Это небольшие фрагменты кода, которые можно вставить в редактор, что позволяет отображать настраиваемый контент практически в любом месте страницы.

Шорткоды

упрощают добавление оглавления к вашим сообщениям, страницам, боковой панели и виджетам. Вот как это сделать:

1. Загрузите плагин TOC, который использует короткие коды, или используйте плагин без коротких кодов вместе с таким решением, как Shortcoder.
2. Найдите шорткоды, предлагаемые плагином, или создайте их с помощью шорткода.
3. Скопируйте шорткоды и вставьте их в любое место WordPress (например, в сообщение в блоге). Шорткодер предлагает простые шорткоды с оглавлением, что упрощает их добавление на ваш сайт.

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

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

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

Создание оглавления с помощью HTML

Хотя HTML может пугать, создание оглавления с кодом на самом деле является отличным вариантом для всех, кому нужно простое решение для своего веб-сайта. Для этого вам нужно вставить таблицу в WordPress и добавить ссылки на закладки на определенные страницы.

Это, безусловно, самый простой ручной вариант — без излишеств и громоздкости. Конечно, вы можете сделать все возможное, если захотите, добавив несколько цветов, различные стили шрифтов, заголовки и многое другое.Вы ограничены только собственным творчеством и знанием HTML.

Использование шаблонов страниц архивов и ссылок для оглавления

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

Эти страницы затем можно использовать на вашем веб-сайте в качестве «основных» оглавлений, направляя пользователей к тому содержанию, которое они ищут.Например, возьмите «Оставив работу позади» Архив , страница:

.

Шаблоны для этих страниц обычно называются archives.php и links.php (хотя вы можете их переименовать). Хотя некоторые темы включают эти страницы, не все. Однако вы можете создать свой собственный, потребовав очень мало знаний в области программирования.

Оглавление Стили

Стиль вашего оглавления играет огромную роль в том, насколько хорошо оно улучшает UX посетителей. Имея это в виду, давайте рассмотрим два самых популярных стиля для оглавлений WordPress.

Плавающее оглавление

Плавающее оглавление — это виджет, который остается закрепленным сбоку страницы. Реализация этого требует двух шагов. Во-первых, вам нужно настроить оглавление WordPress и добавить его на свой сайт WordPress в качестве виджета (используя один из предыдущих методов).

Как только это будет сделано, вы можете использовать плагин Q2W3 Fixed Widget (или аналогичное решение), чтобы виджет оглавления «прилипал» к краю страницы. Установив этот плагин, вернитесь в область Widgets вашего сайта и откройте виджет TOC.Затем установите флажок Фиксированный виджет :

Когда эта опция включена, оглавление больше не будет исчезать из просмотра страницы, когда пользователь прокручивает страницу вниз. Вместо этого он будет прокручиваться вместе с содержимым страницы, чтобы оно всегда присутствовало. Это также стиль по умолчанию, реализованный плагином Fixed TOC, о котором мы упоминали ранее.

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

Боковую панель оглавления создать очень легко.Просто добавьте виджет оглавления, если это возможно, или включите шорткод в существующий виджет боковой панели. Ваш WordPress TOC будет отображаться как фиксированный аспект боковой панели.

Настройте свой сайт с помощью WP Engine

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

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

Генератор содержания

WordPress | Плагин Content Generator для статей и блогов WordPress

WordPress Content Generator | Плагин Content Generator для статей и блогов WordPress

Добро пожаловать в плагин для создания контента WordPress .Создание уникального контента для большого количества статей WordPress может быть сложной задачей, отнимать много времени и требовать больших затрат времени на разработку. Создание контента — одна из наиболее сложных областей для эффективного выполнения при сохранении высокого уровня качества и читабельности. С современной поисковой системой, ориентированной на качественный контент как фактор ранжирования, это стало одной из самых мощных и игнорируемых областей разработки сайтов. Сами Google заявили, что качественный контент является одним из наиболее важных элементов для получения более высокого рейтинга в результатах поиска.Если вы изо всех сил пытаетесь создать отличный контент для своего веб-сайта WordPress, наш плагин WordPress Content Generator может помочь.

Web Design and Company создала плагин WordPress Content Generator для веб-сайтов, использующих WordPress CMS. Этот простой плагин WordPress позволяет быстро и легко переписывать существующий контент и получать по-настоящему уникальный контент. Как это работает? Наш генератор контента WordPress использует ваши существующие высококачественные статьи и не использует внешние плагины или компоненты.Вы контролируете то, что хотите создать. Поскольку подключаемый модуль Content Generator использует ваши существующие высококачественные статьи, отсутствует риск штрафов поисковой системы или попадания в черный список. Вы даже можете добавить всю статью в формате HTML и сохранить теги заголовков, шорткоды, макеты и многое другое. Заинтересованы? Попробуйте без риска в течение ограниченного времени, загрузив нашу бесплатную версию прямо сейчас!

---

Скачать бесплатную версию

Мы уверены, что вам понравится этот плагин. Мы предлагаем бесплатную версию в течение ограниченного времени.Попробуйте использовать одну из существующих статей или добавить полное содержание статьи в формате HTML. С плагином WordPress Content Generator создание SEO-удобного контента еще никогда не было таким простым.

Выберите версию WP

• До 2 предметов в случайном наборе
• Работает со статьями
• Включает логотип WDAC

• До 5 предметов в случайном наборе
• Работает со статьями
• Брендинг БЕСПЛАТНО

• НЕОГРАНИЧЕННЫЙ случайный набор
• Работает по ВСЕМ статьям!
• Установите СОБСТВЕННЫЙ брендинг!

Как создать оглавление в WordPress (3 способа; без кода)

Может быть неприятно тратить время на создание контента для вашего веб-сайта только для того, чтобы пользователи быстро щелкали мышью.Поскольку большинство людей сканируют текст в Интернете, возможно, вам удастся удержать их внимание, если они смогут сразу перейти к тому, что они ищут, предоставив им оглавление в WordPress.

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

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

Три способа создания оглавления WordPress

Вот три метода, которые мы рассмотрим — вы можете щелкнуть ниже, чтобы сразу перейти к определенной технике:

1. Используйте специальный плагин
2. Создайте оглавление с помощью блоков
3. Создайте оглавление вручную

1.Используйте специальный плагин

Использование плагина — это быстрый и простой способ добавить оглавление к вашим сообщениям или страницам. Easy Table of Contents — бесплатный инструмент, который автоматически создает оглавление на основе заголовков в вашем тексте:

Вот как им пользоваться:

Установить плагин

Вы можете начать работу с панели администратора WordPress, перейдя к Plugins → Add New . Найдите плагин, а затем нажмите кнопку Установить сейчас , а затем Активировать .В общем, стандартный путь к установке плагина WordPress.

Сконфигурируйте общие настройки плагина

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

Во-первых, вы можете определить, какие типы сообщений будет поддерживать плагин. Pages выбран по умолчанию, но вы можете выбрать любую комбинацию доступных настроек.

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

Затем вы можете решить, где вы хотите отображать оглавление. Вы можете разместить его до или после первого заголовка, либо в самом верху или внизу сообщения:

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

После этого вы можете использовать поле Header Label , чтобы дать любое название оглавлению.Вы также можете выбрать, разрешить ли пользователям скрывать эту функцию. Если вы включите эту опцию, читатели могут щелкнуть кнопку, чтобы свернуть таблицу:

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

Последняя из общих настроек позволяет настраивать иерархию таблицы и счетчики. Если вы отметите Показать как иерархию , в оглавлении будут отображаться подзаголовки, а также ваши основные заголовки, например:

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

Настройка параметров дизайна плагина

Затем вы можете внести изменения во внешний вид вашего оглавления с помощью следующей группы настроек. Вы можете управлять шириной, а также отображением таблицы слева, справа или в центре экрана. Если вы хотите изменить размер шрифта, вы также можете сделать это здесь:

Вы также можете выбрать одну из предустановленных цветовых тем плагина.Если ни один из них не подходит для вашего веб-сайта, вы можете выбрать Custom и определить свои собственные цвета:

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

2. Создайте оглавление с помощью блоков

Вы также можете использовать редактор блоков WordPress по умолчанию, чтобы добавить оглавление в WordPress.Во-первых, вам нужно скачать и активировать бесплатный плагин Ultimate Addons для Gutenberg :

Чтобы добавить оглавление на свою страницу или публикацию во время работы в редакторе блоков, щелкните знак «плюс» и найдите Оглавление . Этот блок автоматически сгенерирует таблицу на основе заголовков вашего сообщения, но есть также множество настроек, с которыми вы можете поэкспериментировать.

В разделе Общие параметры вы можете выбрать, какие уровни заголовков будут включены в таблицу.Вы можете удалить нижние уровни, чтобы оглавление выглядело аккуратно:

Параметры Scroll позволяют включить плавную прокрутку. Когда вы выбираете этот вариант, читатели могут щелкнуть запись в таблице и «плавно» перейти к этому разделу, а не прыгать прямо туда.

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

Теперь давайте посмотрим на настройки Content .Первая группа параметров связана с заголовком таблицы. Вы можете настроить выравнивание текста, цвет и даже шрифт:

Как и в случае с плагином Easy Table of Contents, вы можете сделать свою таблицу сворачиваемой. Если хотите, таблицу можно сначала свернуть, поэтому пользователям нужно будет щелкнуть по ней, чтобы просмотреть. Кроме того, вы можете выбрать и настроить отображаемый значок:

Последняя из настроек Content позволяет вам вносить изменения в способ отображения в блоке списка содержимого.Вы можете изменить цвет маркеров или полностью отключить их. Вы также можете выбрать цвета для содержимого, включая цвет при наведении курсора:

Наконец, есть несколько настроек стиля . Здесь вы можете выбрать цвет фона для вашего оглавления. Вы также можете настроить ширину таблицы и даже добавить причудливую рамку:

Одним из преимуществ использования блока для добавления оглавления является то, что вы можете стилизовать каждую таблицу по-разному, если хотите.

3. Создайте оглавление вручную

Последний метод, который мы рассмотрим, — это создание оглавления вручную с использованием встроенных функций редактора блоков. Этот метод предлагает меньше возможностей для настройки, но он полезен, если вы не хотите добавлять на свой сайт еще один плагин.

Поскольку редактор по умолчанию не включает блок оглавления, вы можете создать свой собственный, используя простой элемент списка:

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

Самый простой способ сделать это — перейти к подзаголовку каждого раздела в списке и открыть вкладку Advanced в настройках этого блока. Вы увидите поле под названием HTML anchor , где вы можете ввести уникальный идентификатор для этого блока:

.

Якорь должен состоять из одного слова и быть уникальным.Также имейте в виду, что вы не можете повторно использовать один и тот же идентификатор для нескольких элементов. Для раздела «Что такое веб-хостинг?» Вы можете создать привязку с надписью «веб-хостинг».

Затем вернитесь к оглавлению и выберите в списке запись, соответствующую разделу, на который вы хотите создать ссылку. Добавьте ссылку, которая включает привязку HTML, которую вы только что установили, перед знаком #, например «#webhosting»:

Теперь, когда кто-то нажимает на эту ссылку в вашем оглавлении, его браузер автоматически переходит в соответствующий раздел.Только убедитесь, что вы не настроили ссылку для открытия на новой странице.

Повторите этот процесс для каждого элемента в вашем оглавлении, и все будет хорошо. Если вы хотите, чтобы сама таблица выделялась визуально, вы можете получить доступ к настройкам блока и изменить цвет его фона:

Как только вы найдете стиль, который вам подходит, сохраните изменения в своем сообщении, и готово!

Заключение

Добавление оглавления к сообщениям WordPress может иметь преимущества для пользовательского опыта, а также для ваших усилий по поисковой оптимизации.

Имея на выбор несколько методов, вы сможете выполнить эту задачу без особых проблем.

Использование такого плагина, как Easy Table of Contents, вероятно, самый быстрый способ получить оглавление на ваших страницах, но у вас будет немного больше контроля, если вы воспользуетесь редактором блоков и плагином Ultimate Addons for Gutenberg. Или, если вы предпочитаете не использовать плагины, вы также можете создать оглавление вручную, используя только редактор блоков.

Оглавление — отличный способ подготовить более длинный контент и сделать его более доступным.Для некоторых других идей ознакомьтесь с нашими предложениями о четырех способах форматирования длинного контента.

У вас есть вопросы по добавлению оглавления в WordPress? Спросите в разделе комментариев ниже!

Бесплатный гид

5 основных советов по ускорению работы вашего сайта на WordPress

Сократите время загрузки даже на 50-80%

, просто следуя простым советам.

Плагин Ultimate WordPress для оглавления и способы его использования

Хороший плагин для оглавления WordPress может многое сделать для вашего веб-сайта, причем способами, которые, вероятно, немного выходят за рамки того, что вы могли ожидать.

Возможно, сейчас это звучит немного загадочно, но я все объясню через минуту.

Короче говоря, если вы искали отличный плагин для оглавления WordPress , то ваш поиск в основном закончен. В этом посте я собираюсь показать вам, почему Posts Table Pro является лучшим подобным плагином, как его использовать и какими необычными способами он может помочь вам сделать весь ваш сайт более удобным для чтения.

Posts Table Pro: лучший плагин для оглавления

Posts Table Pro позволяет вам легко создавать оглавление для всего вашего веб-сайта .И ключевое слово здесь — «весь».

Пример того, как это может выглядеть:

• В этом конкретном примере вы можете увидеть список сообщений, принадлежащих данной категории. Это можно настроить (подробнее об этом через минуту).

Итак, что отличает этот плагин от конкурентов?

Большинство плагинов WordPress TOC сосредоточены на создании набора ссылок перехода в отдельном сообщении блога.

Posts Table Pro делает кое-что еще.

Проще говоря, он подключается к базе данных вашего сайта и позволяет вам создать полное оглавление сайта.Он может состоять из любого числа и любой комбинации сообщений WordPress, страниц, настраиваемых типов сообщений, таксономий, настраиваемых полей или любого другого типа контента, который может быть у вас на сайте.

Но это еще не все:

• Posts Table Pro — это удобный и простой плагин TOC, который работает с помощью простых коротких кодов, что означает, что вы можете включить свое оглавление в любой пост или страницу.
• Структура вашего оглавления полностью настраиваема, а общий стиль унаследован от вашей текущей темы.Никаких фрагментов кода CSS не требуется.
• Вы можете представить свое оглавление в виде списка с одним столбцом или в виде таблицы с несколькими столбцами, которую можно сортировать, разбивать на страницы (для предотвращения прокрутки) и предлагать ряд дополнительных функций.
• Вы можете добавить поле поиска, чтобы читатель мог найти любую запись в оглавлении.
• Читатель может фильтровать содержание веб-сайта с помощью удобного раскрывающегося списка.
• Все полностью адаптивно и адаптировано для мобильных устройств.
• Он может улучшить SEO вашего сайта в поисковых системах, таких как Google.
• Posts Table Pro совместим с темами WordPress, а также со строителями страниц, такими как Elementor.

Пошаговая инструкция по использованию таблицы сообщений Pro:

Как начать использовать этот плагин содержания WordPress

Всего два простых шага:

Шаг № 1: Установка стола сообщений Pro

Во-первых, вот где вы можете получить плагин:

Столбик Pro

Создайте полное оглавление на своем сайте WordPress прямо сейчас!

После завершения покупки вы сможете загрузить ZIP , содержащий плагин.Вы также получите личный лицензионный ключ .

Следующая:

• Войдите в свою панель управления WordPress, перейдите в Plugins → Add New.
• Нажмите кнопку Загрузить подключаемый модуль вверху страницы.
• Выберите ZIP-файл плагина и следуйте инструкциям на экране, чтобы установить и активировать плагин.
• Наконец, перейдите на страницу общих настроек плагина, перейдя в Настройки → Таблица сообщений Pro и введите свой лицензионный ключ.Закончите, нажав Сохранить изменения .

Шаг 2: Используйте шорткод основного плагина

Как я уже упоминал, этот плагин содержания WordPress основан на шорткоде. Это означает, что для его использования все, что вам нужно сделать, это поместить следующий шорткод в блок Гутенберга в любом месте ваших сообщений или страниц:

& lbrack; posts_table & rbrack;

Вот как вы можете вставить оглавление на свои страницы, если вы используете редактор Гутенберга.Использование этого шорткода как отобразит таблицу, содержащую все ваши сообщения в блоге — с полями для их избранных изображений, заголовков, резюме, категорий, авторов и дат публикации. Имейте в виду, что заголовки — это h2s, то есть первый заголовок.

Кроме того, вы также можете использовать кнопку Вставить таблицу сообщений на панели инструментов текстового редактора, чтобы автоматически вставить таблицу на вашу страницу.

Несмотря на комплексность, вы, вероятно, захотите изменить презентацию, чтобы сделать ее более похожей на оглавление… Это приводит меня к:

Настройка шорткода для таблицы сообщений Pro

Вот шесть конкретных вариантов использования этого плагина содержания WordPress:

1. Отображение простого, минимального содержания

Если вы ищете плагин для оглавления WordPress, то этот простой тип представления, вероятно, именно то, что вы имели в виду.

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

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

& lbrack; posts_table columns = "title" post_type = "post" category = "Featured" & rbrack;

Чтобы отобразить все ваши страниц аналогичным образом, вы можете использовать это:

& lbrack; posts_table columns = "title" post_type = "page" & rbrack;

Результат:

Если вы хотите сделать суперминимал, а также избавиться от окна поиска по ключевым словам, кнопки сброса, раскрывающегося списка «Показать X записей» и текста «Отображение от 1 до X сообщений из X», вы можете использовать это:

& lbrack; posts_table columns = "title" post_type = "page" search_box = "false" page_length = "false" reset_button = "false" totals = "false" & rbrack;

Результат:

Обратите внимание, что вам не нужно возиться со стилями CSS вашей темы WordPress.Вы также можете отобразить оглавление в виджете на своем веб-сайте. Для этого просто добавьте шорткод к любому текстовому виджету.

Примечание. Вы также можете пойти прямо противоположным путем и включить несколько столбцов в оглавление. Таблица сообщений Pro позволяет использовать следующие значения для параметра столбца : id , title , content , отрывок , изображение , дата , автор , категории , теги , статус , , а также любое другое настраиваемое поле или таксономию.

Как исключить страницы из содержания вашего сайта WordPress

Когда я создал оглавление для нашего собственного веб-сайта WordPress, я был поражен тем, сколько страниц я не хотел включать. Это связано с тем, что, как и на большинстве веб-сайтов, на нашем сайте много случайных страниц и целевых страниц, которые не являются частью общей структуры навигации.

К счастью, вы также можете исключить определенные сообщения, страницы или даже целые категории из оглавления. Например, следующий шорткод исключает две записи - ID 23 и 31 :

& lbrack; posts_table post_type = "post" exclude = "23,31" & rbrack;

Чтобы исключить всю категорию, вы можете использовать:

& lbrack; posts_table post_type = "post" exclude_category = "some-category" & rbrack;

2.Оформление оглавления серии постов

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

Вот как это сделать:

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

Затем просто поместите этот шорткод в начало сообщений:

& lbrack; posts_table columns = "title" post_type = "post" category = "series-name" & rbrack;

или:

& lbrack; posts_table columns = "title" post_type = "post" tag = "series-tag" & rbrack;

Что замечательно в этом способе обработки оглавления серии, так это то, что если вам когда-нибудь случится расширить серию и добавить в нее новые сообщения, они будут автоматически выбраны оглавлением из предыдущих сообщений.

3. Упрощение навигации по списку похожих сообщений

Представьте, что вы ведете блог о мобильных технологиях, в котором публикуются такие сообщения:

• «как записывать видео на Android»
• «как записать видео на iOS»
• «как записать видео на Windows Phone»
• «как редактировать фото на Android»
• «как редактировать фото на iOS»
• и так далее

Отличия от поста к посту незначительны, но, тем не менее, очень значительны.Например, если читателя интересует только iOS, ему может быть сложно перемещаться по страницам блога и игнорировать все, что говорит о других платформах.

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

Пример шорткода для этого:

& lbrack; posts_table columns = "название, категории" post_type = "post" search_box = "false" page_length = "false" reset_button = "false" totals = "false" filters = "true" & rbrack;

Вот как это может проявиться на практике:

4.Отображение оглавления для пользовательских сообщений

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

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

& lbrack; posts_table post_type = "books" & rbrack;

Конечно, вы также можете использовать любые другие параметры шорткода - для выбора определенных столбцов, добавления фильтров и т. Д.

5. Создание индекса содержания вашего веб-сайта

Индекс - это что-то вроде оглавления, только гораздо большего размера и перечисляющего ваши статьи в алфавитном порядке.

Пример:

Вы также можете создать что-то подобное с помощью Posts Table Pro. Вот как.

6. Перечисление ВСЕХ материалов вашего веб-сайта в одном оглавлении

Конечно, брать весь ваш контент и помещать его в одно оглавление - это немного экстремально. Однако это может быть полезно.Два сценария:

• Вместо того, чтобы создавать карту сайта вручную (через HTML), вы можете автоматически сгенерировать ее с помощью Posts Table Pro. Кроме того, он будет доступен для поиска, и в нем будет намного проще ориентироваться, чем по стандартной карте сайта.
• Вы можете взять это «мега оглавление» и поместить его на страницу, опубликованную в частном порядке (это означает, что только зарегистрированные пользователи могут видеть его). Это может быть полезным ресурсом для вашей внутренней редакционной группы. Это потому, что использование такого оглавления для поиска определенных частей контента на сайте будет намного быстрее, чем переход к панели инструментов WordPress.

Вот структура шорткода, которую вы можете использовать:

& lbrack; posts_table post_type = "post, page, custom-post-type-1, custom-post-type-2" & rbrack;

• Обязательно замените custom-post-type-1, custom-post-type-2 фактическими настраиваемыми типами сообщений, которые у вас есть на сайте (их может быть больше двух).

Где взять плагин

Чтобы изучить все ins и out плагина WordPress и научиться структурировать свой шорткод для получения желаемого эффекта, ознакомьтесь с официальным справочным файлом Posts Table Pro здесь.

Столбик Pro

Создайте полное оглавление на своем сайте WordPress прямо сейчас!

Это подводит итог тому, как использовать Posts Table Pro - лучший плагин содержания WordPress для блоггеров.Если у вас есть какие-либо вопросы, задавайте их ниже.

Плагин содержания

WordPress

Если вы пишете действительно длинные статьи в WordPress, может быть очень полезно иметь оглавление вверху сообщения.

Это оглавление представляет собой краткое изложение, поэтому читатели могут просмотреть содержимое и, возможно, перейти к теме, которая им действительно интересна.

В этом посте я покажу вам два способа добавить оглавление на ваш сайт WordPress.Первый метод будет использовать новый редактор Гутенберга. Второй метод будет использовать старый классический редактор.

О, и если вы хотите живую демонстрацию того, о чем мы говорим, ознакомьтесь с этим содержанием. Мы сгенерировали его для этого поста, используя метод № 1:

.

---

Метод №1. Оглавление с редактором Гутенберга

С помощью плагина PublishPress Blocks вы можете вставить оглавление в редактор Gutenberg.

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

Сводка Gutenberg Content

• Для начала установите плагин PublishPress Blocks.
• Перейти, чтобы отредактировать сообщение на вашем сайте.
• Создайте хотя бы один тег заголовка в сообщении или на странице.
• Выберите блок Summary , щелкнув его кнопку в категории PublishPress Blocks.

Блок сводки

Сводку можно выровнять по левому, центру или правому краю:

Сводка по выравниванию

Если вы изменили текст на вашей странице, вы также можете обновить сводку.Используйте кнопку «Обновить сводку»:

Сводка обновления

На правой боковой панели есть несколько параметров, которые вы можете настроить:

• Загрузка минимизирована: Если вы включите эту функцию, сводка будет скрыта по умолчанию. Пользователям нужно будет щелкнуть заголовок Summary заголовок текст, чтобы увидеть сводку.
• Заголовок заголовка сводки: Отображается, когда включен параметр Минимальная нагрузка
• Цвет привязки: выберите цвет для ссылок сводки.

Сводные настройки

Если вы выберете опцию « Load Minimized », вам будет предложено ввести заголовок. Посетители вашего сайта увидят этот заголовок и стрелку вниз. Затем можете щелкнуть эту стрелку вниз, чтобы увидеть полную таблицу содержания.

Свернутое содержание

---

Метод №2. Оглавление с классическим редактором

С помощью плагина Easy Table of Contents вы можете вставить оглавление в сообщение WordPress. Каждый заголовок в сообщении будет доступен по ссылке в начале.На этом изображении показан плагин в действии:

В этом руководстве объясняется установка и базовое использование подключаемого модуля Easy Table of Contents.

Установить Easy Оглавление

• На своем сайте WordPress нажмите Плагины> Добавить новый .
• Введите easy table в поле поиска.
• Выберите подключаемый модуль Easy Table of Contents .
• Щелкните Установить сейчас , а затем Активировать .

Простая конфигурация содержания

• На странице Plugins щелкните ссылку Settings для вашего нового плагина.

Конфигурация Easy Table of Contents разделена на три основные области:

• Общие
• Внешний вид
• Расширенный

Общие настройки

Параметры Общие определяют, как и где будет отображаться оглавление на вашем сайте.

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

Вы также можете указать, будет ли оглавление вставляться автоматически.На изображении ниже таблица автоматически вставляется во все мои сообщения.

• Проверить Автоматическая вставка столбов
• Оставить позицию заголовка по умолчанию

Чуть дальше по экрану вы можете указать, где будет отображаться оглавление. Я выбрал «Перед первым заголовком». Это положение, которое вы видите на самом верхнем изображении в этом уроке.

Прокрутите вниз, и вы сможете настроить оглавление другими способами. Вот несколько моих рекомендаций:

• Измените количество заголовков на 3
• Измените метку заголовка
• Измените стиль Counter на Roman
• Оставьте другие значения по умолчанию

Внешний вид

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

• Оставьте значение по умолчанию Авто Ширина

Пользовательская ширина Параметр не применяется, поскольку ширина по умолчанию - Авто.

• Измените заголовок Размер шрифта
• Измените размер шрифта Text
• Выберите Custom, , чтобы создать собственный стиль для Оглавления

• Измените Custom Theme цветов в соответствии с по вашему вкусу, или к макету дизайна

Обратите внимание, что есть кнопка для сброса цвета до стиля по умолчанию, если вы хотите начать заново со стиля по умолчанию.

Продвинутый

В этом последнем разделе есть небольшие изменения, позволяющие глубоко настроить оглавление.

Одна очень полезная опция - «Исключить заголовки». Это полезно, если ваша статья очень длинная и вы не хотите загромождать таблицу подтемами (например, заголовками пятого или шестого уровня). Вы также можете исключить заголовки, не связанные с содержанием: например, «Реклама» или «Спонсируемые». Изображение под символом * является подстановочным знаком.

Последние параметры конфигурации относятся к нескольким ключевым функциям

• Смещение, которое должно сохраняться при прокрутке (эффект прокрутки) на настольных или мобильных устройствах.
• Ограничение пути к страницам с определенным шаблоном URL (это обеспечивает большую гибкость).
• Закрепление оглавления внутри области виджетов (боковая панель).

Создание оглавления WordPress

• Создайте сообщение с несколькими заголовками
• Убедитесь, что вы включили заголовки h5 и h6 .
• Включите эти два заголовка:
  • Рекламный контент
  • Реклама

Следует отметить, что вы можете переопределить глобальные настройки Easy Table of Contents для каждого сообщения.Это обеспечивает еще большую гибкость, поскольку вы можете настроить каждую из таблиц содержимого в соответствии с вашими конкретными потребностями.

---

Сводка

Как PublishPress Blocks, так и плагин Easy Table of Contents могут вставлять таблицу содержимого в ваши сообщения WordPress. Каждая ссылка в списке ведет читателя к соответствующему разделу статьи. Это очень полезно для особенно длинных статей, поскольку помогает посетителям получить четкое представление обо всем тексте.

---

Более полезные рекомендации по плагинам WordPress

---

Получить плагины PublishPress

Присоединяйтесь к PublishPress сегодня и улучшите свои публикации на WordPress.Вы получите полный доступ ко всем плагинам PublishPress и нашей легендарной поддержке.