Бесконечная прокрутка WordPress-блога

Что такое бесконечная прокрутка? Обычно пользователи для перехода на более старую страницу (или более новую) должны щелкнуть по соответствующей ссылке, находящейся под областью контента. Это действие отнимает некоторое время, поэтому многие сайты решили перейти на бесконечную прокрутку. Что она представляет собой? Если вы пользовались Twitter или социальными сетями, то вы знаете, о чем идет речь. Как только пользователь достигает нижней части записи, контент со следующей страницы автоматически начинает загружаться, что сводит время ожидания практически к нулю.

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

Итак, если вас это не испугало, то переходим к самому главному: как сделать бесконечную прокрутку блога? Очень легко: с помощью плагина Infinite Scroll. Для 90% блогов бесконечная прокрутка будет активирована без необходимости изменения каких-либо настроек этого плагина. Если же вы столкнулись с проблемами, то вам понадобится открыть вкладку “Selectors”, которая находится на странице настроек плагина. Infinite Scroll автоматически заполняет поля для селекторов, основываясь на используемых стандартах. Если же ваш блог отличается произвольным дизайном, вам понадобится вручную установить значения полей, чтобы плагин работал корректно.

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

По материалам www.wpbeginner.com.

Блог про WordPress
Комментарии: 17
  1. oriolo

    А по-моему, это не удобно. Например, поиск по тексту в браузере работать не будет.

    1. Дмитрий (автор)

      У нее есть только одно преимущество: если листаешь сайт с тачпада или планшета, то бесконечная прокрутка удобнее, чем традиционное разбиение на страницы. Взять, к примеру, поисковую выдачу. Часто ли вы прокручиваете список дальше третьей страницы? Нет, вот поэтому бесконечный скроллинг для поисковой выдачи удобен. Ну и для Твиттера тоже.

      Но вообще мне лично он не нравится.

  2. BaNru

    Мне кажется он не столько как плагин полезен, сколько для его вскрытия и препарирования. Там наверное используется wp-ajax и будет полезен изучить технологию, чтобы потом можно было реализовать что-то своё.

    Скачал. Вскрытие покажет…

  3. BaNru

    Architect Of Ruin, сейчас заметил, что даты в комментариях не по-нашински написаны. У нас принят формат 24h. Не удобно. Тебе так не кажется?

    1. Дмитрий (автор)

      Да, насчет дат я что-то не подумал. Надо будет исправить, thx :)

      1. BaNru

        Ну заодно заменил бы "at" на "в"

  4. Волшебник

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

    1. Дмитрий (автор)

      В точку сказано. Но и техника тоже не стоит на месте, мы обновляем свои компоненты, открываем что-то новое, постепенно привыкаем к этому. На подходе вот уже стоит HTML 5, в нем тоже много всего нового, к примеру, на его основе планируется делать страничное представление сайтов, горизонтальную прокрутку, чтобы пролистывание сайтов ничем не отличалось от чтения обычной книги.

  5. Волшебник

    Т.е. не отличалось от обычной книги? Страницы слева направо перелистывать придётся что ли?)

    1. Дмитрий (автор)

      Да, именно.

  6. 11

    Можете рассказать где именно делать ручками изменения?

    У меня шаблон свой (сам делал), плагин установил, но ничего не работает.

    Захожу в Selector, и там надпись "Theme Presets: Preset Database Doesn't Exist. Try Updating From Preset Manager." и ниже указания типа

    Content Selector — #content

    Posts Selector — #content div.post

    и т.д.

    Только куда и какие образом это пихать?

    В css файл засунул:

    #content > *

    #content div.post

    div.primary div.entry

    div.navigation a:first

    div.navigation a:contains(Previous)

    ничего!

  7. Дмитрий (автор)

    Надо в разделе Selector вставлять названия своих id. К примеру, если у вас id для контента имеет вид #content, то ничего менять не надо. Если же id отличается, то этому плагину надо указывать, как называется в вашем шаблоне этот id (#content, или #cont, или что-то другое, как вы сами у себя его назвали). И так для всех настроек плагина.

  8. Сергей

    Я как всегда попал в те 10% у которых необходимо настройки делать=)и у меня ничего не получается =)я меняю #content на свою область и ничего=(

    если вам не трудно можете подробнее написать что и где менять=)

  9. Дмитрий (автор)

    Там надо не только для #content. Нужно заполнять все свои настройки, которые есть в разделе Selectors. Если у вас произвольный дизайн, то это можно определить только если тщательно изучать исходники темы.

  10. collaps

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

  11. Сергей

    Подскажите что указать в селекторе если тема стандартная Twenty Eleven
    ато ничего не работает…

    Заранее спасибо.

  12. Дмитрий (автор)

    Если тема стандартная и Вы ничего не меняли в ней, то должен работать по умолчанию. Попробуйте для контента поставить #entry-content.

Добавить комментарий

Получать новые комментарии по электронной почте.