[Инфо] Функционал бесконечного скролинга с диномичным URL

Тема в разделе "Wordpress", создана пользователем WiZXaK, 30 апр 2015.

Модераторы: Sorcus
  1. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    582
    Симпатии:
    800
    День добрый.
    Разыскиваю (Решено, читать до конца) функционал, решение постраничной навигации для WP - Бесконечный скролл с диномичным URL.
    Общий принцип простой: вывод сообщений на 1 станице по нажатию на кнопку (Загрузить еще..).
    При этом в момент перехода от одной страницы к другой URL изменяется.

    DEMO: Реализованный функционал (уже под WP) можно посмотреть на Лайфхакере.
    Обратите внимание на смену адреса станиц (/page/2/ - /page/3/) во время скролла.

    Вывод: Удобно для пользователя ПК + Мобайл и хорошо для SEO.

    P.S: Интересны решения для WP и Woo именно с меняющимся URL во время скроллинга на одной станице. Благодарю.
    - из сырого, что откопал сам: http://habrahabr.ru/post/143574/
    - http://blog.gesteves.com/2011/09/22/better-infinite-scrolling-with-the-html5-history-api/
    - https://stackoverflow.com/questions/23599007/infinite-ajax-scroll-difficulties-with-history
     
    Последнее редактирование: 21 июл 2015
    vitlik_666 нравится это.
  2. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    582
    Симпатии:
    800
    Цель найти не функционал "Загрузить еще" - их полно, необходимо решение по стандартному принципу постраничной навигации: стр 1 стр 2 стр 3 стр 4 и т.д. на каждые скажем 5 записей. но с кнопкой "Загрузить еще".
    Пример на демо выше.
     
  3. ddn128

    ddn128

    Регистр.:
    31 июл 2013
    Сообщения:
    388
    Симпатии:
    172
    Куда делось моё предыдущее сообщение?

    Так я вообще-то именно об этом и говорю. Такое Вас интересует? http://scrollsample.appspot.com/items

    Почитайте ещё раз, но другими словами - http://googlewebmastercentral.blogspot.in/2014/02/infinite-scroll-search-friendly.html
     
  4. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    582
    Симпатии:
    800
    Да именно метод «history.pushState» подходит, все верно.
    в infinite scroll реализован просто скролл, не более. (к тому же не работает на не стандартных темах).

    Не совсем. Необходимо как в Demo 1 в 1, но благодарю за проявленный интерес.

    Нашел более менее подходящее решение, если верить документации.
    1) WooCommerce Infinite Scroll and Ajax Pagination - Info
    2) Animated Infinite Scroll - WordPress Plugin - Info
    Но пока нет возможности проверить.
     
    Последнее редактирование: 30 апр 2015
  5. bardak

    bardak Постоялец

    Регистр.:
    30 июл 2012
    Сообщения:
    141
    Симпатии:
    206
    Сап! Вроде нашел что-то похожее, взгляни:

    ps. я там сайт пилю, если будет сосем не то, что скидываю, попроси поставить назад. )
    я влючил скроллинг без кнопки load, но можно и с кнопкой load сделать
     
  6. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    582
    Симпатии:
    800
     
    Последнее редактирование: 4 май 2015
  7. bardak

    bardak Постоялец

    Регистр.:
    30 июл 2012
    Сообщения:
    141
    Симпатии:
    206
    а, ну да, я на это не обратил внимание) ты прав! когда буду копаться, делая сайт, возьму на заметку, и по возможности делать себе такую же штуку, если что нового будет - отпишусь ;)
     
    WiZXaK нравится это.
  8. bardak

    bardak Постоялец

    Регистр.:
    30 июл 2012
    Сообщения:
    141
    Симпатии:
    206
     
  9. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    582
    Симпатии:
    800
     
    Последнее редактирование: 4 май 2015
  10. bardak

    bardak Постоялец

    Регистр.:
    30 июл 2012
    Сообщения:
    141
    Симпатии:
    206