Красивая постраничная навигация. Установка плагина PageNavi на wordpress

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

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

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

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

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

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

 

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

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

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

Вариант №1

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

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

wp pagenavi style

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

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

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

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

index center 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, нажимаем установить сейчас и после нажимаем "активируем плагин"

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

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

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

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

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

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

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

Подпишись на обновления сайта! Получай новые статьи себе на почту.
Введите свой Email
Подпишись на обновления сайта! Получай новые статьи себе на почту.

Понравилась статья? Поделись с друзьями!

Нравится
Опубликовать в Twitter Опубликовать в своем блоге livejournal.com
Вы можете оставить комментарий ниже.

Комментариев к записи: 12

  1. fox:

    Спасибо за такую детальную инструкцию.

  2. Спасибо за статью. Как раз озадачилась тем, чтобы делить статьи на Вордпрессе по страницам. Думала, что есть какая-то встроенная функция.
    Оказывается, нужен плагин.
    Как говорится, «дорога ложка к обеду». :) — в смысле, что Ваша статья мне как раз сейчас нужна (кстати, я пришла к Вам с группы СЕО-трам-пам-пам на Сайбскрайбе).

    Но появились ещё вопросы:
    1) Это точно ОДИН плагин? Или это всё-таки два разных плагина:
    а) Wp-PageNavi
    б) Wp-PageNavi Style

    2) Становится ли этот плагин на версию 3.2.1 ?

    • Я рад, что достал вам ложку)
      1)Это один и тот же плагин, просто разная сборка. В первом значительно проще настроить внешний вид, а во втором он ставится по умолчанию. Я себе оставил второй вариант, т.к. именно такой дизайн и собирался настраивать
      2) Да, ставится. У самого 3.2.1. Если вы не обновили wordpress, то настоятельно рекомендую это сделать прямо сейчас (но не забудьте перед этим сделать бэкап, для подстраховки)

  3. Юлия:

    О, спасибо! Макс, я заслуженно вручаю тебе кубок признания. Заходи за своей наградой http://bosikompomiru.ru/novosti/kubok-priznaniya.html

  4. А про социальные кнопочки и закладки ничего полезного не найдется? И лучше бы скрипты с преподробнейшей инструкцией для чайников…

  5. Vera:

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

  6. Спасибо за плагин. Очень кстати.

  7. Добавил Ваш сайт в закладки. Мне пока еще рано говорить о постраничной прокрутке — я только набираю обороты. Но время идет, развиваюсь и я. Спасибо! Удачи!

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: