ГлавнаяПлагины для wordpress › Как создаётся бесконечная постраничная навигация?


Как создаётся бесконечная постраничная навигация?


постраничная навигацияХорошего настроения всем читателям – Sozdaiblog.ru!

Наверное, многие заметили, что у меня новая постраничная навигация. Тем, кто не видел, предлагаю, перейти на главную страницу блога и прокрутить её в самый низ.

Заметили, как появляются новые посты, понравилось?

Лично я в восторге, от этой штуки.

Конечно, здесь не обошлось без любопытного плагина постраничной навигации, который я нарыл несколько недель назад.

Вообще, я не сторонник установки плагинов, которые лишний раз увеличивают нагрузку на блог и уменьшают скорость загрузки сайта, но этот меня просто поразил.

Есть, много блогов в интернете, которые привлекают меня своими различными фишками и наворотами, но такого я не видел ни на одном из них. Поэтому, сразу поспешил поставить это себе.

Вся эта круть, реализуется при помощи плагина — Infinite-scroll.

Я на него наткнулся совершенно случайно, когда бороздил бескрайние просторы буржуйского интернета.

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

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

 

Постраничная навигация

 

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

Теперь, техническая сторона вопроса.

 

Постраничная навигация. Как установить — infinite-scroll.

 

В установке infinite-scroll, ничего сложного нет. Устанавливается он стандартно, известными нам способами. Если кто подзабыл, могут посмотреть шпаргалку – «Как установить плагин WordPress».

Затем, нужно зайти в админку WordPress => Плагины => infinite-scroll:

 

Навигация постранично

 

У плагина есть ряд настроек. Особо городить ничего не нужно, установите автоматическую прокрутку, отключите режим отладки и выставите прокрутку только для посетителей.

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

 

Постранично навигация

 

Чуть ниже, Вы можете выбрать место, где будет отображаться процесс загрузки и обращение к читателям. Здесь же Вы вставляете свои фразы, которые будет видеть читатель в начале прокрутки и в конце:

 

Навигация постранично

 

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

Больше про плагин добавить нечего, он прикольный, убойный и работает.

В конце этого поста, хочу Вам напомнить, что до конца конкурса – «Как я стал блоггером» осталось 3 дня. В нём приняли участие не так много читателей, как хотелось бы, но даже небольшой положительный результат, лучше его отсутствия совсем.

 

Представляю Вашему вниманию работы участников конкурса:

 

 

Хотелось бы узнать Ваше мнение об этой постраничной навигации!

На сегодня, это всё. До новых встреч!

 

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




