меню для записей страниц

Разбиваем длинный контент на несколько страниц структурировано

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

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

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

В 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. Далее переходим к созданию контента записи/страницы, который будем разбивать на логические части.

 

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

 

настойка плагина Advanced Post Pagination

 

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

 

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

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

[/nextpage]

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

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

[/nextpage]

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

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

[/nextpage]

 

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

 

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

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Разбиваем длинный контент на несколько страниц структурировано: 2 комментария

  1. Константин

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

Добавить комментарий