Все для начинающих интернет-предпринимателей

Добавление бесконечной прокрутки сайт WordPress

beskonechnaia-prokrutka-saita-02

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

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

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

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

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

При использовании краткого обозначения AJAX для асинхронного Javascript и XML веб-страницы могут обмениваться данными с сервером без перезагрузки всей страницы. Это позволяет веб-приложениям обрабатывать запросы пользователей и доставлять данные без обновления.

Лучшими примерами дизайна бесконечной прокрутки являются популярные сайты социальных сетей, такие как Facebook, Twitter, Instagram, Pinterest и другие.

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

Подходит ли бесконечная прокрутка для каждого сайта?

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

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

Веб-взаимодействие с сенсорным экраном

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

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

beskonechnaia-prokrutka-saita-0

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

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

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

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

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

Добавление бесконечной прокрутки в ваш блог WordPress с помощью Catch Infinite Scroll

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

plagin-catch-Infinite-Scroll-1

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

plagin-catch-Infinite-Scroll-2

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

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

Далее, идет опция «Изображение», в которую можно добавить значок загрузчика контента. По умолчанию у него есть загрузчик GIF-изображения. Если у вас есть лучшая картинка, то вы можете изменить ее.

plagin-catch-Infinite-Scroll-3

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

plagin-catch-Infinite-Scroll-4

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

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

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

1. Ajax Load More

plagin-Ajax-Load-More

Подобно Catch infinite Scroll, плагин Ajax Load More также позволяет добавлять бесконечные прокрутки и нажимаемые кнопки Load More на ваш сайт WordPress. Плагин предлагает больше опций настройки, включая множество стилей значков загрузки страницы, стили кнопок и т. д.

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

2. YITH Бесконечная прокрутка 

plagin-yith

YITH Infinite Scrolling — простая альтернатива плагину Ajax Load More или Catch Infinite Scroll. Подобно плагину Catch Infinite Scroll, он имеет минимальные возможности для настройки веб-взаимодействия на основе прокрутки на вашем сайте. Вам просто нужно установить и активировать плагин и включить бесконечную прокрутку.

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

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

С уважением Вячеслав и Валерия!

Понравился материал? Поделитесь с друзьями!

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *