Бесконечная прокрутка Супер плагин Wordpress

Бесконечная прокрутка Супер плагин WordPress


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

 

 

Установить Супер плагин Ajax Load More — Infinite Scroll вы сможете прямо из админ-панели WordPress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Ajax Load More - Infinite Scroll

 

Далее, после установки и активации плагина, перейдите на страницу: Ajax Load MoreSettings. Здесь вы сможете настроить основные параметры плагина.

 

Ajax Load More

 

Для начала нужно настроить основные параметры:

 

— Container Type, здесь можно изменить тип контейнера, но не обязательно.

— Container Classes, можно добавить классы для контейнера, не обязательно.

— Disable CSS, можно отключить CSS стили плагина, чтобы использовать свои стили. Не обязательно.

— Button/Loading Style, здесь вам нужно выбрать стиль загрузки контента. У вас на выбор два варианта — кнопка или бесконечная прокрутка. Нажмите по полю «Chasing Arrows», чтобы выбрать подходящий для вас вариант.

— Button Classes, можно добавить классы для кнопки. Не обязательно.

— Ajax Security, защита URL адресов от злоупотребления Ajax запросов. Рекомендуется включить.

— Top of Page, на начальной странице загрузки, переместить окно браузера пользователя в верхнюю часть экрана. Это может помочь предотвратить загрузку ненужных сообщений.

— Dynamic Content, отключить динамическое население категорий, тегов и авторов в шорткод Builder. Рекомендуется , если у вас есть необыкновенное количество категорий, тегов и / или авторов.

— Editor Button, можно скрыть кнопку для создания шорткодов из визуального редактора WordPress, на странице редактирования записи или страницы.

— Error Notices, уведомления об ошибках. Рекомендуется включить.

Сохраните настройки.

 

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

 

Shortcode Builder

 

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

 

Shortcode Builder

 

Что в первом, что и во втором варианте, настройки абсолютно одинаковые, сейчас мы их разберём:

 

— Template, шаблон оставьте по умолчанию, ничего менять здесь не надо.

— ID, если вы собираетесь добавлять бесконечную прокрутку на несколько страниц, с разными типами вывода записей, то вам нужно указать здесь уникальный идентификатор, чтобы шорткоды отличались. Нажмите под полем на вкладку — Generate Unique ID, чтобы добавить уникальный ID.

— Container Type, можно указать тип контейнера. Не обязательно.

— Container Classes, можно добавить классы для контейнера, не обязательно.

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

— Loading Label, здесь можно указать надпись, которая отображается на кнопке во время загрузки контента.

 Images Loaded, загружать изображения перед загрузкой основного содержимого. Не обязательно включать данную функцию.

— Pause, не загружать сообщения пока пользователь не нажмёт на кнопку.

— Enable Scrolling, включите данный параметр, чтобы включить бесконечную прокрутку. При прокрутки страницы записи будут автоматически подгружаться, то есть на кнопку жать не надо.

— Scroll Distance, расстояние от нижней части экрана, чтобы вызвать загрузку сообщений. (По умолчанию = 150)

— Maximum Pages, максимальное количество страниц для загрузки во время прокрутки. (0 = без ограничений)

— Pause Override, разрешить прокрутку, чтобы переопределить параметр Pause и запустить загрузку сообщений при прокрутке.

— Transition Type, можно выбрать стиль загрузки перехода.

— Transition Speed, скорость перехода в миллисекундах.

— Transition Container, удалить контейнер загрузки, не рекомендуется !

— Destroy After, удалить ajax загрузку после загрузки определённого количества страниц (укажите количество в поле). Не обязательно !

— Posts Per Page, укажите здесь сколько будет загружаться записей или страниц за один раз.

— Post Type, выберите здесь, какие типы записей вы хотите добавить в бесконечную прокрутку.

— Post Format, можно выбрать формат сообщений. Выберите стандартный формат, для вывода значений по умолчанию.

— Category, можно включить или исключить определённые категории. Ничего не выбирайте, тогда будут использоваться все категории.

 Date, можно указать дату, для запроса по дате архива, чтобы выводились записи из определённого архива. Не обязательно !

— Custom Fields (Meta_Query), можно выводить определённые пользовательские поля, указав здесь их данные. Не обязательно ! Оставьте без изменений !

— Author, можно выбрать автора, чтобы выводились только его записи. Не обязательно !

— Search Term, здесь можно указать слово или слова, по которым будут выводиться записи. То есть, если в записи есть такое слово, значит запись будет показана. Не обязательно !

