Посторінкова навігація в wordpress з плагіном wp-pagenavi і без плагіна за допомогою коду! Легко!

Всім привіт. У цій крутий статті я розповім вам про те, як налаштувати на своєму блозі посторінкову навігацію з плагіном і без плагіна. Так само розповім вам дуже круту штуку. Як правильно закрити від індексації сторінки «page», які створюють дубльований контент і погіршують розкрутку блога!

Зовсім недавно ви самостійно створили свій блог за допомогою програми WordPress. Ви зробили первинні настройки, встановили необхідні плагіни. І почали з натхненням писати цікаві і захоплюючі статті.

На вашому блозі вже 5, 10, 20 статей. І з кожним днем ​​їх стає все більше і більше. І всі вони виводяться анонсами на головній. Новомосковсктель заходить на ваш блог переглядає і Новомосковскет нові замітки, а головна сторінка ставати все довше і довше.

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

І для зручності наших Новомосковсктелей існує посторінкова навігація. У цій статті ви дізнаєтеся:

1. Про посторінковою навігації wordpress і для чого вона необхідна.
2. Про важливість посторінковою навігації для блогу.
3. Розглянемо варіант посторінковою навігації, встановивши плагін.
4. Розберемо варіант посторінковою навігації без плагіна.
5. Як закрити від індексації сторінки page wordpress.

Що таке навігація і навіщо вона потрібна на блозі.

Для початку вирішила дізнатися історію слова НАВІГАЦІЯ. Слово походить від латинського navigo, що в перекладі означає ходіння по морю. І історично слово навігація пов'язано з мореплавством. Синонімами є в основному «морські слова» (мореплавання, мореплавство, судноводіння, судноплавство, кораблеводіння).

В одній з енциклопедій знайшла таке визначення: «Навігація - розділ науки про способи пересування морських, повітряних суден і космічних літальних апаратів з однієї точки простору в іншу».

Інакше слово НАВІГАЦІЯ це шлях, маршрут, переміщення. Посторінкова навігація wordpress це шлях від однієї сторінки до іншої. Звичайно ж уже з вступу зрозуміло, що зручно переглядати сторінки з невеликою кількістю анонсів, максимум 10.

Налаштувати кількість записів на сторінці можна в Панелі адміністратора в розділі Настройки - в пункті Читання

вказуємо скільки записів буде виводитися на сторінці. У нашому випадку це 5 записів.

І внизу сторінки ми побачимо посилання на попередню сторінку з наступними п'ятьма анонсами.

якщо перейдемо по посиланню, то побачимо наступне

Може зустрітися і такий варіант

Це і є посторінкова навігація wordpress, т. Е. Посилання на наступні або попередні 5 постів. І виводитися посторінкова навігація внизу під анонсами.

Чому посторінкова навігація важлива для блогу?

А якщо у вас вже 100, 200, 300 статей, то скільки у вас виходить сторінок. Як Новомосковсктель дізнається скільки на вашому блозі таких сторінок. Повторюся Новомосковсктелі ледачі і нетерплячі, не знайдуть правильний шлях, зате швидко знайдуть ВИХІД.

Відповідь проста - на блозі все повинно бути прекрасно: і контент, і зовнішній вигляд (по одягу зустрічають), і головне ЗРУЧНІСТЬ для відвідувача. І все це покращує поведінкові чинники. Для настройки посторінковою навігації розглянемо два варіанти: із застосуванням плагіна і вставка коду в файли шаблону.

Варіант посторінковою навігації з плагіном.

ВАЖЛИВО. Перед тим як встановлювати плагін або змінювати коди обов'язково зробіть бекап сайту.

Крок 1 Установка плагіна.

Заходимо в Панель адміністратора - розділ Модулі - Додати новий.

У вікно пошуку вводимо назву плагіна WP-PageNavi і натискаємо Пошук.

У результатах пошуку знаходимо наш плагін (він перший в списку) і натискаємо Встановити.

Наступного сторінки натискаємо Активувати плагін.

Все плагін встановлений і активований і в розділі Налаштування з'явився пункт Список сторінок

Але не поспішайте з настройками. Перш потрібно вставити необхідний код плагіна в файли шаблону.

Крок 2 Установка функції

І шукаємо такі рядки

т. е. шукаємо слова «вперед», «назад», «наступна», «попередня» і замість цього коду вставляємо такий код:

Пояснення до коду: функція поміщена в блок div і відразу прописуємо в стилях вирівнювання по центру. Якщо не бажаєте щоб навігація була по центру, просто вставте функцію

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

А тепер потрібно повторити цю операцію кілька разів в файлах Архіви (archive.php), Результати пошуку (search.php), Шаблон рубрик (category.php), якщо такі файли є у вашій темі. Перевірте сторінки виведення рубрик, архіву, пошуку. На них також повинна з'явитися посторінкова навігація.

Крок 3 Налаштування плагіна

Переходимо в налаштування плагіна. Тут все просто, якщо скористаєтеся «Радою:». Щоб було зрозуміло яка рядок, що виводить на скріншотах нижче вони під однаковими номерами.

Подальші налаштування можна залишити без зміни.

Я в налаштуваннях поля 1,4,5 залишу порожніми і в підсумку залишається так: (особисто мені так більше подобається)

і в списку файлів знаходимо і відкриваємо документ pagenavi-css.css коду в ньому небагато.

Ми змінимо тільки колір рамки навколо нумерації.

і в підсумку отримаємо так:

Варіант посторінковою навігації без плагіна.

Щоб зробити навігацію без плагіна необхідно вставити код в файл functions.php і невеликий код в файли: index.php, archive.php, search.php, category.php, і стилі в файл style.css.

Перед тим як змінювати файли теми обов'язково зробіть бекап сайту.

Якщо встановлений плагін WP-PageNavi, то його потрібно деактивувати.

Обов'язково налаштуйте посторінкову навігацію і закрийте сторінки від індексації. Всім бажаю благополуччя і відмінного плавання по безкрайніх просторах інтернету.