Всем привет! Многие плюют на такую мелочь, как юзабилити (удобство пользования) сайта, и абсолютно напрасно. Красивая и удобная постраничная навигация - это действительно мелочь, но без нее никуда! В этой статье как раз и пойдет речь о том, как сделать себе классную постраничную навигацию с помощью плагина 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(__('« Предыдущая страница', '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
Спасибо за такую детальную инструкцию.
Всегда пожалуйста!
Спасибо за статью. Как раз озадачилась тем, чтобы делить статьи на Вордпрессе по страницам. Думала, что есть какая-то встроенная функция.
— в смысле, что Ваша статья мне как раз сейчас нужна (кстати, я пришла к Вам с группы СЕО-трам-пам-пам на Сайбскрайбе).
Оказывается, нужен плагин.
Как говорится, «дорога ложка к обеду».
Но появились ещё вопросы:
1) Это точно ОДИН плагин? Или это всё-таки два разных плагина:
а) Wp-PageNavi
б) Wp-PageNavi Style
2) Становится ли этот плагин на версию 3.2.1 ?
Я рад, что достал вам ложку)
1)Это один и тот же плагин, просто разная сборка. В первом значительно проще настроить внешний вид, а во втором он ставится по умолчанию. Я себе оставил второй вариант, т.к. именно такой дизайн и собирался настраивать
2) Да, ставится. У самого 3.2.1. Если вы не обновили wordpress, то настоятельно рекомендую это сделать прямо сейчас (но не забудьте перед этим сделать бэкап, для подстраховки)
О, спасибо! Макс, я заслуженно вручаю тебе кубок признания. Заходи за своей наградойhttp://bosikompomiru.ru/novosti/kubok-priznaniya.html
А про социальные кнопочки и закладки ничего полезного не найдется? И лучше бы скрипты с преподробнейшей инструкцией для чайников…
В ближайшее время буду делиться такой информацией)
Большое спасибо, я как раз хотела установить постраничную навигацию на свой сайт. И ещё много полезного для себя у вас тут нашла.
Пожалуйста, Вера! Рад, что смог помочь!
Спасибо за плагин. Очень кстати.
Пожалуйста, Анна!
Добавил Ваш сайт в закладки. Мне пока еще рано говорить о постраничной прокрутке — я только набираю обороты. Но время идет, развиваюсь и я. Спасибо! Удачи!