Искате ли да внедрите WordPress пагинация на вашия уебсайт?
Пагинацията е удобна функция на уебсайтове на WordPress, която разделя публикациите в блога на отделни страници. Вместо посетителите да трябва да превъртат през всичките ви статии, те могат да отидат на конкретна страница и да спестят време.
Уебсайтове с голямо количество съдържание могат да се възползват от прилагането на пагинация, тъй като тази функция помага на посетителите да навигират по-бързо, осигурявайки по-добро преживяване де лекция.
Освен това, разделянето на страници прави навигацията на вашия уебсайт по-удобна за потребителя и удобна за работа, тъй като създава ясна структура в уебсайта. По-късите страници в блога също означават по-бързо време за зареждане, като се популяризират по-добре потребителско изживяване.
Тази статия ще ви покаже как да приложите пагинация в WordPress, като използвате два метода – ръчно и с помощта на плъгин за пагинация. Ще разгледаме също така грешката в страницата на WordPress 404 и някои съвети как да я коригираме.
Но преди да започнем, ако никога не сте инсталирали WordPress, разберете Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
След това обратно към защо сме тук.
Какво е Пагинация на WordPress?
Пагинацията на WordPress е функция, която разделя списъка с публикации в блога на отделни страници. Посетителите могат да използват бутоните Следващ или Предишен, за да се придвижват между страниците или да прескачат до определен номер на страница.
Как ръчно да добавите страници към WordPress
Потребителите с умения за кодиране могат ръчно да прилагат пагинация в WordPress, използвайки персонализиран код. В този урок използваме темата на WordPress Двадесет и две.
Чувствайте се свободни да проверите следните методи и да използвате този, който най-добре отговаря на вашите технически умения.
1. Корекция на PHP код във файла functions.php
WordPress поддържа функция за пагинация (posts_nav_link()) които можете да вмъкнете точно преди или след главния цикъл във файла index.php на вашата WordPress тема.
Ето опростен пример за това как изглежда кодът:
<?php if ( have_posts() ) : ?>
<!-- Ajoutez les fonctions de pagination ici. →
posts_nav_link()
<!-- Début de la boucle principale. -->
<?php while ( have_posts() ) : the_post(); ?>
<!-- le reste de la boucle principale de votre thème -->
<?php endwhile; ?>
<!-- Fin de la boucle principale -->
<!-- Ou ajoutez les fonctions de pagination ici. -->
<div class="nav-previous alignleft">
<?php previous_posts_link( 'Anciens Articles' ); ?>
</div>
<div class="nav-next alignright">
<?php next_posts_link( 'Articles Récents' ); ?>
</div>
<?php else: ?>
<p><?php _e('Désolé, aucun message ne correspond à vos critères.' ); ? ></p>
<?php endif; ?>Препоръчваме да използвате a детска тема за да направите тази промяна, вместо да я прилагате директно в родителската тема. Дъщерната тема наследява цялата функционалност, стил и функционалност на своята родителска тема, което ви позволява да запазите промените, направени след всяка актуализация на темата.
2. Добавен CSS код за промяна на пагинацията
Друг начин за прилагане на пагинация е да добавите HTML и CSS към вашата активна тема. Много персонализирани CSS фрагменти, които можете да използвате, са налични на платформи за уеб разработка, като напр CodePen.
По-долу е персонализирана функция за пейджинг, проектирана от Арефе Хатами. Той използва HTML и CSS, за да създаде проста лента за навигация с номера на страници. Ако решите да внедрите този фрагмент във вашия уебсайт на WordPress, не се колебайте да експериментирате с различни стилове, ако е необходимо.
3. Управление на съдържанието по страница
За разлика от предишните методи, този не включва кодиране. Вместо това всичко, от което се нуждаете, е достъп до администраторското табло за управление на WordPress.
- Достъп до настройки -> Лекция от таблото за управление на WordPress.
- Променете ги блог страници, които показват най-много стойност.
- Кликнете върху Запазване на промените.
Броят на показаните статии на страница трябва да се коригира спрямо общия обем съдържание на уебсайта. Например, ако имате между 50 и 100 статии, би било идеално всяка страница да съдържа пет до десет статии.
Изображението по-долу ви показва как изглежда, ако стойността е зададена на "1". Всяка страница ще показва публикация в блога и лента за навигация на страници ще се появи точно преди долния колонтитул. Тази настройка е подходяща за малки уебсайтове с малък обем съдържание.
Най-добрите плъгини за страници за WordPress
Най-лесният начин за прилагане на страниране е да използвате a WordPress плъгин. В официална директория на плъгини. След това ще разгледаме трите най-добри плъгини.
Всички тези плъгини могат да се персонализират чрез вашето меню настройки по време на инсталиране и активиране.
1. WP-PageNavi
Тъй като WP-PageNavi е един от WordPress плъгини популярни безплатни продукти, има вероятност вашата WordPress тема да включва вградена поддръжка. В противен случай ще трябва ръчно да промените кода на вашата тема, за да накарате този плъгин да работи с персонализирания код, предоставен на официалната страница на плъгина.
WP-PageNavi предоставя прости настройки, които дори начинаещи могат лесно да променят. Освен това ви позволява да променяте етикетите на навигационните елементи и номерата на страниците. Освен това плъгинът ви позволява да превключвате от формат Стари статии et Последни статии на номерирана навигационна лента за по-лесен контрол.
За да получите достъп до повече опции за стил, помислете също за получаване на добавката Стилове за WP PageNavi.
2. WP-пагинат
WP-Paginate е плъгин с отворен код, който предлага прости настройки за добавяне на страници към вашия уебсайт на WordPress. Той също така предоставя раздел Персонализиран CSS за да добавите персонализиран код за вашите връзки към страници.
Освен публикации в блогове, WP-Paginate може също да редактира коментари за публикации, което е удобно за популярни блогове, които получават много коментари. Други елементи за персонализиране включват етикети и бутони и тяхното местоположение.
Безплатната версия идва с всички основни функции, от които се нуждаете. Въпреки това, надграждане до версия професионалист ще ви даде повече опции за стил, както и достъп до документация за плъгини и едногодишна специална поддръжка.
3. Азбучна пагинация
Верен на името си, азбучната пагинация ви позволява да разделяте и организирате публикации и страници по азбучен ред. Този формат на пагинация е полезен за сортиране на елементи според техните ключови думи и тематични категории, което прави процеса на търсене по-ефективен.
Някои от основните функции на плъгина включват автоматично позициониране на страници, групиране по азбучен ред и позициониране на DOM. Предлагат се различни стилове и езикови избори за различни нужди и предпочитания. Надграждането до версията Premium ще ви даде достъп до персонализирани кратки кодове за страници и списъци с потребители.
Освен това, азбучната пагинация е съвместима с Страници за магазини и продуктови категории на WooCommerce.
Как да поправя грешка 404 при пагинация на WordPress?
Грешка 404 е съобщение за грешка, което може да се появи при внедряване на пагинация в WordPress. В повечето случаи това е причинено от конфликт на постоянни връзки, който не позволява на браузъра да открие повредената страница.
Грешката обикновено възниква, когато щракнете към следващата страница. Персонализираната структура на постоянните връзки /%category%/%postname%/ работи нормално на първа страница, но /page/2 добавен url https://www.domaine.com/taxonomie_personnalisee/page/2 може да е в конфликт с персонализирани настройки за постоянна връзка.
Има няколко възможни решения на този проблем, в зависимост от вашата ситуация.
Промяна на стойността на WP_Query posts_per_page
Ако имате достъп настройки -> Лекция от таблото за управление на WordPress, ще видите, че по подразбиране за страниците на блога се показват максимално е 10.
Проверете Permalink персонализирани от WP_Query и какво ако posts_per_page има същата стойност. В противен случай сменете едното или другото, за да не си противоречат.
Добавете правило за пренаписване на страници
Този метод включва изтриване на частта в нарушение чрез създаване на правило за пренаписване. Включете този кодов фрагмент във файла functions.php :
function my_pagination_rewrite() {
add_rewrite_rule(category_name/page/?([0-9]{1,})/?$', 'index.php?category_name=blog&paged=$matches[1]', 'top');
}
add_action('init', 'my_pagination_rewrite');След като добавите кода, отидете на настройки -> Пермалинковете от таблото ви за управление WordPress и щракнете Запазване на промените за да изчистите кеша на правилата.
В крайна сметка, разделянето на страници е полезна функция, която прави сайтовете на WordPress с интензивно съдържание лесни за използване и лесни за навигация, като осигурява по-добро потребителско изживяване. За щастие, той може да бъде внедрен с персонализиран код или плъгин, което го прави удобен за потребители от всички нива на технически умения.
Разгледахме няколко начина за добавяне на пагинация към уебсайт на WordPress, както и трите най-добрите WordPress плъгини безплатен софтуер, който реализира тази функция.
Други препоръчани ресурси
Също така ви каним да се консултирате с ресурсите по-долу, за да отидете по-далеч в управлението на вашия уебсайт и блог.
- Как да добавите съдържание в WordPress
- Как да използвате различни фон в WordPress
- Как да настроите началната си страница в WordPress
- Как да създадете персонализирани шаблони в WordPress
- Elementor: Как да добавите звуков ефект на бутон
Заключение
Това е всичко за това ръководство, което ви казва как да приложите пагинация в WordPress. Ако имате някакви притеснения или предложения, моля, уведомете ни в рамките на това Връзка.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Междувременно, споделете тази статия във вашите различни социални мрежи.
...