Навигация сайта с плагином WP-PageNavi

Постраничная навигация.

Хочешь сделать удобную постраничную навигацию?

Получи готовое решение - Навигация сайта.

Плагин для постраничной навигации.

Наша задача:

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

Стандартная навигация WordPress отображает только записи: предыдущая и последующая.

Для вывода списка страниц сайта нам нужен плагин WP-PageNavi, который автоматически сформирует список страниц и выведет его на главную страницу выше подвала.

Устанавливаем плагин WP-PageNavi. Плагины – Добавить новый – WP-PageNavi - Поиск плагинов. Нашли – Установить - Активировать. Плагин начнет работать сразу после активации. Проверяем.

Есть темы, на которых плагин не отображает список страниц, требуется вставка дополнительного html-кода в файл темы footer.php.

Перед  редактированием необходимо сделать копию файла footer.php, находящегося в папке themes корневого каталога public_html/wp-content/ вашего сайта.

Для создании резервной копии файла используйте FTP-клиент или файловый менеджер хостинга. Переходим к редактированию кода файла footer.php.

Меню - Внешний вид – Редактор - footer.php.

Вставляем код <?php wp_pagenavi(); ?> вначале редактируемого кода. Сохранить файл. Смотрим изменения, вернее, появление постраничной навигации сайта.

Если строка навигации прижата к подвалу, то вставляем код <?php wp_pagenavi(); ?></p>, в котором добавлен тег вертикального отступа - </p>. Сохраняем файл, смотрим изменения.

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

Консоль сайта – Параметры – Список страниц – Стиль списка страниц, ставим – Обычный. Сохранить изменения.

Если после редактирования файла footer.php сайт отображается некорректно, то меняем файл footer.php на первоначальный вариант FTP-клиентом, или файловым менеджером хостинга.

Постраничная навигация готова.

Пройдем по шагам, что мы делали.

Нашли плагин WP-PageNavi, установили и активировали. Посмотрели, как работает плагин постраничной навигации. Если все ОК, то больше ничего не делаем.

Если тема не отображает список страниц, то предварительно делаем резервную копию файла footer.php папки themes нашего сайта.

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

Говорим спасибо. Нажимаем на кнопку социальных сетей. Пишем комментарии.

В следующей статье я расскажу, как сделать навигацию сайта изменением html-кода файлов темы сайта.

С уважением, Александр Приц.

Скачай книгу по защите блога от взлома.

Подпишись, получай статьи на почту.





Понравилась статья, расскажи друзьям. Они скажут Вам спасибо!

Опубликовать в Мой Мир
Опубликовать в Google Plus
Опубликовать в Одноклассники
Опубликовать в Яндекс
(Визитов 490 всего)
This entry was posted in Плагины WordPress and tagged , . Bookmark the permalink.

28 Responses to Навигация сайта с плагином WP-PageNavi

  1. Спасибо за статью. Интересно.

  2. Милена says:

    Отличные подсказки ,спасибо большое за интересную статью.

  3. Edem says:

    Хм.. Вроде всё ясно. Надо будет пробовать!

  4. Ирина says:

    Интересно, как раз задумывалась о том, что надо бы сделать страницы на сайте — а тут ваша статья)) очень кстати, спасибо, все четко и понятно

  5. Елена says:

    Давно задумывалась, как сделать постраничную навигацию. Теперь попробую.

  6. Vadar says:

    Нужная информация для новичков! От меня твит!

  7. Стоит задача поставить навигацию. Уже попробовала по другой схема не получилось, попробую с плагином! Спасибо.

  8. Добрый день.
    Использую на своем блоге стандартную постраничную навигацию — пока все довольны :).

    • admin says:

      А как ты узнаешь, что все довольны, ведь приходится листать постатейно. Стандартная навигация хороша, когда мало статей на сайте.

  9. Я попробую установить этот плагин. Спасибо.

  10. Павел says:

    С навигацией намного удобней.

  11. ZvetaLana says:

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

  12. Римма says:

    Давно хотела сделать такую навигацию, но думаю моя тема этого не перенесет :-),
    за статью спасибо, обязательно попробую.
    Удачи!

    • admin says:

      Римма, любая тема это переживет, только одна сразу работать начинает, другой код вставлять надо.

  13. Александр, огромное спасибо за статью!!!
    Второй день бьюсь, куда-же мне вставлять этот код?
    Правда небольшой нюанс остался, как должен выглядеть код, чтобы отодвинуть навигацию ещё дальше от подвала?

    • admin says:

      Анатолий, вам еще один отступ необходимо поставить после кода навигации, тогда строка навигации поднимется над подвалом, а вернее, подвал опустится.

  14. Созрел ещё один вопросик.
    Как сделать, горизонтальное выравнивание строки навигации по центру?
    Спасибо.

    • admin says:

      Анатолий, необходимо вначале кода поставить тег

      , и закрывающий тег в конце кода
      , а следом для отрыва от подвала. Удачи.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *