Всем привет! Многие плюют на такую мелочь, как юзабилити (удобство пользования) сайта, и абсолютно напрасно. Красивая и удобная постраничная навигация - это действительно мелочь, но без нее никуда! В этой статье как раз и пойдет речь о том, как сделать себе классную постраничную навигацию с помощью плагина PageNavi.

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

Так в чем же все таки смысл настройки подобного плагина, просто красивая картинка для самоудовлетворения? Ну конечно же - нет! Просто при хорошей навигации, люди дольше остаются на вашем на сайте, и это увеличивает такой показатель, как "поведенческий фактор", которому поисковики придают все больший вес при ранжировании сайта.

По раскрутке и seo советую ознакомиться с этими статьями:

Карта сайта для поисковиков. Google XML Sitemap
Делаем правильную ссылку на страницу (ЧПУ)
Файл robots.txt для wordpress
Бесплатный сервис для оптимизации сайта
Установка плагина all in one seo

Ну и плюс ко всему красивая навигация будет доставлять эстетическое удовольствие! На worpress для этого есть замечательный плагин постраничной навигации PageNavi, с помощью которого буквально за несколько минут, сделаем отличную навигацию!

Ладно, хватит философии, пора приступать к установке плагина PageNavi

Постраничная навигация wordpress,  Установка плагина pagenavi

Тут у нас два возможных варианта, т.к. есть два варианта плагина. У меня почему то не пошел первый вариант, и я применил вариант №2 (После я разобрался как сделать рабочим первый вариант, инструкция будет в конце статьи).

Вариант №1

1. Заходим в меню плагины и вбиваем в поиск pagenavi

2. Выбираем плагин PageNavi style, нажимаем установить сейчас и после нажимаем "активируем плагин"

3. Идем в настройки плагина

4. Выбираем стиль, который понравился и больше всего подходит

5. Теперь необходимо изменить код в файле index.php

Для этого в меню панели инструментов выбираем дизайн>редактор> выбираем Index.php

Теперь находим код типа:

<div class="navigation">

    <div class="alignleft">

<?php next_posts_link(__('&laquo; Предыдущая страница', 'kubrick')) ?>

</div>
    <div class="alignright">

<?php previous_posts_link(__('Следущая страница;', 'kubrick')) ?>

</div>
</div>

Сделать это очень просто, можно просто вбить в поиск на странице фразу "следущая страница"(или ту, которая стоит у вас на блоге.

Теперь заменяем старый код вот этим

<div class="pagenavi">
      <?php if(function_exists('wp_pagenavi')) { ?>
 <div class="wp-pagenavi">
   <?php wp_pagenavi();  ?>
 </div>
 <?php }
else {?>
 <div class="page-nav">
   <div class="nav-previous">
     <?php previous_posts_link('Следущая страница') ?>
   </div>
   <div class="nav-next">
     <?php next_posts_link('Написано ранее') ?>
   </div>
 </div>
 <? } ?>
 </div>

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

6. Вот и все! У вас должна появится постраничная навигация.

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

Пытался полазить в коде, но ничего не получилось, тогда я перешел ко второму варианту

Вариант №2

1. Заходим в меню плагины и вбиваем в поиск pagenavi

2. Выбираем плагин Wp- PageNavi, нажимаем установить сейчас и после нажимаем "активируем плагин"

3.  Заходим в настройки плагина. В меню отображается как "список страниц"

4. Заменяем английские слова на русские

Минусом второго способа является то, что непросто подредактировать стиль навигации (нужно лезть в html код), а будет стоять дефолтный стиль для темы. Я все равно собирался ставить такой же стиль, поэтому меня этот вариант полностью. устраивает.

5. Все! Теперь у вас отличная Постраничная навигация wordpress блога!

И кстати, если у вас не заработало по первому способу, то после установки по второму начнет работать и первый! Я себе оставил второй, т.к. меня этот дизайн полностью. устраивает.

Ну чтож, вы еще на 1 шаг ближе к цели, поздравляю! Ваш MaxNeo.ru

Статьи по теме:

• Как создать сайт на wordpress
• Регистрируем хостинг и домен