Пропустить

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

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Если ваши предметы имеют неодинаковое значение (например, некоторые статьи содержат до слов 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 для создания ценовых сеток в блоге

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

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

  • 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. YouTube видео в сообщения WordPress

YouTube Videos To WordPress Posts - это бесплатный плагин, который позволяет пользователям самым простым способом импортировать видео с YouTube в WordPress. Вы сможете импортировать видео по пользователю, каналу, запросу, идентификатору, а также можете импортировать их массово, чтобы сэкономить время.Youtube видео в WordPress сообщения плагин youtube для WordPress

Его основными особенностями являются:  возможность протестировать все функции перед покупкой плагина, а свежливая и отзывчивая поддержка клиентов, простой дизайн и мощные возможности, позволяющие легко настроить импорт видео,массовый импорт или разбивка на страницы или даже по расписанию, вставка видео YouTube в любой тип контента, доступный на вашем сайте, возможность импортировать комментарии, теги, категории и всю другую информацию о видео (миниатюра, количество просмотров, лайков, антипатий, продолжительность и т. д.), подробная документация и многое другое.

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

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

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

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

Заключение

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

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

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

... 

Эта статья содержит комментарии 3

  1. Веб-сайт Quiero agregar el desplazamiento infinito mi. Ustedes tienen alguien, что podria ayudarme.
    спасибо
    Регина Агирре

  2. Я хочу добавить на свой сайт бесконечную прокрутку. У тебя есть кто-то, кто мог бы мне помочь.
    спасибо

Оставить комментарий

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

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

Вверх
17 акции
доля12
чирикать1
Регистрация4