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

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

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

Давайте начнем.

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

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

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

И тот же метод можно использовать на веб-сайтах, чтобы заинтересовать посетителей.

Стоит ли добавлять бесконечную прокрутку на свой сайт? Плюсы и минусы

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

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

👍 Плюсы использования бесконечной прокрутки

Преимущества использования бесконечной прокрутки на вашем сайте:

👎 Минусы использования бесконечной прокрутки

Недостатки использования бесконечной прокрутки на вашем сайте:

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

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

Есть два разных способа добавить бесконечную прокрутку на ваш сайт WordPress:

  1. Используйте тему WordPress, которая поддерживает бесконечную прокрутку
  2. Используйте плагин бесконечной прокрутки

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

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

1. Добавьте бесконечную прокрутку с помощью темы WordPress (Neve)

Neve — одна из немногих бесплатных тем WordPress, предлагающих функцию бесконечной прокрутки. Это идеальное решение, если вы хотите включить бесконечную прокрутку только на странице вашего блога (или на других страницах архива).

Включить бесконечную прокрутку с помощью Neve очень просто.

Установите и активируйте программу тема на вашем сайте WordPress.

Затем перейдите в «Внешний вид» → «Настроить» → «Макет» → «Блог/Архив».

Прокрутите вниз до параметра «Порядок и содержимое» и выберите «Бесконечная прокрутка» в разделе «Разбивка на страницы».

Нажмите кнопку «Опубликовать», чтобы сохранить настройки.

включение бесконечной прокрутки в neveВключение бесконечной прокрутки с помощью темы Neve

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

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

2. Используйте плагин бесконечной прокрутки WordPress

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

  1. Поймать бесконечный свиток
  2. YITH Бесконечная прокрутка
  3. Ajax Загрузить еще

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

Поймать бесконечный свиток

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

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

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

Бесплатная версия позволяет включить бесконечную прокрутку на вашем сайте. Однако, чтобы иметь возможность изменять цвет, семейство шрифтов и размер шрифта, необходимо получить премиум-версия за годовую плату в размере 24,99 долларов США.

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

Перейдя к Catch Infinite Scroll на панели инструментов WordPress, вы можете загрузить новое загрузочное изображение и изменить текст «Загрузить еще» и текст, который будет отображаться, когда больше нет контента для отображения.

включить бесконечную прокруткуПанель управления Catch Infinite Scroll YITH Infinite Scrolling

YITH Infinite Scrolling — это бесплатный плагин, и, как и предыдущий плагин, YITH Infinite Scrolling также предлагает варианты выбора типа разбиения на страницы — бесконечная прокрутка или кнопка «Загрузить больше».

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

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

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

В бесплатной версии плагина вам разрешено делать только две вещи:

  1. Загрузите пользовательское загрузочное изображение.
  2. Включите бесконечную прокрутку только для вашего сообщения.

Чтобы включить бесконечную прокрутку на всех страницах вашего архива и получить доступ ко всем функциям плагина, вам нужен премиум-версия плагина, который стоит 59,99 долларов в год.

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

Вы можете перейти к YITH → Бесконечная прокрутка, чтобы настроить конфигурацию плагина, но настройки по умолчанию работают нормально.

включение бесконечной прокруткиПанель инструментов YITH Infinite Scroll Ajax Загрузить еще

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

По сравнению с предыдущими плагинами, Ajax Load More немного сложнее в настройке. Хотя вам не нужно быть разработчиком, чтобы использовать его, новички могут захотеть использовать другой плагин, потому что вам придется иметь дело с такими терминами, как «параметры запроса» и «шаблоны повторителя».

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

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

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

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

Бесконечная прокрутка может быть включена на вашем сайте с помощью Неве тема или специальные плагины, такие как Catch Infinite Scroll и YITH Infinite Scrolling. Просто убедитесь, что у вас есть резервная копия в качестве подстраховки, прежде чем применять любой из методов.

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

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