Мой ответ Чимберлену, или новая постраничная разбивка страниц (13.01.2009)

Автор: Admin | Рубрика: Бесплатно · Дизайн · Статьи · Стили

В статье “Новый взгляд на постраничную навигацию 2 или от слов к делу” я писал про новый плагин пагинации, очень симпатичный, но не дружелюбный для СЕО.

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

jquery-paginator.jpg

Самая главная фишка, что после открытия какой-либо страницы, номер этой страницы будет в центре шкалы и не надо будет листать с первой.

Как установить плагин :

Это вставляем в файл header.php Вашей темы, перед тэгом </head> :


<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.jcarousel.pack.js"></script>

<script type="text/javascript">jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({visible:10,scroll:9,start:<?php echo intval(get_query_var('paged'))-4; ?>});
});</script>

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/jquery.jcarousel.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/skin.css" type="text/css" media="screen" />

А это вставляем в footer.php (сам вывод постраничной навигации) :


<?php include (TEMPLATEPATH . '/navi.php'); ?>

И не забудьте скачать сам архив wp-jquery-navigation.zip, файлы из которого надо скопировать в корень вашей темы.

UPD 14.01.2009: Те кто скачали уже : Архив был не полным, я его перезалил , качайте заново.

UPD 07.04.2009: Немного подправил инструкцию, сейчас должно работать без сучка и задоринки.

UPD 06.10.2009: Сделал плагин, теперь ничего руками делать не надо, новость с плагином тут.

P.P.S. Если Вы изменили внешний вид этой пагинации, не забывайте отписываться в комментариях, чтобы остальные могли оценить Ваш труд.

Забобрить эту страницу!

Последние темы:
- Free Wordpress Theme - SimplyText
- Новая легкая и светлая Wordpress тема
- Новая дизайнерская тема для Wordpress
- Несколько новык Wordpress тем
- Красочные Wordpress темы от нового автора

Комментарии (57)

  • sergsam1 // Янв 13, 2009 at 18:37 пп

    Неплохо сделал.
    А этот плагин также "недружелюбен" для сео?
    Или тут все по-другому?
    За пагинатор спасибо.
  • Admin // Янв 13, 2009 at 21:30 пп

    Как раз очень дружелюбен, т.к. поисковики видят ссылки на все страницы сайта.
  • sergsam1 // Янв 13, 2009 at 21:46 пп

    Да? Ну тогда вообще круто!
    Но меня честно говоря интересует как будет индексировать сайт робот сапы, т.е. например если в этом пагинаторе отображается 20 страниц, то все эти 20 страниц будут 2УВ, или нет?
  • Admin // Янв 13, 2009 at 22:38 пп

    В отличии от wp-pagenavi - да, все страницы сайта будут 2-го уровня вложенности.
  • sergsam1 // Янв 13, 2009 at 22:51 пп

    Ну тогда вобще отлично, на днях буду ставить себе)
    Спасибо еще раз.
  • sergsam1 // Янв 14, 2009 at 6:07 дп

    Вобщем попробовал поставить у меня не получилось.
    В самом верху вот эти знаки # # # # #
    А в футере вместо навигации
    * 1
    * 2
    * 3
  • Admin // Янв 14, 2009 at 9:27 дп

    Могу помочь с установкой, пришли как с тобой связаться через "обратную связь".
  • Mussolini // Янв 14, 2009 at 14:40 пп

    За пагинатор спасибо.
  • Admin // Янв 14, 2009 at 16:16 пп

    Перезалил файл, скачайте заново, архив был не полным.
  • ton // Янв 15, 2009 at 2:21 дп

    Спасибо огромадное! заработало, не с первого раза но все же. Благодарю, очень удобно, а у вас кнопочка отправить коммент - в кроказябриках.. ;)
  • Admin // Янв 15, 2009 at 9:57 дп

    Нет, у всех нормально ...
  • adw0rd // Янв 15, 2009 at 10:22 дп

    И как влияет на сео пагинатор? Я вообще в роботс запрещаю индексировать /page/*
  • Admin // Янв 15, 2009 at 10:26 дп

    А я не запрещаю, и у меня много /page/ в индексе яндекса.
  • adw0rd // Янв 15, 2009 at 13:56 пп

    Это не ответ на вопрос...
  • Admin // Янв 15, 2009 at 14:12 пп

    А какой ответ Вы хотели услышать ?
    Благодаря пагинации и таким страницам как /page/2, у меня больше страниц в индексе яндекса.
  • adw0rd // Янв 15, 2009 at 14:19 пп

    Дублей. Ничего хорошего.
  • Admin // Янв 15, 2009 at 14:30 пп

    А почему дублей ? Дублей с чем ? Контент то разный получается.
  • adw0rd // Янв 15, 2009 at 15:51 пп

    Чем он разный? Тем что только до подката посты во всю страницу? Текст при этом не меняется.

    А если еще вы подумаете о пользователях, то стает понятно что им нужны ссылки на посты, а не страницу.
  • Admin // Янв 15, 2009 at 17:39 пп

    Если подумать о пользователе - то да, ссылка на страницу, которая к тому же уже поменялась.
    Но есть другой смысл, чаще всего ссылки на меня из того же яндекса ведут как раз на страницы (по основным запросам), а уж попав на сайт, пользователь сам найдет то, что ему нужно.
    Всё таки тема блога специфическая, и читателю не умеющему пользоваться поиском на сайте - здесь делать просто нечего.
  • adw0rd // Янв 15, 2009 at 17:57 пп

    &gt; Но есть другой смысл, чаще всего ссылки на меня
    &gt; из того же яндекса ведут как раз на страницы (по
    &gt; основным запросам), а уж попав на сайт,
    &gt; пользователь сам найдет то, что ему нужно.

    Вы считаете, что у Яндекса не будет прямой ссылки на ваш пост? Если пользователь что-то ищет он попадет на пост, зачем ему использовать поиск повторно, пусть даже и внутренний.

    &gt; Всё таки тема блога специфическая, и читателю
    &gt; не умеющему пользоваться поиском на сайте -
    &gt; здесь делать просто нечего.

    Да, согласен, ваша тема спефична и большинство найдет то что ищет. Однако, дублирование ничего хорошего не приносит все равно...
  • Admin // Янв 15, 2009 at 18:55 пп

    Пока все работает, когда я создавал блог, я об этом не задумывался ... да тогда и знаний особо не хватало. Теперь же я говорю про результаты индексации,на которые, честно говоря, я уже боясь влиять. Пусть всё будет, так как есть, меня это устраивает.
  • adw0rd // Янв 15, 2009 at 20:42 пп

    http://wp-skins.info/contact посмотрите ваш пагинатор...
  • Admin // Янв 15, 2009 at 21:18 пп

    Да, не учел, завтра обновлю архив.
  • WOLF-BESPREDEL // Янв 22, 2009 at 6:56 дп

    У меня не пошло, хотя хотелось конечно на саттелите сделать УВ 2.... и где код для footer.php ? там пусто...
  • Admin // Янв 22, 2009 at 9:36 дп

    поправил.
  • doloman // Фев 11, 2009 at 20:56 пп

    Вобщем попробовал поставить у меня не получилось.
    В самом верху вот эти знаки # # # # #
    А в футере вместо навигации
    * 1
    * 2
    * 3
    тоже самое в низу столб с цифрами как исправить
  • Admin // Фев 11, 2009 at 22:25 пп

    Пиши через форму обратной связи, помогу настроить.
  • Настройка постраничной разбивки // Мар 12, 2009 at 14:50 пп

    Здравствуйте,пробовал установить ваш плагин навигации,но к сожалению ничего не вышло,не могли бы вы помочь??? Icq - 595428
  • olezha_85 // Мар 13, 2009 at 13:29 пп

    Не работает :( если будет время, стуните в аську подскажите плизз :( 271729504
  • Admin // Апр 7, 2009 at 13:22 пп

    Немного обновил инструкцию по установке, теперь проблем быть не должно.
  • Admin // Апр 9, 2009 at 13:44 пп

    Ещё раз обновил инструкцию, надеюсь больше косяков не будет ...
  • Andrew // мая 6, 2009 at 16:26 пп

    Очень хороший плагин, спасибо большое! Только одна прозьба, в 2 словах обьясните как мне уменьшить расстояние между цифрами - номерами страниц после того, как я поменял количество отображаемых номеров с 10 на 5?

    Заранее спасибо!
  • Admin // мая 6, 2009 at 20:44 пп

    Всё настраивается через стили (css файл).
  • mc-sim // Июл 29, 2009 at 15:47 пп

    У меня после установки данного хака престали загружатся CSS стили к теме... При применении темы с хаком выскакивает попап jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...
    Нашел мануал по исправлению... http://spiffyd.com/blog/bug-fixed-jcarousel-widthheight-infinite-loop-popup-alert-error
    Попап пропал, но Css так же не грузяться... :((
  • Admin // Июл 29, 2009 at 16:02 пп

    Если Вы откроете исходный код страницы, то увидите, что все стили прописаны. А вот при попытке открыть какой-нибудь из стилей (например http://dbondar.ru/wp-content/plugins/minimeta-widget/minimeta-widget.css) выдает ошибку, проверьте существуют ли файлы и какие права на них стоят, нужно как минимум 644.
  • Admin // Июл 29, 2009 at 16:03 пп

    По моему, у Вас стоят неправильные права на саму папку "wp-content", минимальные права на эту папку должны быть 755.
  • mc-sim // Июл 29, 2009 at 16:21 пп

    Хм... Точно! С htaccess намудрил... Спасибо огромное!
  • Admin // Июл 29, 2009 at 16:25 пп

    Я бы на Вашем месте ещё плагин wp-super-cache поставил. Вместо спасибо, читайте текст над формой ввода комментария (синий).
  • Kylibin // Авг 21, 2009 at 17:28 пп

    Поставил, с установкой вообше никаких проблем..все чики.. и вправду, радует тот момент что активная страница по центру листинга а не вначале...
  • Boytsov // Авг 30, 2009 at 19:12 пп

    Поставил всё по инструкции...
    А получилась фигня какая-то...
    Стрелочки не работают, циферки на каком-то фоне и не посередине страницы. Вот тут посмотрите пожалуйста, как поправить: www.zakonnik.org.ru
  • Admin // Авг 30, 2009 at 21:47 пп

    Стрелочки работают, если страниц больше 10.
    Выравниваем с помощью CSS.
  • Boytsov // Авг 30, 2009 at 22:17 пп

    А что и где, и на что нужно в CSS менять?
  • Boytsov // Сен 4, 2009 at 10:29 дп

    Удалось выровнять с помощью тега в footer.php
  • Руслан // Сен 23, 2009 at 14:40 пп

    Установил, все заработало. Решил отключить плагин pagenavi , и здесь мне выдало такое: Fatal error: Call to undefined function wp_pagenavi() in /home/здесь название базы данных/здесь тоже что-то относящееся к базе данных/www/wp-content/themes/geex3m/index.php on line 25
    Вопрос: что это может быть, может не деактивировать плагин а просто снести его? Когда я его заново включаю, работает и ваша замечательная навигация и pagenavi , который мне теперь не нужен. буду признателен за ответ
  • Admin // Сен 23, 2009 at 14:46 пп

    Видимо в теме жестко прописано обращение к функциям плагина pagenavi, надо его удалить из шаблона.
  • Руслан // Сен 23, 2009 at 19:21 пп

    Да, так и было, убрал из шаблона вывод плагина, жаль
    что после этого реклама в боковой колонке съехала на центр, пришлось и ее убрать. Зато навигация заработала:-)
  • Юра // Сен 24, 2009 at 17:34 пп

    Что-то навигация плохо отображается. Все сдвигается влево:
    * 1
    * 2
    * 3
  • Роман // Окт 3, 2009 at 20:48 пп

    Здравствуйте.
    Вроде все по инструкции, но номера страниц без стилей выводит и в столбик. Что нужно сделать, чтобы как у вас?
  • Роман // Окт 5, 2009 at 12:05 пп

    Автор, спасибо за плагин, только вот помогите поставить.
  • Admin // Окт 5, 2009 at 12:24 пп

    Если у Вас не получается поставить такой вариант навигации, значит что-то не так с jquery (джаваскрипт фраемворк) или с его плагинами.
    Возможно что-то перебивает действие этих плагинов.
    Попробуйте удалить строчку c "jquery-1.2.3.pack.js", т.к. в последних версиях Wordpress jquery подключается автоматически.
  • Роман // Окт 6, 2009 at 12:07 пп

    Ну хоть ты тресни, хоть лопни, продвинуться дальше колоночного вывода без стилей этой навигации не получается.
    2 дня еб.... значит не судьба.
  • Admin // Окт 6, 2009 at 12:22 пп

    Пиши номер аськи через форму обратной связи, помогу ...
  • Admin // Окт 6, 2009 at 16:48 пп

    Сделал из этой навигации плагин, теперь всё автоматически, качаем плагин тут: http://wp-skins.info/2009/10/06/super-puper-plagin-postranichnoy-navigatsii-dlya-wordpress-bloga.html
  • Ипотпал // Окт 8, 2009 at 18:38 пп

    Благодаря
  • Скoльзнeв Кирилл // Окт 21, 2009 at 16:49 пп

    Спасибо за плагин.
    Привожу свой изменённый вариант - skolznev.ru
  • Виктор Семикрасов // Фев 13, 2010 at 23:47 пп

    Вот смотрите мой вариант http://film4you.su
  • HD-DSLR // Мар 8, 2010 at 23:46 пп

    Супер

Буду признателен, если Вы оставите
упоминание об этом блоге у себя на сайте.


Оставить комментарий