Искате ли да добавите бутон за постепенно и асинхронно качване на публикации в WordPress? Много популярни платформи позволяват на потребителите да зареждат повече статии, когато достигнат дъното на страницата. В този урок ще ви покажем как лесно да добавите бутон за качване на нови публикации в WordPress.
Кога и защо да добавите бутон за качване на публикация в WordPress
Поддържането на ангажираност на потребителите със съдържание ви помага да получавате повече показвания и в крайна сметка повече абонати.
Много блогове използват простата навигационна връзка „предишни статии“ в края на началната си страница, блог и архив. Някои сайтове използват цифрова навигация на страници, което добавя повече контекст.
Има обаче някои видове уебсайтове, които могат да се възползват изключително много от безкрайното превъртане с всички статии. Някои примери включват: уебсайтове за фотография, списъци и уебсайтове с вирусно съдържание.
Вместо да зарежда нова страница, бутонът „зареди още статия“ работи като безкраен превъртане. Той използва JavaScript за бързо извличане на следния набор от съдържание. Това подобрява потребителското изживяване и им дава възможност да показват повече съдържание.
Като се има предвид това, нека да разгледаме как лесно да добавите бутона за качване на публикация на вашия сайт на WordPress.
Добавяне на бутона за качване на статия в WordPress
Първото нещо, което трябва да направите, е да инсталирате и активирате приставката Аякс зарежда повече . За повече подробности вижте нашето ръководство стъпка по стъпка начин за инсталиране на приставка за WordPress.
След активиране на приставката, приставката ще добави нов елемент от менюто, озаглавен "Аякс зарежда повечеКъм таблото за управление на WordPress. Трябва да кликнете върху него и да се насочите към страницата с настройки на приставката.
На страницата с настройки можете да изберете цвета на вашия бутон. Можете също така да замените бутона с безкрайно превъртане, което автоматично зарежда следващата партида елементи, без потребителите да кликват върху бутона.
След това трябва да получите достъп до „ Ajax Load Plus » Шаблон на повторителя » за да добавите вашия шаблон към дисплея на статията.
Приставката се предлага с основен шаблон, съдържащ цикъла на WordPress за показване на публикации. Възможно е обаче да не отговаря на вашата тема.
За да разрешите този проблем, трябва да копирате кода, който вашата тема използва, за да показва публикации в началната страница на блога, архива и страниците на блога.
Обикновено този код е в папката с шаблони на вашата тема. В тази папка ще видите шаблони за показване на различно съдържание. Например content-page.php, content-search.php и др.
Търсите общия шаблон content.php. Ето пример за файла content.php от нашата демо тема:
" > "," '); else: the_title (sprintf (' ', esc_url (get_permalink ())),' '); endif; ?> ',' ', false))); wp_link_pages (масив ('преди' => ' ". __ ('Страници:', 'двадесет и петнадесет'). ' ', 'след' => ' ',' link_before '=>' ',' link_after '=>' ',' pagelink '=>' '. __ ('Страница', 'двадесет и петнадесет'). ' %', 'разделител' => ' , ',)); ?> „,“); ?>
След като намерите този код, трябва да го поставите в полето „Шаблони за повторители“ в настройките на плъгина.
Не забравяйте да кликнете върху бутона « Запазване на шаблон За да съхраните вашите настройки.
След това трябва да посетите " 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 блог.