89 комментариевА что думаете Вы?

  1. Svetlana

    Не знаю, Денис, мне больше карта сайта нравится, я нажала, нашла по названию нужный раздел и статью и перешла, а тут надо вниз крутить и запоминать. что было до этого. Конечно, я понимаю, что блог в 1 очередь для посетителей и если уж начнут сыпаться претензии, то конечно, вспомню об этом плагине.

    [Ответить]

    Денис Черников ответил:

    Свет, а при чём тут карта сайта?

    Это сделано, чтобы человек не листал ничего и не искал циферки страниц для навигации, а просто шёл вниз.

    [Ответить]

  2. Ирина

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

    Видео — жесть :)

    [Ответить]

    Денис Черников ответил:

    А Вы возьмите пример с Твиттера, там только такая навигация! Все пользуются, значит удобно!

    [Ответить]

  3. Николай

    Классный плагин! Вот бы его установили яндекс и гугл.

    [Ответить]

    Денис Черников ответил:

    Их жаба задушит его установить, кто тогда за топку платить то будет.

    [Ответить]

    Виктор ответил:

    Яндекс уже скоро внедрит такую штуку. Уже есть экспериментальная страница с такой навигацией — http: //www.yandex.com/yandsearch?text=%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81&tld=com&lr=87

    [Ответить]

    Денис Черников ответил:

    Спасибо, Виктор это круто!

    [Ответить]

    Виктор ответил:

    Только со ссылкой что-то не так. Это будет международная поисковая система yandex.com, там и можно посмотреть новую фишку.

    [Ответить]

    Денис Черников ответил:

    Со ссылкой всё в порядке, я просто пробел вставил!

  4. Бабай

    В версии вордпресс 3.3 не работает плагин.

    [Ответить]

    Денис Черников ответил:

    Будем решать!

    [Ответить]

  5. Бабай

    Проверил. Не работает на двух блогах.

    [Ответить]

    Денис Черников ответил:

    Похоже и у Вас проблема с селекторами, как и у Юлии!

    А возможно, что у Вас не подключено — «jquery»!

    Попробуйте в Вашей теме оформления, найти файл — «functions.php» и вставить в него такой код (в самом низу):

    //подключаем jquery

    if (!is_admin ()) {

    wp_deregister_script ('jquery');

    wp_register_script ('jquery', («http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js»), false);

    wp_enqueue_script ('jquery');

    }

    [Ответить]

  6. Юлия

    Так хотела сделать такую же фишку на блоге, но видимо настроек которые вы сделали на первой страничке, на моем блоге недостаточно. а настраивать вторую страничку с селекторами уже как-то страшновато...У меня пишет плагин, что нет данных именно селектору."Предустановленная база данных не существует. Попробуйте обновить."Значит с данным плагином не все так просто, как получилось у Вас, Денис.

    [Ответить]

    Денис Черников ответил:

    Жаль, что у Вас не заработало. Попробую разобраться с селекторами, как появятся результаты дополню статью!

    [Ответить]

    Юлия ответил:

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

    [Ответить]

    Денис Черников ответил:

    Мы все в своём роде дилетанты, но волков бояться в лес не ходить. Работайте над собой Юлия!

    [Ответить]

  7. Виктор

    Спасибо, давно ждал этого поста) Но у меня тоже не работает.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста! Видимо всё из-за тем оформления, с селекторами пока ещё не разобрался. С виду всё просто, а капнул глубже, тёмный лес. Я не могу проверить селекторы на своей теме (у меня ведь работает). Как вариант, можно на Денвере побиться локально, но я пока ещё не такой крутой специалист по коду и мои знания немного ограничены. Если что нарою, то обязательно помогу решить эту проблему.

    [Ответить]

    Виктор ответил:

    Спасибо, я сам тоже попробую настроить плагин. Пока с первым сайтом работал, многому уже научился)

    [Ответить]

    Денис Черников ответил:

    Если, найдёте решение, буду рад его узнать и дополнить им пост!

    [Ответить]

  8. Владислав

    Спасибо, Денис, за этот плагин! Поставил себе (ВП версия 3.4.2), а он показывает картинку «типа грузится» и все! Вторую страницу уже не показывает! Пришлось его пока деактивировать, но все-таки хотелось бы знать — в чем проблема. Уж очень он понравился. Может, подскажете?

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Владислав! Если у Вас с qvery всё в порядке, то скорее всего это всё тема оформления, как и у комментаторов выше. Селекторы настраивать нужно, эта проблема ещё не решена. Пока пробуйте в настройках покопаться.

    [Ответить]

    Владислав ответил:

    Да пробовал в редакторе открыть все файлы плагина, посмотрел — но там дремучий лес, да и на сайте разработчика все перечитал — короче говоря, пока никак! Обидно ((

    [Ответить]

    Денис Черников ответил:

    Я там сам всё перерыл, пока тоже ничего!

    [Ответить]

  9. Олег

    Надо тестировать, как изменится время нахождения посетителей на сайте и количество переходов с главной на внутренние страницы. Решение интересное, но не однозначное. Допустим, мне надо перейти на определенную страницу, например, 10 (я уже знаю куда мне надо). Тогда вместо одного клика мне надо крутить вниз очень долго. Посетителя или задержит (пока он не найдет то, что надо), или ему просто надоест крутить (многих это может раздражать). А если надо быстро перейти в самое начало блога?

    [Ответить]

    Денис Черников ответил:

    Привет, Олег! Я давно наблюдаю за поведением людей на своём блоге и поверьте, что дальше второй страницы ни кто не ходит. Даже на рубрики ни кто не нажимает. Все смотрят новые статьи и карту блога. Поэтому перейти на десятую страницу, думаю, ни кому не захочется. Чтобы перейти быстро в начало, достаточно нажать на стрелочку в верхнем углу я думаю она Вас перенесёт не намного медленней, чем будет загружаться страница по нажатию на цифры навигации. А минусы есть у всего в простой навигации тоже не перейдёшь с 1 на 33 сразу если страниц 100, а выводится всего 5 цифр навигации.

    [Ответить]

  10. Любовь

    Денис, у меня вопрос не по теме статьи. Можно? Я заметила, что у Ваших постов не проставлена дата публикации. В комментариях тоже. Я тоже так хочу. Научите как это сделать.

    [Ответить]

    Денис Черников ответил:

    Любовь, вопрос можно и нужно задавать!)))

    Чтобы это сделать, нужно понять какой код в вашей теме отвечает за вывод микроразметки.

    На главной странице, он находится в файле index.php ближе к верху, когда зайдёте поймёте, там слово date будет.

    С комментариями сложнее, найти нужно comments.php и тоже, что-то подобное там будет. С комментариями я пол дня сидел.

    Сейчас не вспомню с ходу какую часть кода удалил, но именно там. Но вроде есть ещё и в файле функций!

    [Ответить]

  11. Марина Антонова

    Мне очень понравился этот плагин. Я за пару минут пролетела по всем анонсам ваших статей. Это здорово!

    Но установить, как и многим комментаторам здесь, мне его не удалось. Буду следить за обновлением статьи.

    [Ответить]

    Денис Черников ответил:

    Эх, что-то нужно сделать! Просто много работы Марина, пока не нашёл решение этой проблемы, если чего нарою обязательно дополню, но это может затянуться на долго!

    [Ответить]

  12. Любовь

    Спасибо.С этим я поработаю. Хочу задать Вам ещё один вопрос. После удаления вредоносных кодов и и прочих пакостей у меня «слетели» комментарии, которых было около 2600. Но меня даже не это беспокоит. Комментирование теерь не проходит. Человек пишет комментарий, отправляет, а он не публикуется. Мне на почту приходит уведомление о комменте, я открываю, а там данные о посетителе не заполнены и самого комментария нет.Пустая форма. Что-то сломалось. Я комменты отключила. Оставила только в статье «Как уснуть...». Что Вы мне посоветуете. Куда залезть, что сделать. Или переехать на другой домен и не мучиться. Настроения нет . Ничего не пишу уже давно.

    [Ответить]

    Денис Черников ответил:

    Любовь, попробуйте скачать заново Вашу тему оформления и вытащить из неё файл отвечающий за комментарии (comments.php) и замените, может всё вернётся на место, если не получится, попросите своего провайдера сделать откат. Может они восстановят рабочую версию до того числа, когда Вы ещё не внесли изменения!

    [Ответить]

  13. Доброжелатель

    На сколько грузит блог данный плагин?

    [Ответить]

    Денис Черников ответил:

    Разницу до и после не заметил!

    [Ответить]

    Доброжелатель ответил:

    а как на счёт применения данного плагина для количества комментариев, без листинга и без туалетной бумаги? Пробовали применить? Есть какие-нибудь предложения?

    [Ответить]

    Денис Черников ответил:

    Вообще возможность есть, но заморачиваться нет желания.

    [Ответить]

  14. blogrub

    Странно все сделал и не работает :(

    [Ответить]

    Денис Черников ответил:

    У многих такая беда, всё селекторы портят и тема оформления. Ещё есть вариант что другие плагины не дают или квэри не подключен! Пока другого решения проблемы нет.

    [Ответить]

    blogrub ответил:

    Да жаль хороший плагин

    [Ответить]

    Денис Черников ответил:

    Не расстраивайтесь, может что накопается!

    [Ответить]

  15. Ольга

    Ой, не успеваю за Вами.

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

    А Вы опять с новинками...

    [Ответить]

    Денис Черников ответил:

    Стараюсь иногда удивлять своих читателей разными плюшками!)))

    [Ответить]

  16. Елена

    Занимательный плагин))) У вас, просто отлично вписался, Денис. Спасибл за полезную информацию, может быть и я, как-нибудь созрею)))

    [Ответить]

    Денис Черников ответил:

    Спасибо, Елена! Обязательно, только не затягивайте!

    [Ответить]

  17. Алексей

    не работало, поигрался с селекторами — заработало. Но прикол в том, что работает только в Хроме. А у вас как?

    Денис, а зачем посещаемость спрятал?

    [Ответить]

    Денис Черников ответил:

    У меня везде работает! Эти селекторы у всех кровь попили!)))

    У меня подвал закрыт поплавком в виде чёрной полосы, смысл ему там стоять если его не видно!

    [Ответить]

    Алексей ответил:

    так статистика скрыта, даже если вручную попробовать посмотреть :)

    кстати, а как такой поплавок сделать?

    ПС: комментарии не приходят на почту, хотя раньше работало

    [Ответить]

    Денис Черников ответил:

    Вообще статистика Ли под паролем, про поплавок в отдельных статьях расскажу, а то потом не интересно будет))!

    Может комментарии в спам попадают, я ничего не менял!

    [Ответить]

    Алексей ответил:

    спам проверял, после этого комментария заработало :)

    [Ответить]

  18. КВН

    Здравствуйте Денис. У меня не получилось с этим плагином. В настройках все стояло так как Вы и описывали. У меня вордпресс недавно обновлялся. Ну ладно вопрос в другом.

    Каким плагином у вас выводятся ссылки под этой строкой???

    Представляю Вашему вниманию работы участников конкурса: Спасибо.

    [Ответить]

    Денис Черников ответил:

    Проблема, как и у многих с селекторами, нужно разобраться какие селекторы использует Ваша тема!

    Какая строчка?

    [Ответить]

    КВН ответил:

    Тема Golden_Fields

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

    [Ответить]

    Денис Черников ответил:

    Про плагин написано в статье — sozdaiblog.ru/lutchshie-p...v-wordpress.html, там можно с картинками и без них!

    Название темы мне ничего не даёт, тем много и у многих разные селекторы, я физически не смогу просматривать все темы посетителей и искать нужные селекторы.

    [Ответить]

  19. Елена

    Спасибо, Денис! Плагин поставила без трудностей. Очень нравится.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Елена! Хорошо, что он у Вас заработал!

    [Ответить]

  20. Ольга

    Скачала, сейчас обновлённую версию этого плагина.Там совсем в настройках по другому. но всё оставила так как есть по умолчанию. Он проматывает все мои статьи даже без задержки на «обновление записей». Просто промотала все свои статьи до самого низа на одном духу. У меня версия обновлённого вордпрес, правда и тема стоит тоже вордпресовская.

    [Ответить]

    Денис Черников ответил:

    Поздравляю, не у всех это плагин работает!

    [Ответить]

  21. Елена Олейникова

    Вот и мне не повезло :- (

    Зато CommentLuv радует, я даже сегодня небольшое «хирургическое вмешательство» сделала, теперь имя неактивно в комментариях, хотя урл и ставится. Зато можно добавлять ссылки на любой из десяти постов. А вы, смотрю, что-то не вернули былые позиции?

    [Ответить]

    Денис Черников ответил:

    Я пока химичу немного. Экспериментирую.

    [Ответить]

  22. Елена Олейникова

    Хоть намекнули бы, что за эксперимент, интересно же :-)

    Я сегодня одно словечко в файле functions.php убрала и сразу от двух тысяч ссылок избавилась. Интересно, как ПСы к этому отнесутся?

    [Ответить]

    Денис Черников ответил:

    Ничего особенного Елена, просто у меня появилось 20000 левых ссылок с блога, которые каким-то чудесным образом стали вредить блогу. На счёт псов, думаю, им это пофиг стало последнее время.

    [Ответить]

  23. Елена Олейникова

    Ничего себе, какое вам «счастье»-то привалило. А откуда такое добро? Это только вам так повезло, или другие блогеры тоже могут быть осчастливлены?

    С плагином CommentLuv это никак не связано?

    [Ответить]

    Денис Черников ответил:

    Вот именно сейчас я и занят выяснением этого! У меня к Вам просьба. Думаю Вы знакомы с сайтом Solomono.ru. Если Вас не затруднит, посмотрите количество исходящих ссылок с моего сайта. Почему-то мой ip адрес система блокирует и не даёт мне зайти на этот сайт. Заранее благодарю!

    [Ответить]

  24. Елена Олейникова

    Да меня-то не затруднит, просто в Мозилле вообще ничего не открывается, а в Хроме пишет, что «К сожалению, Google Chrome не может найти страницу solomono.ru».

    Может, проблемы у них какие-то?

    [Ответить]

    Денис Черников ответил:

    Спасибо, за попытку! Возможно и правда у них свои системные неполадки!

    [Ответить]

  25. Елена Олейникова

    Все, открылся сайт:

    внешних ссылок 2,829

    Ссылки на сайте 18,270

    Исходящие анкоры 498

    Что еще посмотреть?

    [Ответить]

    Денис Черников ответил:

    Спасибо, больше ничего не нужно. Вот видите — 18,270! Именно это меня и беспокоит!

    [Ответить]

  26. Елена Олейникова

    О, я скоро вас догоню :- (

    Ссылки на сайте 9,852

    Внешние ссылки 4,884

    Вас беспокоит показатель «Ссылки на сайте»? А откуда их столько взялось?

    [Ответить]

    Денис Черников ответил:

    Вот я сейчас именно это и выясняю! Поэтому и отключил плагин и убрал ссылки комментаторов! Жду результатов!

    [Ответить]

  27. Елена Олейникова

    Ой, у Борисова их вон сколько — 392,309, а он и в ус не дует. Кстати, плагин у него не стоит.

    [Ответить]

    Денис Черников ответил:

    Возможно дело в сайтах комментаторов. Посмотрите сайт кто на новенького, у него ссылки в комментариях отключены. Думаю, это не с проста!

    [Ответить]

  28. Елена Олейникова

    У меня в теме такие ссылки были отключены изначально, из-за чего я сильно переживала. Позже оказалось, что зря, народ приходил общаться, а не территорию метить. Но я все же попросила сына исправить проблему и такие ссылки появились. Однако после того, как я поставила плагин CommentLuv решила, что две ссылки на одного комментатора это перебор, просто нелогично. А я не люблю, когда логики нет. И удалила вчера ссылки. То есть от двух тысяч ссылок за раз избавилась. Теперь буду следить, чтобы народ не увлекался плагином, это сразу заметно. Одним словом, подзатяну «гайки».

    Меня, правда, уже обозвали не то диктаторшей, не то деспотом после того, как опубликовала правила комментирования. Кто-то даже дверью хлопнул. Ну и скатертью дорога. Если человек захочет общаться, он и без ссылок коммент оставит, верно?

    А вы как будете с ссылками бороться?

    [Ответить]

    Денис Черников ответил:

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

    [Ответить]

  29. Елена Олейникова

    Да по фиг на недовольных, интернет большой. Если возмущаются, однозначно, только ссылки и были нужны. А Алекса с вашего блога их учитывает, потому и возмущаются, наверно.

    Кстати, а вы не хотите какой-нибудь пост на такую тему опубликовать? Я вот про спам в комментариях написала и немного затронула и про ссылки, но мне они покоя тоже не дают. Было бы интересно обмениваться мнением.

    [Ответить]

    Денис Черников ответил:

    Да мне тоже пофиг! Я блог заводил не для ссылок в комментариях. Комментарии созданы для более тесного общения с автором, чтобы решать различные вопросы, а не тупо для одних халявных ссылок. Если, это кого-то не устраивает, пусть идут боком.

    На счёт статьи думал и скорее всего она появится.

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

    [Ответить]

    Марина Антонова ответил:

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

    [Ответить]

    Елена Олейникова ответил:

    Марина, я согласна, что должна быть какая-то информация — либо в «Имени», либо с помощью плагина CommentLuv. Она и была здесь, но Денис же написал, что у него эксперимент, поэтому и убрал. Потерпим.

    В крайнем случае, есть Яндекс, введите Елена Олейникова и первый блог — мой. А с него в другие попасть уже не проблема :-)

    Заходите в гости!

    [Ответить]

  30. Елена Олейникова

    Не, я не соглашусь, что бесполезно. Еще как полезно! И с народом познакомишься, и побазаришь — душу отведешь, да и ссылки очень даже не лишние. Я все за Алекса наблюдаю (мы же в марафоне бегаем, надо его понизить), так вижу, как он реагирует на ссылки. Потом, когда все проанализирую, расскажу.

    [Ответить]

    Денис Черников ответил:

    Здесь у всех своё мнение! Но про народ согласен.

    [Ответить]

  31. Елена Олейникова

    Так я не против, я ж не проповедовать пришла :-)

    [Ответить]

    Денис Черников ответил:

    Да, Вы молодчина!)))

    [Ответить]

  32. Хоботов

    Здравствуйте! я установил этот плагин, но радовался не долго. обновил NexGen Gallery до последней 2.0.11 и теперь infinite scroll работать отказывается. посоветуйте пожалуйста что можно сделать в этом случае. NexGen удалить не могу — у меня весь сайт на нем завязан.

    [Ответить]

    Денис Черников ответил:

    Посмотрите переменные (селекторы) возможно отказ в работе вызван конфликтом переменных!

    [Ответить]

    Хоботов ответил:

    спасибо за ответ!

    но с NGG 1.9 работало все чотко.

    селекторы менял, нет результата.

    грешу только на новую версию NGG — будь она неладна. в новой версии ngg принудительно используются jquery 1.10 и видимо из-за этого все и рушится. как бы запретить плагину запрашивать jquery. подозреваю тогда все будет работать

    [Ответить]

    Денис Черников ответил:

    Нужно пробовать!Заочно решить не получится!

    [Ответить]

    Хоботов ответил:

    в итоге откатил галерею до стабильной 1.9.13

    Денис Черников ответил:

    А что с навигацией?

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

Вверх