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

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

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

И угадайте, что? Вы можете добиться того же эффекта в своем блоге 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. Тем не менее, шаблон по умолчанию должен подойти для большинства пользователей:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Как интегрировать Календарь Google на сайт WordPress
• Как стать успешным блогером и зарабатывать деньги с помощью WordPress
• Как добавить несколько столбцов на WordPress без использования плагина
• Как голосовой поиск изменит SEO оптимизацию?
• Как узнать, совместим ли ваш плагин с Gutenberg?

Заключение

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

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

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

...