— Post Parameters, здесь можно включить или исключить определённые записи, указав их ID. Можно выбрать статус записи, например, опубликованные или нет.

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

— Offset, здесь можно задать смещение. Например, если указать 5, то первые 5 записей будут пропущены.

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

 

Далее, после создания шорткода, скопируйте готовый шорткод.

 

ajax_load_more

 

Шорткод необходимо добавить на страницу, где будет бесконечная прокрутка. Если в шорткоде вы выбрали тип записей post, то в бесконечной прокрутке будут выводится последние записи и т.д. Всё очень просто ! Плагин лично проверял, всё работает !

Кстати, забыл рассказать, на вкладке «Repeater Templates» отображается код шаблона записей, которые будут отображаться в бесконечной прокрутке. Доступен только один шаблон, можно заказать дополнительные темы, но уже платно. Если вы разбираетесь в коде, то вы можете его изменить под себя.

 

Ajax Load More: Repeater Templates

 

Остались вопросы ? Напиши комментарий ! Удачи !

 






info-effect.ru
Бесконечная прокрутка Супер плагин WordPress обновлено: Ноябрь 9, 2016 автором: Илья Журавлёв

24 комментария

  • Алёна 02.12.2016 Ответить

    Привет! А как сделать, чтобы кнопка скрывалась, когда уже выведены все записи, и больше загружать нечего?

    • Илья Журавлёв 02.12.2016 Ответить Автор

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

      • Алёна 02.12.2016 Ответить

        Я уже разобралась, в настройках ничего такого не нашла, но когда выведены все записи, кнопке автоматом добавляется класс .done, я просто указала классу .done{display: none} и тогда она скрывается.

        • Илья Журавлёв 02.12.2016 Ответить Автор

          Отлично, молодец !

  • Александр 24.06.2017 Ответить

    Добрый день. Так куда шорткод вставлять? При создании новой страницы иконки оранжевой нет. А по остальному я туп))

    • Илья Журавлёв 24.06.2017 Ответить Автор

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

  • Артем 02.10.2017 Ответить

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

    • Илья Журавлёв 02.10.2017 Ответить Автор

      Здравствуйте. Внимательно читайте настройки. Я писал об этом. Параметры Post Parameters и Offset.

  • Кирил 26.10.2017 Ответить

    Добрый день! А как поисковики к этому относятся, проблем с индексацией и выдачей не будет?

    • Илья Журавлёв 26.10.2017 Ответить Автор

      Здравствуйте. Не будет. XML карту сделайте и всё нормально будет.

      • Кирил 26.10.2017 Ответить

        Ок. Спасибо за совет, поэкспериментирую!

  • Алексей 08.11.2017 Ответить

    Добрый день, подскажите, как сделать вывод постов по дате, т.е первый пост — последняя публикация, последний пост — первая публикация?

    • Илья Журавлёв 08.11.2017 Ответить Автор

      Здравствуйте. В настройках создания шорткода смотрите параметр Ordering, там можно выбрать тип сортировки.

      • Алексей 08.11.2017 Ответить

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

        • Илья Журавлёв 08.11.2017 Ответить Автор

          Как у вас записи сортируются, в настройках Ordering что указано?

          • Алексей 08.11.2017

            Настройка указана Desc и в настройках и в шорткоде
            Выгляните пожалуйста и вы поймете о чем я.

          • Илья Журавлёв 08.11.2017 Автор

            В основных настройках отключите параметр Dynamic Content.

  • Алексей 10.12.2017 Ответить

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

    • Илья Журавлёв 10.12.2017 Ответить Автор

      Здравствуйте. В файл single.php ставьте код, тогда во всех записях будет.

      • Алексей 11.12.2017 Ответить

        Скажите, а в PHP файл добавлять простой шорткод (например [ajax_load_more])?

        • Алексей 11.12.2017 Ответить

          Сам спросил, сам ответил… совсем из головы вылетело))

          • Илья Журавлёв 11.12.2017 Автор

            Разве там нет php кода или только шорткод?

  • Алексей 21.02.2018 Ответить

    Этим плагином нельзя сделать подгрузку следущей записи?

    • Илья Журавлёв 21.02.2018 Ответить Автор

      Если вы имеете ввиду целую запись, нет нельзя. Но, можно изменить шаблон записи.

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

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

восклицательный знак Отправляя свои данные Вы соглашаетесь с Политикой Конфиденциальности сайта info-effect.ru.


Яндекс.Метрика

WhatsApp 7 922 717 9869 - Карта - Связь - Мой хостинг

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх