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

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

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

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

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

В 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, эффект прокрутки пунктов меню), также по времени намного дольше — нужно будет создавать в ручную новые записи, делать на них ссылки + знания программирования.

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