Як розбити запис WordPress на кілька сторінок

Немає нічого гіршого, ніж прокручувати довгий запис або сторінку, коли очевидно, що вона має бути розділена на кілька частин, які набагато легше сприймаються. Це легко зробити в WordPress, і це варто користуватися. У цьому посібнику ми опишемо, як це можна зробити.

Додати теги до вашого запису

Просто напишіть вашу пост або сторінку як завжди, і там, де вам потрібно почати нову сторінку, використовуйте тег

Ось скріншот демонстраційного посту, який розділено на три сторінки за допомогою тегів

Це все, що вам потрібно зробити з записами або сторінками.

Відредагуйте ваш шаблон

У папці WordPress теми ви знайдете файл single.php. Це шаблон, який відповідає за відображення окремих постів чи сторінок. Саме тут нам потрібно повідомити WordPress, що він має відображати посилання на сторінки для наших тегів .

У файлі single.php (або, можливо, у файлі loop-single.php, який часто викликається у файлі single.php) Ви знайдете цикл WordPress, який виводить ваш пост чи сторінку. Ось коротка версія цього циклу:

if (have_posts()) while (have_posts()) : the_post();

  the_title();

  the_content();

  wp_link_pages();

endif;
endwhile;

Цей цикл відображає заголовок та вміст поста або сторінки, але зверніть увагу на функцію wp_link_pages. Ця функція відображає посилання на сторінки для кожного тега , який ви вставили у пост.

Ось як буде відображатися ваш пост. Ми бачимо першу сторінку із посиланнями на другу.

Це справді так просто.

Стиль посилань на сторінки

Те, що виводить функція wp_link_pages за умовчанням, - функціонально, але досить нудно. Але wp_link_pages також дає нам можливість додати текст перед її виведенням і після, тому ми можемо додати посиланням на сторінки свій CSS. Розглянемо знову цикл із деякими стандартними аргументами, які використовуються у темі WordPress Twenty-Ten.

if (have_posts()) while (have_posts()) : the_post();

  the_title();

  the_content();

  wp_link_pages(array(
    'before' => '<div class="page-link">' . 'Pages:',
    'after' => '</div>'
    ));

endif;
endwhile;

Ось як це буде виглядати після того, як ми додали CSS в клас page-link:

Звичайно, ви можете піти далі у додаванні стилів у плані кольору та розмірів. Також прочитайте про аргументи функції wp_link_pages, тому що вони дозволяють вам ще більше налаштувати виведення сторінок.

Джерело: WP.tutsplus.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/