Хотите добавить бесконечную прокрутку в WordPress?

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

Это функция, которую использует Facebook, которая называется: « бесконечный свиток "Или" бесконечная прокрутка ", для новостной ленты. Вместо того, чтобы нажимать кнопку или следующая "Или" Читать Далее ", Содержимое продолжает загружаться, когда вы прокручиваете страницу вниз.

добавить бесконечную прокрутку на WordPress

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

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

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге 

Тогда вернемся к тому, почему мы здесь.

Преимущества бесконечной прокрутки

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

Кстати откройте как создать прокручиваемый текст на Divi

  • больше просмотров - NBC News обнаружил, что пользователи стационарных телефонов посещали на 20% больше страниц за одно посещение с бесконечной прокруткой. Точно так же " раз Также обнаружено, что 21% его пользователей выбрали для остального контента бесконечную прокрутку.
  • Очень низкий показатель отказов  - " раз Также уменьшен показатель отказов 15%, когда они выбрали бесконечную прокрутку.
  • Улучшенный пользовательский опыт - С этим все согласны. Некоторые эксперты заявили, что бесконечный свиток UX повышает доступность контента для пользователей, заставляя пользователей меньше щелкать, предлагая лучший мобильный опыт.

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

Откройте для себя когда и как установить WordPress в подкаталог

Большинство социальных сетей полагаются на бесконечную прокрутку по тем же причинам.

Недостатки с бесконечной прокруткой

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

  • Нет нижнего бега - вы теряете нижний колонтитул, когда выбираете бесконечную прокрутку. Если вы захотите разместить больше информации в нижнем колонтитуле, это будет большим препятствием. Например, если вы используете нижний колонтитул для отображения партнерской информации, вам нужно будет найти новый способ отображения этой информации.
  • Прыгающая полоса прокрутки вызывает плохой опыт  - Поскольку веб-сайт все еще загружается, очень вероятно, что длина полос загрузки изменится, что может привести к потере считывания, что приведет к ухудшению взаимодействия с пользователем.
  • Нет ощущения «завершения» - Это не намек. Исследователи Nielsen обнаружили, что пользователи ощущают завершенность, когда доходят до конца страницы. Бесконечная прокрутка делает это невозможным.

Кроме того, в разделе «Преимущества» бесконечная прокрутка хороша, когда у вас много одинаково важных сообщений в блоге. Верно и обратное:

Смотрите также в этой статье как исправить ошибку «отсутствует временная папка» на WordPress

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

Как добавить бесконечный свиток на WordPress

Чтобы добавить бесконечную прокрутку на WordPress, вы можете использовать бесплатный плагин под названием " Больше Ajax Loader ». Этот плагин предлагает множество расширений премиум-класса, которые могут повысить его функциональность, но бесплатной версии должно быть достаточно, чтобы просто добавить бесконечную прокрутку на ваш сайт.

Идти дальше, также консультируясь Javascript на WordPress: вариант использования AJAX

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

Установка и настройка плагина

Можно найти Больше Ajax Loader » в каталоге WordPress плагины. Установите и активируйте плагин, как любой другой плагин.

Как только он будет активирован, вы увидите совершенно новую опцию " Ajax Load More ». Перейти к Ajax Загрузить еще> → Шаблон повторителя Для создания вашей модели.

« Ваша модель> Репитер Шаблон, который определяет, как статьи должны появляться при бесконечной прокрутке. Вы можете изменить его, но вам нужно немного знать PHP. Тем не менее, шаблон по умолчанию должен подойти для большинства пользователей:

Строительно-серовато-модель-WordPress

Единственная важная вещь, на которую следует обратить внимание, - это то, что шаблон «Repeater» по умолчанию будет показывать только отрывки статей, а не полные статьи. Если вы хотите отображать статьи полностью, замените " the_excerpt () «С» содержимое() .

Если вы знаете PHP, вы все равно можете настроить эту модель. В противном случае это нормально, чтобы оставить модель " Повторитель По умолчанию

Читайте также нашу статью о 9 плагинов WordPress для создания ценовых сеток в блоге

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

Я не могу назвать все возможности в этой статье, но вот некоторые из полей, которые вы обязательно захотите заполнить:

  • post_type - По умолчанию включены только статьи. Но вы также можете включить пользовательские страницы или форматы сообщений.
  • Каталог - Вы можете включить только определенные категории или не можете исключить определенные категории.
  • автор - Это интересная функция, где вы можете добавить бесконечную прокрутку для конкретного автора.
  • posts_per_page - Определите количество статей, которые " Больше Ajax Loader Должен заряжаться каждый раз при обновлении.
  • Пауза - Это, безусловно, важный элемент. Для истинной бесконечной прокрутки вы должны установить здесь значение «false». В противном случае пользователям придется щелкнуть мышью, чтобы открыть другие статьи.
  • пролистать - Важно то, что вы включили эту функцию, чтобы статьи загружались автоматически, когда пользователи прокручивают страницу вниз.

Откройте для себя также наш 5 тем WordPress для подкастеров

Как только вы все настроите, скопируйте короткий код на правой стороне страницы:

копия-шорткод-Ajax-погрузчика более

Все, что вам нужно сделать, это добавить этот шорткод на страницу, на которой вы хотите разместить бесконечную прокрутку. Например, вы можете добавить его на страницу с названием " Блог Чтобы сделать его вашей страницей блога по умолчанию.

Откройте для себя также несколько премиальных плагинов WordPress  

Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. Галерея пагинации Youtube и Vimeo

Этот премиальный плагин WordPress представляет собой гибкую и мобильную галерею со множеством полностью настраиваемых функций. Он может отображать видео из плейлиста YouTube, ключевых слов или выполнять поиск по альбому, каналу, группе или ключевому слову из Vimeo. Сетки можно персонализировать несколькими способами. Галерея Lightbox может отображать плеер со всеми деталями видео, включая комментарии.

Youtube плагин vimeo pagination gallery wordpress

Этот плагин WordPress можно использовать в любой области публикации или страницы с помощью шорткодов или непосредственно на страницах PHP. Все, что вам нужно, это создать новую галерею, добавить, например, идентификатор канала YouTube и сгенерировать шорткод. На одной странице можно использовать несколько галерей.

скачать | Демонстрация | веб-хостинг

2. Бесконечный свиток WooCommerce и разбиение на Ajax Pagination

WooCommerce Infinite Scroll и Ajax Pagination — это Расширение WordPress (WooCommerce) премиум-класса, который помогает преобразовать нумерацию страниц продукта по умолчанию в неограниченную прокрутку или нумерацию страниц Ajax. Когда пользователь прокручивает страницу вниз, автоматически загружается и добавляется следующая страница продукта. Это означает, что ему не нужно нажимать на «Следующая страница». 

WooCommerce Бесконечные прокрутки и Ajax Pagination

Вы также можете добавить кнопку «Загрузить еще» вместо неограниченной прокрутки или сохранить разбивку на страницы по умолчанию и преобразовать ее в разбиение на страницы Ajax.

Читайте также: 5 WordPress плагины для вставки форм на ваш сайт

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

скачать | Демонстрация | веб-хостинг

3. Слайдер революция

Slider Revolution - это инновационный и отзывчивый плагин карусели для WordPress, который прекрасно отображает ваш контент. Будь то слайдер или карусель, его визуальный редактор перетащить позволит вам рассказать, например, историю вашей компании, выделить ваши лучшие продукты, ваши лучшие статьи и многое другое

лучшие плагины для слайдеров для WordPress - Slider Revolution

Мы также приглашаем вас открыть для себя наши Плагины 9 Easy Digital Downloads для управления цифровыми загрузками

Его особенности: отличный интерфейс для создания слайдов, дизайн слайдов с возможностью перетаскивания, полностью адаптивный макет, идеальное управление мультимедийным контентом, оптимизированная производительность, Многоязычная поддержка, поставляется с почти 340 графическими элементами, предлагается множество шаблонов слайд-шоу, совместимость с большинством Темы WordPress, отличная поддержка клиентов, поддержка сенсорных экранов, бесплатные и регулярные обновления, документация и видео уроки доступны и многое другое.

скачать | Демонстрациявеб-хостинг

Рекомендуемые ресурсы

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

Заключение

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

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.

Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.

...