Как сделать бесконечную прокрутку ленты на Wordpress

Info 18.05.2017 - 15:42

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

Порой самостоятельная установка Wordpress на хостинг способна вызвать затруднения даже у опытных пользователей. Решить проблему предлагает Softaculous, в качестве одного из инструментов cPanel. Мы воспользуемся одним из тарифов хостинга https://s-host.com.ua/hosting.html.

Далее рассмотрим установку двжика и плагина для бесконечной прокрутки на установленный движок.

Как осуществляется установка на хостинг?

Первым этапом установки WordPress выступает выбор необходимой CMS в разделе скриптов.

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

• поле выбора типа используемого протокола http/https.
• поле ввода адреса домена, на который и будет произведена установка скрипта.
• расположение файлов WordPress.

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

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

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

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

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

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

Откройте страницу "Консоль"/"Плагины"/"Добавить новый" и установите Ajax Load More стандартным способом. Обязательно активируйте плагин (иначе вы не сможете перейти к настройкам).

Настройка шаблона

После установки/активации плагина в консоли появится новый пункт меню — Ajax Load More. Перейдите в этот раздел админки, чтобы приступить к настройке бесконечной прокрутки ленты. На вкладке Settings доступны основные настройки плагина, тогда как для создания своего шаблона нужно перейти на вкладку Repeater Template:

В данный момент шаблон “иллюстрирует” вывод сообщений при включенной функции бесконечной прокрутки ленты. К слову, изначально настроен показ фрагментов записей. Чтобы это исправить и активировать показ постов полностью замените в 11-й строке the_excerpt() на the_content().

Создание шорткода

После того, как вы отредактируете шаблон, перейдите на вкладку Shortcode Builder и создайте шорткод для вставки на страницу. Здесь достаточно много настроек: начиная с выбора контента и категорий, заканчивая настройкой скроллинга:

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

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