Плагин WP-PageNavi

Плагин WP-PageNavi настройка постраничной навигации

Здравствуйте плагином сегодняшнего дня я решил выбрать WP-PageNavi. А пришло это ко мне после посещения вчера большого количества сайтов (по темам я понимал какой двиг у этих сайтов) и на них была стандартная навигация. Я немного поразмыслил и решил сделать подробное описание плагина. Ведь в этом нет ничего сверх сложного а блог получается более красивым. Вот что в итоге я смог вам написать:

Для начала нам понадобится скачать плагин это мы можем сделать вот отсюда

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

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

Так скачать скачали, установить установили переходим к настройке :)

Для правильной установки нам необходимо вот в этих файлах index.php, archive.php и search.php вашей темы заменить вот эти строки:

<div class="navigation">
<div class="alignleft">
< ?php next_posts_link(__('&amp;amp;amp;amp;amp;laquo; Предыдущие записи', 'kubrick')) ?>
</div>
<div class="alignright">
< ?php previous_posts_link(__('Следующие записи &amp;amp;amp;amp;amp;raquo;', 'kubrick')) ?>
</div>
</div>

На этот:

<?php wp_pagenavi(); ?>

Сделаю сразу небольшую поправочку в некоторых шаблонах код который необходимо удалять может различаться от этого, тут уже все зависит от разработчика темы. Например в моей теме этот код выглядел так: <?php techism_content_nav( 'nav-below' ); ?>. То есть нам нужно найти код навигации.

Все плагин уже работает, и настроить его можно в соответствующей вкладке.

Теперь немного интересного для более продвинутых хотя тут опять же нет ничего сверх естественного и думаю новички тоже справятся с этим, а если будут вопросы всегда рад ответить :)

Мы же хотим стили навигации подогнать под нашу тему тогда нам необходимо перейти в «плагины» — «»редактор»  справа выпадающий список кликаем и выбераем наш плагин PageNavi. Теперь под этим списком мы видим список файлов находим вот этот файл pagenavi-css.css открываем и в редакторе вы сможете увидеть вот этот кодик:

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}
.wp-pagenavi a:hover {
border: 1px solid #114477;
color: #114477;
background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
padding: 2px 4px 2px 4px;
margin: 2px 2px 2px 2px;
color: #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
}
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
margin: 2px;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}

Тут вы можете проявить свою фантазию в цветовой гаме вашей навигации. Будьте уникальней))

Если Вы плохо знаете CSS, то придется установить еще один плагин. Найти его можно в каталоге wordpress. Плагин PageNavi Style. Устанавливаете его и переходите в настройки нажав соответствующую вкладку. Вот как это выглядит:

Здесь ничего сложного, просто настраиваете внешний вид перебирая настройки.

Ну вот и все на сегодня. Вопросы задавайте в комментариях.

Поделитесь статьей в соц. сетях:



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

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