Как да настроите безкрайно превъртане на WordPress сайт
| Изтеглете източници |
Стъпка 1. Планиране на пагинация при ново превъртане
Важно е да планирате разделяне на блога на страници преди да настроите нов тип превъртане и навигация. Пагинацията обикновено се извършва чрез изброяване на номерата на страниците в долната част на началната страница. Но сега, при условие, че превъртането е динамично, няма да имате нужда от такова номериране и разбиване на числа.
Стъпка 2. Създайте функцията Ajax
Ще използваме функцията WordPress ajax, за създаване на рутина за справяне с извикването на нови публикации, когато са странирани с "безкраен" ефект на превъртане. Първо, трябва да зададем основната функция за нашето разбиване на страницата, за това трябва да се добави следният код functions.php
Тази функция ще се използва за извикване на нашата рутинга за пейджинг и обикновено имаме две променливи, изпратени тук с помощта ajax: един комплект номер на страницата, и другият - файл с шаблон, който използва такова ново превъртане. За да активираме тази функция и да я споделим с WordPress ajax, ни е необходим следният код:
След това трябва да създадем функция ajax, който ще изпрати 2 променливи, необходими за нашата процедура за пагинация. Можете да използвате следния пример на WordPress код за вграждане jQuery ajax или директно добавете този код към файла header.php вашата тема:
Пред нас е основното предизвикателство ajax, което ще бъде извършено и ние използваме "безкрайно_свиване"като име на действието, което трябва да се предприеме. WordPress автоматично ще извика функцията wp_infinitepaginate (); защото го задаваме в нашия файл functions.php.
Стъпка 3. Определете действието в момента, в който потребителят достигне „дъното“ на страницата
За да активираме „безкрайно превъртане“, трябва да определим момента, в който потребителят достига видимото “отдолу"страница. Това може да се постигне с помощта на jQuery, използвайки следния код:
Сега можем да разберем кога потребителят превърта до видимата долна граница на страницата. След това трябва да извикате функцията loadArticle в рамките на функцията за превъртане. За целта добавям брояч, което определя номера на страницата за допълнителни извиквания на функции: