Кожен сайт – це по суті ціла система навігації і посилань , по яких переміщаються роботи і відвідувачі. Дана система може володіти різним ступенем складності. Як правило, до її складу входить головне меню, що містить в собі посилання на всі основні розділи і статичні сторінки, додаткові меню, карта сайту (упорядкований і структурований список з посилань на всі сторінки і розділи). Крім того, до складу системи навігації інтернет-ресурсу може входити посторінкова навігація .

Wordpress-Навігація

Вона являє собою набір кнопок з вбудованими в них гіперпосиланнями, кожна з яких веде на певну сторінку. При цьому мова йде не про статичних сторінках і сторінках з постами, а про сторінки, на яких розміщуються анонси постів (формат блогу).

Якщо говорити про CMS WordPress, то тут посторінкова навігація в її найпростішому і примітивному вигляді реалізована за замовчуванням. Зокрема, при додаванні на блог деякого числа заміток в самому низу головної сторінки з’явиться посилання на наступну сторінку. На наступній сторінці з’явиться посилання на попередню. Щось схоже на:

prev-next-wordpress

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

Сьогодні будемо розглядати 3 самим популярних і легко настроюються плагіна для посторінкового навігації WordPress.

  1. WP SEO Paginate;
  2. Номери сторінки WP;
  3. Навігація по WP-сторінках.

Найбільш популярний з цих 3х плагінів є WP Page Navi, як правило при розробці безлічі шаблонів його впроваджують відразу в код, а так само безліч користувачів використовує його в своїх цілях.

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

Пагинація

К содержанию ↑

WP SEO Пагінат

Посилання на скачування – тут . Основні переваги даного плагіна – простота в плані установки і настройки і повна безкоштовність. Після установки в адмінці з’явиться новий пункт з настройками під назвою « WP SEO Paginate ». Для початку налаштуйте зовнішній вигляд кнопочок з номерами сторінок. Тут можна поміняти написи кнопок, що позначають перехід на попередню і наступну сторінки. Можна так і написати – « Попередня » і « Наступна », а можна поставити компактні стрілочки, які вказують назад і вперед.

В налаштуваннях ” Advanced Setting ” необхідно вказати кількість сторінок в поле ” Page Range ” і ” Page Gap “, які будуть показуватися. Я завжди роблю 5-7 штук. В кінці не забуваємо наживати кнопку ” Зберегти “.

WP SEO Пагінат
Плагін WP SEO Пагінат

Після настройки плагіна необхідно вставити код за допомогою якого буде виводиться посторінкова навігація на сторінку сайту. Для цього на необхідних сторінках потрібно прописати код:

<? php if (function_exists (‘wp_paginate’)) { 
wp_paginate (); 
}?>

Точно можу сказати, що прописувати необхідно в шаблоні archive.php , можливо у вас будуть навернені шаблони, в яких ще треба буде прописати в інших шаблонах. Тому погортайте і пошукайте. Стилі і красу можна навести в таблиці стилів плагіна.

К содержанию ↑

Номери сторінки WP

Досить цікавий і функціональний плагін для створення посторінкового навігації. З установкою і налаштуванням впораються навіть початківці сайтобудівники. Посилання для скачування – тут . Щоб модуль почне повноцінно працювати, слід видалити з вихідного коду головної сторінки рядки, за допомогою яких виводиться стандартна навігація. Виглядати ці рядки можуть так – next_posts_link і previous_posts_link , як правило їх можна знайти в файлі archive.php або content.php . На місце видаленої стандартної навігації помістіть код плагіна WP Page Numbers. Його можна скопіювати зі сторінки налаштувань:

<? php if (function_exists (‘wp_page_numbers’)): wp_page_numbers (); ендіф; ?>

Не буду розповідати про всі настройки, так як вони дуже прості і зрозумілі. Головне, що можна вибрати один з 5 шаблонів або варіантів зовнішнього оформлення навігаційних кнопок. Це дозволить вам підігнати дизайн навігації під дизайн блогу. Якщо необхідно зробити більш тонкі налаштування, то доведеться редагувати файл CSS даного плагіна. Тут можна змінити велику кількість різних параметрів – колір, розміри шрифту, розміри самих кнопок, колір і товщину рамки і т.д.

Вбудований номер сторінки WP
Вбудований номер сторінки WP
К содержанию ↑

Навігація по WP-сторінках

Один з найбільш затребуваних плагінів для створення якісної посторінковою навігації на WordPress. Посилання на скачування – тут .

Що стосується налаштувань, то тут їх не надто багато. Для початку слід вказати назви першої і останньої, а також наступної і попередньої сторінок. Ці кнопки будуть показані незалежно від того, на якій сторінці ви знаходитеся в даний момент. Щоб кнопки від WP Page Navi з’явилися на блозі, необхідно видалити код стандартної навігації в шаблоні, як я вже писав найбільш ймовірно, що він буде знаходиться в шаблоні archive.php або content.php. І замість коду вставити:

<? php wp_pagenavi (); ?>

Зазвичай він починається з такого рядка – <div class = “navigation»>. Редагувати зовнішній вигляд кнопок (основний і фоновий колір, рамки, шрифти і т.д.) можна через CSS-файл даного плагіна pagenavi-css.css, їх підтримку можна включити в пункті ” Налаштування списку сторінок “. Однак це не дуже зручно. Тому для WP Page Navi був створений так званий плагін-додаток під назвою WP PageNavi Style . Після його установки в меню з’являться всі необхідні параметри для редагування зовнішнього вигляду кнопок.

Плагін WP для сторінки WP
Плагін WP для сторінки WP

Всі питання можна задавати в коментарях, якщо комусь не ясно з того чи іншого пункту. Ми завжди відповімо на всі питання.

Поділитися