Пропустить

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

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

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

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

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

Это функция, которую использует Facebook, которая называется: « бесконечный свиток "Или" бесконечная прокрутка », для новостной ленты.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если ваши предметы имеют неодинаковое значение (например, некоторые статьи содержат до слов 2.000, а некоторые содержат только слова 300), поэтому бесконечная прокрутка, конечно, не очень хорошая идея для вашего сайта.

Как добавить бесконечный свиток на WordPress

Чтобы добавить бесконечную прокрутку на WordPress, вы можете использовать бесплатный плагин под названием " Больше Ajax Loader ». Этот плагин предлагает множество расширений премиум-класса, которые могут повысить его функциональность, но бесплатной версии должно быть достаточно, чтобы просто добавить бесконечную прокрутку на ваш сайт.

Идти дальше, также консультируясь Javascript WordPress: При использовании AJAX

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

Установка и настройка плагина

Можно найти Больше Ajax Loader В каталоге плагинов WordPress. Установите и активируйте плагин, как любой другой плагин.

После активации вы увидите новую опцию Ajax Load More ». Перейти к Ajax Загрузить еще> → Шаблон повторителя Для создания вашей модели.

« Ваша модель> Репитер Шаблон, который определяет, как статьи должны появляться при бесконечной прокрутке. Вы можете изменить его, но вам нужно немного знать PHP. Тем не менее, шаблон по умолчанию должен подойти для большинства пользователей:

Строительно-серовато-модель-WordPress

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

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

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

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

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

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

копия-шорткод-Ajax-погрузчика более

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

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

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

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

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

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

1. Галерея Youtube & Vimeo Pagination

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

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

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

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

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

WooCommerce Бесконечные прокрутки и Ajax Pagination

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

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

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

3. YouTube видео в сообщения WordPress

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

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

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

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

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

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

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

Вывод

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

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

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

...

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

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

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

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

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