Авг
Постраничная навигация для wordpress плагином WP PageNavi
Здравствуйте, из данного поста вы узнаете, как можно сделать постраничную навигацию на wordpress сайтах или блогах с помощью плагина WP PageNavi или WP Page Numbers. Постраничная навигация будет полезна как вам, так и посетителям вашего сайта, чтобы было удобно путешествовать по сайту.
По умолчанию шаблоны имеют неудобную навигацию, которая позволяет перейти на страницу вперед или назад, но с помощью плагина WP PageNavi или WP Page Numbers можно сделать комфортную навигацию с нужным оформлением под ваш дизайн.
Сам я использую на своих блогах для постраничной навигации wordpress плагин WP PageNavi, но всегда надо иметь под рукой альтернативный вариант — WP Page Numbers.
WordPress плагин wp pagenavi
Первым делом нам необходимо скачать и установить плагин на сайт. Данная процедура ничем не отличается от установки других плагинов, поэтому в моей статье – скачиваем и устанавливаем плагины, я подробно описал два способа установки плагинов.
Сам я рекомендую сэкономить время и зайти в административную панель – плагины – добавить новый и вбить название плагина «wp pagenavi». После чего нажать скачать, установить и активировать.
Данный плагин сразу работать не будет после активации, необходимо установить специальный код, с помощью которого мы указываем, на каких страницах должна отображаться постраничная навигация. Подобную процедуру я описывал в статье по установки на wordpress хлебных крошек.
Вернемся к нашей навигации, обычно постраничную навигацию устанавливают для главной страницы, рубрик, архивов, в результате использования поиска по блогу. Чтобы добавить навигацию в данные места необходимо немного подкорректировать файлы темы вашего блога.
Для этого опять же упрощаем время и заходим в административную панель – внешний вид – редактор. Теперь нам надо найти стандартный код для постраничной навигации и изменения его на специальный код плагина WP PageNavi. Для этого в файлах INDEX.PHP, ARCHIVE.PHP и SEARCH.PHP ищем стандартный код, который будет выглядеть примерно следующим образом:
<div class="navigation navigation-index">
<div class="nav-prev"><?php next_posts_link ( __ ('« Older Entries', 'blank')) ?></div>
<div class="nav-next"><?php previous_posts_link ( __ ('Newer Entries »', 'blank')) ?></div>
</div>
Когда нашли подобный код, его надо заменить на специальный от плагина wp pagenavi:
<?php wp_pagenavi (); ?>
В настройках плагина WP PageNavi по умолчанию установлены нормальные параметры, поэтому настройки можно не изменять.
Если вы хотите изменить внешний вид оформления постраничной навигации wordpress плагина WP PageNavi, тогда надо изменить css файл, расположенный в папке с самим плагином на хостинге, для этого заходим на хостинг и изменяем файл по следующему пути:
/wp-content/plugins/wp-pagenavi/pagenavi-css.css
Как оформить css под общий дизайн сайта я рассказывать не буду, но отдельный урок я постараюсь посвятить данной теме. Постраничная навигация полезна для любого сайта с точки зрения юзабилити, а раскрутка интернет магазина возможна при помощи увеличения посещаемости зайта благодаря выводу НЧ в топ.
WordPress плагин WP Page Numbers
Первым делом нам надо установить и активировать плагин WP Page Numbers, это можно сделать как через административную панель, так и стандартным способом через фтп или использования хостинга. По аналогии процедуру установки плагина я описывал выше.
После того как плагин установлен и активирован, надо внедрить специальный код в файлы (archive.php, index.php и search.php). Первоначально надо найти старый код отвечающий за постраничную навигацию который выглядит примерно так:
<div class="navigation navigation-index">
<div class="nav-prev"><?php next_posts_link ( __ ('« Older Entries', 'blank')) ?></div>
<div class="nav-next"><?php previous_posts_link ( __ ('Newer Entries »', 'blank')) ?></div>
</div>
После чего заменить старый код на специальный для плагина WP Page Numbers:
<?php if (function_exists ('wp_page_numbers')) { wp_page_numbers (); } ?>
Теперь можете подкорректировать внешний вид и другие настройки плагина по адресу – административная панель -> Настройки –> Page Numbers. Так же отдельно можно изменить внешний вид данной навигации на сайте.
Вроде бы описал два плагина которые помогут сделать более комфортным сайт при помощи удобной постраничной навигации wordpress плагинами — WP PageNavi или WP Page Numbers. Если есть вопросы, задавайте.
28 Авг 2011 в 07:34
У меня в шаблоне есть вот такой файл — navigation.php
Получается, что все манипуляции в нем надо производить?
[Ответить]
Руслан Reply:
августа 28, 2011 at 07:41
Вот ссылка на сам код в файле navigation.php (ссылка на заметку в evernote). Подскажи, пожалуйста, какую часть кода в нем надо заменить?
[Ответить]
Ahawks Reply:
августа 28, 2011 at 13:18
Лучше скинь название или сам шаблон своего блога, чтобы я все остальные файлы глянул... и судя по тому файлу в нем уже есть и стандартный код и код от плагина пейджнави...
[Ответить]
28 Авг 2011 в 13:36
Вот шаблон блога theme4press.com/evolve/
На самом моем блоге, как видишь, навигации встроенной нет
ostrovrusa.ru
[Ответить]
Ahawks Reply:
августа 28, 2011 at 14:13
Странная структура шаблона нет сингл.пхп... попробуй просто установить плагин pagenavi как написано в статье, если не появится навигация, то я установлю шаблон на свой блог и сам проверю...
[Ответить]
28 Авг 2011 в 14:19
Я несколько раз встречал шаблоны без single.php
У меня стоит плагин WP Page Numbers. Так как был установлен ранее, когда тема другая была. Думаю, надо менять код в index.php, просто пока непонятно, какой именно.
[Ответить]
Ahawks Reply:
августа 28, 2011 at 14:33
Просто ради интереса поставь WP PageNavi просто в кода это прописано, и изменится навигация или нет...
А в индекс пхп скорее есть маленькая строчка, которая пересылает на файл с навигацией...
[Ответить]
Руслан Reply:
августа 28, 2011 at 15:21
Спасибо, получилось! Знал бы раньше, ставил плагин WP PageNavi, чтобы не возиться с кодами )
[Ответить]
28 Авг 2011 в 20:59
А как сделать так, чтоб навигация была и сверху и снизу на главной странице.
[Ответить]
Ahawks Reply:
августа 28, 2011 at 23:02
Мм, возможно можно это сделать через настройки плагинов, но скорее всего просто надо установить код с навигацией выше по коду в файле индекс.пхп
[Ответить]
30 Авг 2011 в 19:24
Привет и спасибо за пост Но от себя добавлю, что встречается и такое: после ввода искомого кода в файлы шаблона постраничной навигации не появляется. И вылечить это можно только переустановкой шаблона имхо.
[Ответить]
Ahawks Reply:
августа 30, 2011 at 21:55
Привет Павел. Спасибо за дополнение, с таким не сталкивался... хотя странно, если первоначально код шаблона не изменялся, то почему помогает замена его заново...
[Ответить]
31 Авг 2011 в 18:27
Пользовался плагином wp pagenavi почти все время существования блога, очень хороший и удобный плагин, можно самостоятельно настроить внешний вид под себя.
А недавно наткнулся на код от Dimox и стал использовать его. Со вторым плагином не знаком.
[Ответить]
Ahawks Reply:
августа 31, 2011 at 19:40
Аналогично, уже пару месяцев планирую код от Димка попробовать, но все никак, лень) Просто у меня есть дефект при пейджнави на этом шаблоне
[Ответить]
Webliberty Reply:
августа 31, 2011 at 20:45
Дефект? Не замечал, вроде все хорошо работает, может в разных браузерах по рзному, у меня хром
[Ответить]
Ahawks Reply:
августа 31, 2011 at 21:44
Если на главной странице подряд переключать между страницами, то по моему на 4 или на 5 меню повиснет и нельзя будет зайти на эту страницу.
[Ответить]
Webliberty Reply:
августа 31, 2011 at 22:18
А, да сейчас попереключал — заметил, попробуй код — я заменил и внешний вид также настроил как и было, внешне и не заметно для посетителей что используется.
[Ответить]
02 Сен 2011 в 15:01
Артур, у вас случайно не стоит какой — нибудь плагин продвинутого кеширования? Просто, если у посетителя не очищен кеш, ему не отображаются новые записи на главной странице.
[Ответить]
Ahawks Reply:
сентября 2, 2011 at 20:31
Нет, стоит обычный плагин hyper cache... а какая последняя запись у вас отображалась на главной?
[Ответить]
10 Сен 2011 в 20:10
здравствуйте а для тупых можете ответить нужно в трех файлах менять код или в одном из них
[Ответить]
Ahawks Reply:
сентября 10, 2011 at 23:46
Здравствуйте, если хотите, чтобы везде была такая навигация то во всех файлах, но основной это индекс.пхп
[Ответить]
11 Сен 2011 в 10:53
спасибо большое! Сейчас попробую если не получится могу я вас еще побеспокоить
[Ответить]
Ahawks Reply:
сентября 11, 2011 at 19:38
Хорошо, но думаю что все у вас получится
[Ответить]
01 Дек 2011 в 01:21
Спасибо огромное!
Я уже и не надеялась увидеть постраничную навигацию на своем сайте. Ан нет — получилось)
[Ответить]
Ahawks Reply:
декабря 1, 2011 at 01:26
Не за что) А в чем была проблема, что то не получалось установить или нормальной инструкции по установки постраничной навигации на вордпресс не было?
[Ответить]
01 Дек 2011 в 01:41
Установить-то плагин я установила. Еще неделю назад. А вот кто бы настроил))
Зато теперь циферки внизу страниц прям радуют.
Осталось птичку для твиттера найти, и я буду почти счастлива) Не знаете, кстати такую? Там идет птичка и надпись «мы в твиттере». Нажимаешь и попадаешь на страничку нужного человечка. Вот объяснила-то)))
[Ответить]
Ahawks Reply:
декабря 2, 2011 at 12:20
Не совсем понимаю предназначения данной птички, чтобы подсказать как её сделать.
Можно просто найти нужное изображение твиттер птички, разместить его в нужном месте на сайте и прописать, чтобы по клику на рисунок тебя пересылало на нужный сайт в нашем случае на страницу в твиттере.
Или можно установить на сайте какой нибудь твиттер счетчик, с помощью которого при нажатие переходишь на твиттер сайт и подписываешься ahawks.ru/wordpress/vyvod...era-na-blog.html
Или вывести твиттер ленту прямо на сайт, и где тоже будет присутствовать кнопка для перехода на твиттер. Как это сделано у меня в блоге
[Ответить]
02 Дек 2011 в 12:37
Было бы все так просто))
Я говорю про вот такую птичку (она может выглядеть и по-другому, это как вариант, чтобы Вы поняли, о чем я) — vekinterneta.com. Смотрите справа.
[Ответить]
Ahawks Reply:
декабря 2, 2011 at 12:58
я на вашу электронную почту отправил сообщение, где описал как это сделать.
[Ответить]
16 Дек 2011 в 04:29
Практически во всех блогах объясняют как поменять коды на старых версиях вордпресса. У меня WordPress 3.2.1.
Все перепробовал, ничего не получается, к сожалению. Коды с надписями «предыдущие записи', новые записи» нет в файлах index.php, single.php, archive.php, search.php, categories.php, page.php
[Ответить]
Ahawks Reply:
декабря 16, 2011 at 21:19
Здравствуйте, версия вордпреса не влияет на эти файлы, все зависит исключительно от шаблонов, каждый шаблон прописан по своему и в некоторых даже может не быть указанных вами выше файлов.
Какой именно вы хотели плагин установить для постраничной навигации?
Пришлите мне на мыло [email protected] вашу тему для сайта и я подскажу куда необходимо вставить код.
[Ответить]
Игорь Reply:
декабря 20, 2011 at 11:42
Здравствуйте, Артур.
Вы не забыли за мою просьбу? Или установленная у меня тема Twenty Ten 1.2 оказалась неподъёмной?
[Ответить]
Ahawks Reply:
декабря 20, 2011 at 12:51
Здравствуйте Игорь, я вам 11 часов назад по емеилу ответил, что необходимо изменить в данной теме, чтобы появилась постраничная навигация. Проверьте почту
[Ответить]
Игорь Reply:
декабря 21, 2011 at 00:19
Спасибо, Артур. Все получилось с первого раза.
С Вашего разрешения я напишу отзыв о Вас на другом блоге, где к моей просьбе о помощи остались равнодушны ))
[Ответить]
Ahawks Reply:
декабря 21, 2011 at 00:30
Рад, что смог помочь) Обычно всегда стараюсь помочь если могу, вот только не сразу получается помочь.
Спасибо, будет интересно почитать отзыв про меня)
[Ответить]
Игорь Reply:
декабря 21, 2011 at 09:37
Вот здесь на моем посту обсуждение и закончилось ((
wpnew.ru/sozdanie-bloga/r...a-wordpress.html
В общем-то отзывы об этом блоге не плохие в инете.
[Ответить]
Ahawks Reply:
декабря 21, 2011 at 11:15
у Петра хороший блог я его давно знаю, и статьи он пишет по лучше чем я, больше иллюстраций и деталей, у меня так не получается. Опять же у него посещаемость в разы больше чем у меня и не всегда есть время ответить на все комментарии.
[Ответить]
Елена Reply:
июня 25, 2012 at 13:25
У меня тоже тема Twenty Ten/
Может в посте выложите ответ ... что заменить , чтоб получилась постраничная навигация.
[Ответить]
17 Дек 2011 в 05:43
Привет.
Я изучал поисковую выдачу Яндекса и увидел, что тут что-то пишут про мой блог vekinterneta.com
Оказалось, что причиной тому стало оформление боковой колонки и в частности твиттера.
Приятно, что люди уже начали писать о моем сайте.
Ahawks, у нас блоги примерно на одну тему. Может обменяемся ссылками-рекомендательными статьми или небольшими рекламными изображениями в боковой колонке? Предлагаю пообщаться на тему сотрудничества.
Всех остальных я тоже приглашаю в гости!
[Ответить]
17 Дек 2011 в 07:01
Здравствуйте. Я смотрю, вы тут всем хорошо помогаете, может и мне сможете? У меня стоит WP PageNavi, навигация есть, но при нажатии на цифру со страницей, открывается пустая страница. Что может быть? В файлах темы покопался, но странная она какая-то. Ничего не пойму. Буду очень признателен за ответ.
[Ответить]
Дмитрий Reply:
декабря 17, 2011 at 09:02
Все, спасибо, ответ не нужен. Был виновен плагин Advanced Permalinks. Уффф...
[Ответить]
Ahawks Reply:
декабря 17, 2011 at 14:03
Бывает, хорошо что сами разобрались, у меня с другим плагином была проблема, при переходе по навигации она ломалась и не отображала переходов на другие страницы.
[Ответить]
24 Дек 2011 в 16:57
Установлен плагин WP-PageNavi, WordPress версии 3.1, код поставил там где надо... Но при выводе постраничной навигации в рубрики стоит только «1» и все, хотя если выводятся странички в поиски или смотреть статьи автора то там постраничная навигация работает... я ка кпонимаю с плагином все в порядке, в какую именно сторону копать не знаю, подскажите если кто сталкивался
[Ответить]
Ahawks Reply:
декабря 24, 2011 at 21:29
Тут надо смотреть шаблон, в нем где-то допущена ошибка. Найти строчку div class="wp-pagenavi" в index.php, page.php,одиночная запись, функции или может еще есть специальный файл для этого
[Ответить]
Денис Reply:
декабря 28, 2011 at 09:33
Заметил этот баг после обновление вордпресса, сейчас удалось найти что при отключение плагина Ads-WordPress постраничная навигация приходит в норму...
[Ответить]
28 Янв 2012 в 16:48
Скачала плагин, активировала а вот с кодом проблемы...
У меня в index.php совем другое прописано :
<?php
get_header ();
if (have_posts ())
{
while (have_posts ())
{
art_post ();
}
art_page_navi ();
} else {
art_not_found_msg ();
}
get_footer ();
И что тут надо заменять я не могу понять, уже всё перепробовала и ничего не получается...Подскажите, пожалуйста, что надо сделать?
[Ответить]
01 Фев 2012 в 21:48
Здравствуйте, возможно немного не по теме, но возможно хоть Вы мне сможете подсказать, где можно найти хоть какую-нибудь полезную информацию по оптимизации кода WP версии 3.2.1 или платного шаблона striking?
[Ответить]
02 Фев 2012 в 19:29
Здравствуйте Пётр! У меня тоже проблема, нигде нет даже чуточку похожих строчек кода. Если не сложно подскажите пожалуйста где заменить код.
Вот: single.php
''.__ ('Pages', 'wpzoom').': ', 'after' => '', 'next_or_number' => 'number')); ?>
<?php if ($wpzoom_singlepost_tag == 'Show') { the_tags ( ''.__ ('Tags', 'wpzoom').': ', ' ', ''); } ?>
1 && $wpzoom_ad_content_select == 'Yes' && $wpzoom_ad_content_pos == 'After') { echo ''.stripslashes ($wpzoom_ad_content_imgpath)."«; }?>
| <a href="»>
.
Что-то похожее есть в самом начале.
и index.php
<?php if ($wpzoom_featured_posts_show == 'Yes' && is_home () && $paged
<?php if ($wpzoom_featured_cats_show == 'Yes' && is_home () && $paged
<?php if ($wpzoom_featured_big_cats_show == 'Yes' && is_home () && $paged
Он совсем пустой. Подскажите, куда тут можно внедрить код?
Сайт: autointerview.ru
[Ответить]
02 Фев 2012 в 19:35
Здравствуйте Артур, вы мне не поможете, совсем уже незнаю как встроить навигацию. Всё перерыл, нигде немогу найти куда вставить код(от любого плагина). сайт: autointerview.ru
шаблон называется: manifesto
Может вам прислать его?
[Ответить]
03 Фев 2012 в 16:09
Здравствуйте! Пытаюсь сделать рабочим плагин wp pege number у меня проблема с поиском и заменой кода в моей теме (Twenty ten) в index.php нет таких кодов. Что делать? Подскажите пожалуйста.
[Ответить]
16 Фев 2012 в 19:03
Вот, спасибо, у меня и правда все получилось,начинаю соображать немножко )) теперь бы еще записи сделать на главной покомпактнее, а то у меня в блоге такая простыня получается ого-го!
[Ответить]
19 Фев 2012 в 21:45
Спасибо большое-толковый пост! Мне он очень помог, плагин у меня стоял давно никак не могла понять , почему не работает!Внесла некоторые изменения в шаблон, указанные в статье, и заработал как миленький!
Успехов в продвижении и роста благополучия!
[Ответить]
16 Мар 2012 в 11:28
Все работает. Огромное спасибо за подробную статью!
[Ответить]
16 Апр 2012 в 20:01
Здравствуйте, поставил плагин WP PageNavi, постраничная навигация появилась только в архивах. Подскажите как сделать чтобы она появилась в рубриках? Код вставлял в
INDEX.PHP, ARCHIVE.PHP и SEARCH.PHP, но только всё осталось как раньше.
[Ответить]