Постраничная навигация в WordPress, WP Page Numbers плагин нумерации страниц

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

К сожалению, изначально в стандартной WordPress теме, такой постраничной навигации нет. После того, как на вашем блоге количество постов превысит определенное количество — его, кстати, можно задать самостоятельно: из админки WordPress перейдите в Параметры -> Чтение, где будет такая строка «На страницах блога отображать не более» и рядом можно задать нужное вам количество:

WordPress навигация по страницам

Ну, а если вы не помните, как выглядит постраничная навигация в базовой теме, то я вам напомню. Примерно вот так:

Пронумеровать страницы WordPress

Если, статей на блоге не большое количество, то оставить такую навигацию временно можно, но если количество записей на вашем блоге превышает 20 записей, а тем более 100, кстати это уже 113 пост, то найти нужную страницу будет сложновато.

Поэтому многие вебмастеры используют WordPress навигацию у себя на блогах. Это можно сделать при помощи кода ( на моем блоге это раздел хаки), либо при помощи плагинов.

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

Плагин называется WP Page Numbers. На мой взгляд, он очень удобен для новичков, а аналогом данного плагина является WP Page Navi.

Установка и настройка WordPress плагина WP Page Numbers

1. Скачиваем плагин WP Page Numbers от сюда, устанавливайте его к себе на блог и активируйте.

2. Далее в админке WordPress идем в Внешний вид -> Редактор и открываем следующие файлы темы: archive.php, categories.php, index.php, single.php, page.php, search.php намного лучше будет, если вы их будете редактировать в текстовом редакторе Notepad++. Нажимаем Ctrl + F и ищем в них следующий код:

  1. <?php posts_nav_link(‘<<‘, __(‘< старые записи’), __(‘новые записи >’)); ?>;

У вас данный код может отличаться, поэтому скопируйте небольшой кусок кода, например, «новые записи». Замените данный код на этот:

  1. <?php if(function_exists(‘wp_page_numbers’)) { wp_page_numbers(); } ?>

3. Далее идем настраивать данный плагин Параметры ( или Настройки) ->Page Numbers и выбирайте какое оформление навигации вы желаете. Всего будет представлено пять видов, но, если они вам не подходят, то можно их подредактировать.

Мне больше всего понравился последний:

Page_Numbers

Также можно перевести плагин на русский:

Навигация в WordPress

И сохраните данные изменения.

Если данный цвет не сочетается с цветовой гаммой вашего блога, то это можно исправить.

Откройте ваш FTP клиент и перейдите в папку плагина wp-content/plugins/wp-page-numbers/название вида навигации ( его вы выбирали в 3-ем шаге).

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

WordPress навигация

А чтобы поменять цвет при наведении на цифру, откройте wp-page-numbers.css. И чтобы поменять цвет найдите строку #wp_page_numbers li a:hover background: в моем случае это 44 строка. Далее поставьте нужный вам код цвета, выбрать можно при помощи программ цветовых палитр. Например, можно поставить оранжевый цвет, как на картинке — #FAD93E.

Если, будут возникать вопросы или проблемы с работой плагина задавайте. Не забудьте подписаться на блог, чтобы получать новые уроки на почту.

 


Похожие записи:

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

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

Похожие записи: