Посторінкова навігація
Як зробити посторінкову навігацію
Коли я створював свій перший блог, мені хотілося щоб він був великий, і красивий. Щоб був унікальним та привабливим та щоб на ньому завжди були відвідувачі.
Досвідчені блогери у своїх постах навперебій роз'яснювали, що блог потрібно створювати для людей. І що вони, відвідувачі повинні відчувати комфорт на твоєму блозі. Одним із складових зручності перебування відвідувачів на блозі є зручна,посторінкова навігація.
Але як зробити зручну та симпатичну форму навігації сторінок? Спочатку мені ніяк не вдавалося добитися відображення квадратних вікон з цифрами, а замість них красувалися "Вперед" - "Назад", "Раніше"-"Пізніше", загалом, все що завгодно, але тільки не бажані квадратики з цифрами.
Незабаром мені трапилася інформація про плагін, який, судячи з опису, потрібно було закачати в папку plugins, а потім просто активувати його в адмінці свого блогу.
Як легко, всього діл-то! Але моя радість була передчасна. Виявляється, не в кожній темі (шаблоні) цей плагін працює відразу після активації. Що ж, пошуки відновилися, і знайшов я в інтернеті такий код:
Цей код потрібно вставити або в один файл теми блогу:index.php, ось сюди:
( Всі картинки клікабельні )
або в три файли: один вже згаданий раніше, наступні два:archive.php іsearsh.php. У моєму шаблоні вистачило й однієї вставки коду, але про всяк випадок покажу куди треба вставити код у двох файлах:
В даному випадку, у файліarchive.php, код потрібно розмістити між рядками (вказано стрілкою), аналогічно вчинити і зфайломsearsh.php :
Увага! У деяких шаблонах клас навігації прописаний як:
Але, як переконатися, що плагін вже працює? Якщо в налаштуваннях блогу встановлено: виводити по 5 статей на сторінці або більше, а в блозі написано поки що лише 3-4 статті, то навігація не відображатиметься, поки кількість статей не перевищить встановленої кількості хоча б на одну статтю.
У такому випадку потрібно там же в адмін-панелі, в розділі Параметри, відкрити плагінwp-pagenavi абоСписок сторінок і поставити галочку в чекбоксі:Показувати навігацію, навіть якщо сторінок із записами більше немає. Не забудьтеЗберегти зміни. Переходимо в блог і бачимо приблизно таке:
А надалі це виглядатиме ось так:
Co часом, заходячи на багато сайтів, ми помічаємо що, на деяких сторінках компоненти навігації сторінок пофарбовані в кольори, що відповідають забарвленню теми блогу, хто бажає, можете подивитися ще на одному моєму блозі, ось тут . Раніше, щоб досягти такого результату, потрібно було залізти у стилі плагіна і там міняти коди кольорів.
Зараз, цього робити не потрібно, варто лише відкрити консоль блогу, в розділіПлагіни, вибратиДодати новий, у полі пошуку ввести ім'я плагіна:Wp Pagenavi Style, і натиснути:Пошук плагінів.
У вікні, знайти необхідний плагін, і натиснутиВстановити.
Активуйте встановлений плагін. Потім, у меню адмін-панелі відкрийте плагінWp Pagenavi Style, Після чого відкрийте колекцію стилів.
У списку стилів підберіть бажаний колір, відтінок або безбарвний стиль.
Потім, визначте місце розташування навігації сторінок таЗбережіть налаштування.
Якщо нічого гідного не вдалося підібрати, відкрийте довільні налаштування та методом заміни колірних кодів, налаштуйте навігацію, як вашій душі завгодно.
Таким чином, у нас вийшла зручна, красива посторінкова навігація, на радість собі та людям.
Хто не знає як працювати з колірними кодами, заходьте, в одному з наступних постів я розкрию цю тему.
Сподобалося – поділися!
Ще з цієї рубрики
Редагування «відносних» посилань Зміст:1. Чи потрібний плагін “HTTP / HTTPS Remover” Як знайти незахищене посилання на сторінці Редагування посилань у плагіні “Special Text Boxes” Як виправити посилання у плагіні “Broken Link Checker”.
І знову про збільшення картинок у постах кліком миші Плагін перестав збільшувати картинки в посту Здрастуйте, Друзі! У сьогоднішній нотатці розберемося, як правильно налаштувати код картинки, щоб після натискання на ній, вона збільшувалася і відкривалася в пості.
Як знайти і видалити зображення, що не використовуються в блозі WordPress Плагін DNUI Привіт друзі! В одній із статей я обіцяв розповісти про плагін: DNUI (Delete not used image) і зараз, виконуючи обіцяне, розповім, як працює ця плагін. DNUI знаходить усі.