Устанавливаем страницы на блог с помощью плагина WP Page Numbers

Пару дней назад я говорила о том, что буду улучшать  внешний вид блога и я решила заняться страницами. Гораздо удобнее перелистывать по несколько страниц, чем каждый раз жать «Предыдущие записи». И так мы сделаем это с помощью плагина WP Page Numbers.

Плагин WP Page Numbers

1. Скачиваем плагин  WP Page Numbers, затем активируем его.

2. Заходом в «Внешний вид — Редактор», выбираем файлы index.php, single.php, archive.php, search.php, categories.php, page.php (лично мне надо было поменять в одной теме только индекс, у каждого будет по своему) *PARDON*

Нажимаем Ctrl+F и ищем слово navigation


<div>
 <?php if(!function_exists('wp_pagenavi')) : ?>
 <div><?php next_posts_link('Previous') ?></div>
 <div><?php previous_posts_link('Next') ?></div>
 <?php else : wp_pagenavi(); endif; ?>
 </div>

Советую не удалять, а сохранить старый код в текстовом документе, хотя бы временно, а то вчера не внимательно вставила код, и у меня шаблон навернулся. Минут 10 разбиралась, так что лучше не торопиться. ;)

3. Нужно вставить вот этот код

<?php if(function_exists('wp_page_numbers')) { wp_page_numbers(); } ?>

4. Сохраняем и идем в настройки ( Парметры: Page Numbers), выбираем внешний вид, мне понравился 1 вариант. Вы и сейчас можете на него посмотреть *THUMBS UP*

Еще подкорректируем тут

Default text: Page  - > Страница
Default text: of  -> из

5. Дальше нам нужно наводить красоту и настраивать под дизайн блога O=)

Заходим на хостинг, фтп, наш сайт, затем в wp-content/plugins/wp-page-numbers/(название_темы) на рисунке можете глянуть. Я выбрала самую первую, захожу  /wp-page-numbers/default

Там есть картинка гиф и  wp-page-numbers.css — это то, что нам нужно, нажимаем редактировать, я разбиралась методом тыка, брала цвет и вводила его в яндекс, попадала на цветовой барабан =)

Цвет выбранной страницы

#wp_page_numbers li.active_page a {
color: #fff; (цвет цифры белый)
background: #badbad; (фон светло зеленый)
border-top: 2px solid #badbad; (верхняя часть фона — светло зеленый)
border-bottom: 2px solid #badbad; (нижняя часть фона — фон светло зеленый)

Цвет когда наводим мышкой на страницу

#wp_page_numbers li a:hover {
color: #aaa; (цвет цифры)
border-top: 2px solid #d2b48c; (верхняя часть фона) светло бежевый
border-bottom: 2px solid #f1f1f1; (нижняя часть фона) белый

Вот так за пять шагов делаем странички на блоге.

На этом все. Инканта.

Как установить красивые кнопки социальных сетей

Похожие статьи

Отзывов (14) на «Устанавливаем страницы на блог с помощью плагина WP Page Numbers»

  1. Есть еще замечательный плагин wp-pagenavi =)

    Инканта, С Днём Рождения! *IN LOVE*

  2. Я не пробовала =) Спасибо :-[

    Утром хотела написать отдельный пост O=)

  3. Здравствуйте Инканта. А вы не могли бы мне подсказать почему я на своем блоге при переходе например на 4 страницу записей по опр. тегу получаю ошибку 404... причем предыдущие стр. открываются нормальнально. а вот после 4 все... пиши пропало.

    Напишите мне пожалуйста на мыло если ответите:)

    либо туда же и напишите.

  4. Добрый день.Полистала я блог, вроде все нормально 8) и просто и по тегу. Даже не знаю, в чем может быть проблема.

  5. _http://lifeheart.ru/tag/lyubov/page/4 вот. эта ссылка не работает... а _http://lifeheart.ru/tag/lyubov/page/3 спокойно работает.

    Ой, если ссылки будут мешать после ответа уберите их отсюда:)

  6. Посчитайте сколько страниц с тегом любовь и сколько отображается. Может просто следующей страницы и нет вовсе, а ссылка на «Предыдущее» стоит вот он ничего не находит *UNKNOWN*

  7. Всегда пользовался pagenavi :)

    С Днём Рождения! *DRINK*

  8. Елки-палки, мне тоже надо будет на другом блоге установить падженави 8)

    Спасибо :-*

  9. Так и не нашел нужную строку...((

  10. Елена:

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

  11. Отличный пост, подписался на обновления по RSS

  12. О, то что мне нужно сделать.

  13. Ваш сайт интересный, помещу сайт в закладки.

  14. [...] Рекламная строчка честно говоря немного мешает. Лучше прицепить ее после меню. Что бы не ползала по всему экрану. Так же следует установить плагин  WP Page Numbers.  [...]

Ваш отзыв