Хотите добавить кнопку загрузки новых постов в WordPress? Многие популярные платформы позволяют пользователям загружать больше постов, когда они доходят до нижней части страницы. В этой статье мы покажем вам, как легко добавить кнопку загрузки дополнительных постов в WordPress.
Когда и зачем добавлять кнопку Load More Posts в WordPress
Увлекая пользователей контентом, вы получаете больше просмотров и, в конечном счете, больше подписчиков.
Многие блоги используют простую навигационную ссылку «Старые записи» в конце главной страницы, блога и архива. На некоторых сайтах используется числовая постраничная навигация, которая добавляет больше контекста.
Однако есть определенный тип сайтов, которые могут извлечь огромную пользу из бесконечной прокрутки или кнопки «Загрузить больше сообщений. Некоторые примеры: сайты фотографий, списки и сайты вирусного контента.
Вместо загрузки новой страницы, кнопка ‘load more posts’ работает как бесконечная прокрутка. Он использует JavaScript для быстрого получения следующего набора содержимого. Это улучшает опыт пользователей и дает им возможность просматривать больше вашего контента.
Учитывая это, давайте рассмотрим, как легко добавить кнопку «Загрузить больше постов» на ваш сайт WordPress.
Добавление кнопки Load More Posts Button в WordPress
Первое, что вам нужно сделать, это установить и активировать плагин Ajax Load More. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
После активации плагин добавит новый пункт меню под названием ‘Ajax Load More’ в меню администратора WordPress. Вам нужно кликнуть по ней и перейти на страницу настроек плагина.
На странице настроек вы можете выбрать цвет вашей кнопки. Вы также можете заменить кнопку на бесконечную прокрутку, которая автоматически загружает следующую партию постов без нажатия на кнопку.
Далее, вам необходимо Ajax Load More » Шаблон повторителя страница для добавления вашего шаблона для отображения постов.
Плагин поставляется с базовым шаблоном, содержащим цикл WordPress для отображения постов. Однако он не соответствует вашей теме и может выглядеть неуместно на вашем сайте.
Чтобы исправить это, вам нужно скопировать код, который ваша тема использует для отображения постов на страницах index, archive и blog.
Обычно этот код находится в папке template-parts вашей темы. В этой папке вы увидите шаблоны для отображения различного контента. Например, content-page.php, content-search.php, и другие.
Вы будете искать общее содержание.php шаблон. Вот пример из содержимого нашей демонстрационной темы.php файл:
» >
‘ ); else : the_title( sprintf( ‘
‘, esc_url( get_permalink() ) ), ‘
‘ ); endif; ?>
‘, ‘link_before’ => ‘‘, ‘link_after’ => ‘‘, ‘pagelink’ => ‘ %’, ‘separator’ => ‘ ‘, ) ) ); ?>
Как только вы найдете этот код, вам нужно вставить его в поле Repeater Templates в настройках плагина.
Не забудьте нажать на кнопку ‘Save Template’, чтобы сохранить ваши настройки.
Далее, вам нужно посетить Ajax Load More » Конструктор шорткодов страница для генерации шорткода.
Эта страница содержит множество различных опций, которые вы можете настроить. Сначала вам нужно будет выбрать тип контейнера. Если вы не уверены, просто посмотрите на шаблон, который вы скопировали ранее. Большинство современных тем используют элемент ;.
После этого прокрутите вниз до раздела с метками кнопок. Здесь вы можете изменить текст, который появляется на кнопке. По умолчанию плагин использует ‘Older Posts’, но вы можете изменить это на ‘Load more posts’ или на что угодно.
Наконец, вам нужно выбрать, хотите ли вы, чтобы посты загружались автоматически или ждали, пока пользователи нажмут на кнопку «Загрузить больше постов».
Теперь ваш шорткод готов к использованию. В правой колонке вы увидите вывод шорткода. Скопируйте шорткод и вставьте его в текстовый редактор, так как он понадобится вам на следующем шаге.
Добавление функции Load More Posts в вашей теме WordPress
Эта часть руководства требует добавления кода в файлы вашей темы WordPress. Если вы не делали этого раньше, то посмотрите наше руководство о том, как копировать и вставлять код в WordPress.
Не забудьте сделать резервную копию вашей темы WordPress перед внесением любых изменений.
Вам нужно будет найти файлы шаблонов, в которые вы хотите добавить кнопку загрузки дополнительных постов в вашей теме. В зависимости от того, как организована ваша тема, обычно эти файлы являются индексными.php, архивы.php, категории.php и т.д.
Вам нужно будет добавить скопированный ранее шорткод в вашу тему сразу после тега endwhile;.
Поскольку мы добавляем шорткод в файл темы, нам нужно будет добавить его внутри функции do_shortcode, вот так:
echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]');
Теперь вы можете сохранить изменения и посетить свой сайт, чтобы увидеть кнопку ‘Load more posts’ в действии.
Мы надеемся, что эта статья помогла вам узнать, как добавить кнопку «Загрузить больше сообщений» в WordPress. Вы также можете посмотреть наш мега список самых полезных советов, трюков и хаков WordPress для начинающих.
Источник: www.wpbeginner.com