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

Скачать исходники для статьи можно ниже

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

В wordpress есть тег “nextpage”, который позволяет разбить запись/страницу на части с цифровой навигацией по ним – более подробно о нем читайте в моей статье “Как разделить записи на страницы в wordpress” – однако, она (цифровая навигация) не очень удобна для восприятия.

Для создания структурированной разбивки контента на части с возможностью создания текстовой и графической навигации по ним можно воспользоваться плагином:

Advanced Post Pagination:

Последнее обновление: 2014-9-26

Количество загрузок: 2,831

Сайт плагина: “wordpress.org/plugins/advanced-content-pagination/”

Преимущества:

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

Установка плагина Advanced Post Pagination стандартная – через панель управления wordpress – входим в админку, выбираем пункт “Плагины”, его подпункт “Добавить новый”, в строку поиска вводим Advanced Post Pagination, устанавливаем и активируем плагин.

Пример:

Давайте для примера разделим запись на логические части со следующей навигацией/меню для записи:

Для этого:

1. Зайдем в настройки плагина Advanced Post Pagination – в админке после установки и активации плагин появиться новый пункт – AP Pagination – заходим в него:

Здесь устанавливаем:

– расположение меню (Pagination Button Location) – сверху (Top);

– устанавливаем фоновый цвет для пунктов меню (Pagination Button Location) – светло зеленый – есть “пипетка” для выбора цвета;

– устанавливаем фоновый цвет для пунктов меню, на которые наведен курсор (Button Hover Background Color) – темно зеленый;

Далее устанавливаем:

– фоновый цвет для активных пунктов меню (Active Button Background Colorм) – светло желтый;

– выбираем стиль кнопки (Pagination Button Style);

– жмем на кнопку “Сохранить изменения”.

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

Для разделения записи/страницы на части в “Редакторе” появиться новая кнопочка:

Или же можно вставить данные теги (nextpage) вручную:

[nextpage title="Общие сведения о Китае" ]

Китай, (кит. Чжунго, буквально: «срединное государство»...

[/nextpage]

[nextpage title="История" ]

Китайская цивилизация — одна из старейших в мире...

[/nextpage]

[nextpage title="Политика" ]

После образования КНР в декабре 1949 были приняты четыре Конституции...

[/nextpage]

На этом все, удачи!

PS: У данного плагина Advanced Post Pagination есть премиум версия (12$), которая позволяет устанавливать в пунктах меню картинки, описания + дополнительные стили кнопок/пунктов меню…