Как добавить кнопку «Загрузить больше сообщений» в WordPress

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

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

Почему бесконечная прокрутка?

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

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

Если вы готовы добавить кнопку «Загрузить еще» в WordPress, вам следует помнить о нескольких вещах.

• Всегда делайте резервную копию вашего сайта WordPress перед редактированием файлов шаблонов или кода. Или используйте дочернюю тему , чтобы поэкспериментировать перед внесением изменений на основной сайт.
• Чтобы установить плагин WordPress, перейдите в область администрирования WordPress и нажмите кнопку «Добавить новый» под «Плагины». Оттуда найдите нужный плагин, установите его и активируйте. Легко, как это!
• Если это не работает, загрузите плагин оттуда, где вы его нашли. Снова перейдите к «Добавить новый», но на этот раз нажмите «Загрузить», чтобы загрузить файл. Затем установите и активируйте плагин.
• Некоторые плагины поставляются с другими инструкциями по установке, если эти методы не работают!

Без плагина

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

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

Легкая загрузка Больше

Если вы предпочитаете плагин, это отличный выбор. Easy Load More, как следует из названия, представляет собой плагин отложенной загрузки. Он использует Ajax для загрузки дополнительных сообщений на той же странице и требует минимального редактирования файлов вашей темы. Плагин был создан специально для того, чтобы оставить как можно меньше следов, с минималистичной и настраиваемой кнопкой по умолчанию, небольшим размером Javascript и загрузкой значков, отображаемых с помощью SVG, поэтому файлы изображений не нужно загружать.

После загрузки плагина его очень легко настроить. Во-первых, вам нужно настроить плагин на странице его настроек в меню плагинов. Затем найдите страницу, на которой вам нужна бесконечная прокрутка, и добавьте функцию «load_more_button()» в файлы шаблонов вашей темы. Он работает с пользовательскими шаблонами и на любой странице, от домашней страницы до страниц архива.

Ajax Загрузить еще

Если вы ищете что-то более продвинутое, Ajax Load More предлагает множество дополнительных функций.

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

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

Несмотря на то, что опытные пользователи могут настраивать и настраивать Ajax Load More, настроить его несложно. Просто используйте конструктор шорткодов, чтобы создать собственный шорткод и добавить его на свой сайт либо непосредственно через редактор контента, либо поместив его в файлы шаблона. И это все, что вам нужно сделать!

Загрузить больше продуктов для WooCommerce

Если вы используете электронную коммерцию, этот специализированный тип кнопки «Загрузить больше» использует аналогичное кодирование Ajax для загрузки бесконечного количества продуктов. Он совместим с несколькими плагинами WooCommerce. Бесплатная версия дает вам доступ к бесконечной прокрутке с помощью кнопки и некоторым основным функциям настройки. Платный плагин имеет несколько вариантов ленивой загрузки с анимацией, настройкой кнопок и различной загрузкой для мобильных устройств.

Просто загрузить больше

Если вам просто нужно что-то простое и легко активируемое, Simple Load More сделает свою работу. Он автоматически активируется на вашей домашней странице, поэтому, если это все, что вам нужно, вы можете просто установить его, настроить и покончить с этим.

Если вам это нужно на других страницах, просто выполните простую настройку и добавьте функцию «simple_more_button()» или шорткод «[load_more button_text="ABC"]» в файлы шаблона страницы, на которой вы хотите разместить кнопку.

Загрузить больше

Если вы хотите попробовать простой jQuery-плагин load more, посмотрите этот. Загрузить больше Anything работает где угодно, на любой странице, для любого контента. Посты, комментарии, продукты, изображения — что угодно и где угодно.

Для этого вам понадобится немного технических знаний. Хотя вам не нужно возиться с файлами темы, вам нужно найти тег «div», который относится к тому месту, где вы хотите, чтобы кнопка отображалась, и откуда она будет извлекать контент. Самый простой способ — использовать «Проверить элемент» в том месте, где вы хотите разместить кнопку, и попытаться найти правильные теги div, class или aside. Если вы не веб-разработчик или не знаете, как перемещаться по Inspect Element, вы можете пропустить этот пункт.

Легко привлекайте читателей с помощью Load More

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

Если это руководство помогло вам, почему бы не проверить наши Facebook и Twitter для получения дополнительных советов и руководств по WordPress? И если есть какие-либо учебные пособия по WordPress, которые вы хотите увидеть от нас, сообщите нам об этом в комментариях ниже.