Хотите добавить кнопку для постепенной и асинхронной загрузки сообщений в WordPress? Многие популярные платформы позволяют пользователям загружать больше статей, когда они достигают нижней части страницы. В этом руководстве мы покажем вам, как легко добавить кнопку для загрузки новых сообщений в WordPress.
Когда и зачем добавлять кнопку загрузки поста в WordPress
Если ваши пользователи будут взаимодействовать с контентом, это поможет вам получить больше просмотров и, в конечном итоге, больше подписчиков.
Многие блоги используют простую навигационную ссылку «предыдущие статьи» в конце своей домашней страницы, блога или архива. Некоторые сайты используют цифровую навигацию по страницам, что добавляет больше контекста.
Однако есть определенные типы веб-сайтов, которые могут извлечь огромную пользу из бесконечной прокрутки всех статей. Некоторые примеры включают: веб-сайты с фотографиями, списки и веб-сайты с вирусным контентом.
Вместо загрузки новой страницы кнопка «Загрузить еще статью» работает как бесконечная прокрутка. Он использует JavaScript для быстрого получения следующего набора контента. Это улучшает взаимодействие с пользователем и дает им возможность отображать больше контента.
При этом давайте посмотрим, как легко добавить кнопку загрузки публикации на ваш сайт WordPress.
Добавление кнопки загрузки статьи в WordPress
Первое, что нужно сделать, это установить и активировать плагин. Ajax Load More . Для получения дополнительной информации см. Наше пошаговое руководство по способ установить плагин WordPress.
После активации плагина он добавит новый пункт меню под названием "Ajax Load MoreК вашей панели управления WordPress. Вам нужно нажать на него и перейти на страницу настроек плагина.
На странице настроек вы можете выбрать цвет вашей кнопки. Вы также можете заменить кнопку бесконечной прокруткой, которая автоматически загружает следующий пакет элементов без нажатия кнопки пользователем.
Тогда вам нужно получить доступ Ajax Load Plus » Шаблон повторителя » чтобы добавить свой шаблон в отображение статьи.
Плагин поставляется с базовым шаблоном, содержащим цикл WordPress для отображения сообщений. Однако он может не соответствовать вашей теме.
Чтобы решить эту проблему, вы должны скопировать код, который ваша тема использует для отображения сообщений на главной странице блога, в архиве и на страницах блога.
Обычно этот код находится в папке частей шаблона вашей темы. В этой папке вы увидите шаблоны для отображения различного контента. Например, content-page.php, content-search.php и другие.
Вы ищете общий шаблон content.php. Вот пример файла content.php из нашей демонстрационной темы:
" > ',' '); еще: the_title (sprintf (' ', esc_url (get_permalink ())),' '); endif; ?> ',' ', ложный))); wp_link_pages (массив ('до' => ' '. __ ('Страниц:', 'двадцать пятнадцать'). ' ', 'после' => ' ',' link_before '=>' ',' link_after '=>' ',' pagelink '=>' '. __ ('Паж', 'двадцать пятнадцать'). ' %', 'separator' => ' , ',)); ?> ',' '); ?>
Как только вы нашли этот код, вы должны вставить его в поле Repeater. Шаблоны в настройках плагина.
Не забудьте нажать на кнопку « Сохранить шаблон Для сохранения ваших настроек.
Тогда вам нужно посетить Ajax Load Plus » Конструктор шорткодов », чтобы сгенерировать шорткод.
Эта страница содержит множество опций, которые вы можете настроить. Сначала необходимо выбрать тип контейнера. Если вы не уверены, просто взгляните на шаблон, который вы скопировали ранее. В большинстве современных тем используется элемент <div>.
После этого прокрутите вниз до раздела с метками кнопок. Здесь вы можете изменить текст, который появляется на кнопке. По умолчанию плагин использует 'Загрузить еще новости', и вы можете изменить его на все, что захотите.
Наконец, вы должны выбрать, хотите ли вы, чтобы публикации загружались автоматически после щелчка.
Теперь ваш шорткод готов к использованию. В правом столбце вы увидите вывод шорткода. Скопируйте шорткод и вставьте его в текстовый редактор, если он вам понадобится на следующем шаге.
Добавьте больше статей в свою тему WordPress
В этой части руководства вам потребуется добавить код в файлы WordPress тема.
Не забудьте сохранить свой WordPress тема прежде чем вносить какие-либо изменения.
Вам нужно будет найти файлы шаблонов, в которые вы хотите добавить кнопку загрузки в своей теме. В зависимости от того, как организована ваша тема, обычно это файлы index.php, archives.php, Categories.php и т. Д.
Вам нужно будет добавить короткий код, который вы скопировали ранее в вашей теме сразу после тега endwhile;.
Поскольку мы добавляем шорткод в файл темы, нам нужно будет добавить его в функцию do_shortcode, например:
echo do_shortcode ('[ajax_load_more container_type = "div" post_type = "post"]');
Теперь вы можете сохранить изменения и посетить свой веб-сайт, чтобы увидеть кнопку «Загрузить больше сообщений» в действии.
Вот и все для этого урока, я надеюсь, что он позволит вам добавить кнопку асинхронной загрузки на ваш WordPress блог.
