✅ Новости WEB и WordPress, темы, плагины. Здесь мы делимся советами и лучшими решениями для веб-сайтов.

Как добавить бесконечную прокрутку в WordPress (шаг за шагом)

106

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

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

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

Итак, приступим.

Что такое бесконечная прокрутка?

Бесконечная прокрутка — это метод, который уже давно используется для улучшения взаимодействия с пользователем. Бесконечная прокрутка использует так называемый AJAX для загрузки страниц, пока люди прокручивают ваш сайт, вместо того, чтобы требовать от пользователя нажатия «Далее», чтобы увидеть больше контента.

До бесконечной прокрутки на сайтах гораздо чаще использовалась нумерация страниц. Эта система полагалась на то, что пользователь должен прокрутить веб-страницу вниз, а затем нажать кнопку «Далее» или «Назад», чтобы просмотреть больше контента.

С другой стороны, бесконечная прокрутка обычно рассматривается как более интуитивный способ предлагать контент на веб-сайте пользователям. Одним из популярных сайтов, использующих бесконечную прокрутку, является Medium.

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

Когда использовать бесконечную прокрутку

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

Но как узнать, является ли бесконечная прокрутка функцией, которую вы должны иметь на своем собственном веб-сайте WordPress?

Что ж, давайте поговорим об этом!

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

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

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

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

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

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

Хотя бесконечная прокрутка — это круто, она не лишена недостатков.

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

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

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

  1. Проверьте возможности сайта: убедитесь, что ваш веб-сайт WordPress может справиться с бесконечной прокруткой (спросите своего хостинг-провайдера, если вы не уверены).
  2. Следите за изображениями: относитесь к изображениям спокойнее. Если вы собираетесь разрешить отображение бесконечного количества контента на своем сайте, помните о изображениях, которые вы включаете, поскольку они могут замедлить время загрузки. И используйте только высококачественные изображения, которые окажут длительное влияние на ваш сайт.

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

Подумай об этом.

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

На какой странице это было?

О, это верно! Вы находитесь на сайте с бесконечной прокруткой. Вам придется прокрутить всю страницу вверх и надеяться, что вы найдете фрагмент контента, который хотите прочитать.

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

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

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

Теперь давайте посмотрим, как добавить бесконечную прокрутку в WordPress.

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

Шаг 1. Установите и активируйте Catch Infinite Scroll

Чтобы добавить бесконечную прокрутку на свой сайт WordPress, первое, что вам нужно сделать, это установить такой плагин, как Catch Infinite Scroll. Если вам нужна помощь на этом этапе, обязательно ознакомьтесь с инструкцией по установке плагина WordPress.

После того, как вы установите и активируете плагин, на странице администратора WordPress появится новая вкладка под названием «Catch Infinite Scroll».

Как добавить бесконечную прокрутку в WordPress (шаг за шагом)

Шаг 2. Выберите триггер загрузки

Далее вам нужно выбрать триггер загрузки. Для нашего примера мы выберем вариант прокрутки . Если вы выберете вариант «Щелкнуть », плагин предоставит вам кнопку «Загрузить еще», которую пользователи могут нажать, чтобы загрузить больше контента.

Как добавить бесконечную прокрутку в WordPress (шаг за шагом)

Выбор параметра «Прокрутка» приведет к тому, что ваш сайт будет автоматически загружать больше контента. Он будет загружать этот контент по мере прокрутки пользователем, вместо того, чтобы требовать от него нажатия на что-либо для просмотра большего количества контента.

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

Шаг 3: выберите вариант изображения

Опция изображения в Catch Infinite Scroll позволяет загружать собственное изображение. Это изображение будет появляться по мере того, как ваш сайт загружает больше контента, когда люди прокручивают страницу вниз.

Вот изображение загрузки по умолчанию в Catch Infinite Scroll:

Как добавить бесконечную прокрутку в WordPress (шаг за шагом)

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

Шаг 4. Настройте параметр «Завершить текст»

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

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

Как добавить бесконечную прокрутку в WordPress (шаг за шагом)

Вы можете настроить этот текст так, чтобы он говорил что угодно, например «Конец контента». Тем не менее, сообщение по умолчанию «Нет больше элементов для отображения» работает просто отлично.

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

Как добавить бесконечную прокрутку в WordPress (шаг за шагом)

Подведение итогов

И вот оно! Теперь вы знаете, как добавить бесконечную прокрутку в WordPress, чтобы повысить вовлеченность, увеличить время, проводимое на вашем сайте, и сделать так, чтобы пользовательский опыт запомнился всем, кто попадает на ваш сайт.

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

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

Источник записи: wphacks.com

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