Hur man implementerar paginering i WordPress

ens Passy Guy | Wordpress Tutorial

Vill du implementera WordPress paginering på din webbplats?

Paginering är en praktisk funktion på WordPress-webbplatser som delar upp blogginlägg i separata sidor. Istället för att besökarna ska behöva scrolla igenom alla dina artiklar kan de gå till en specifik sida och spara tid.

Webbplatser med en stor mängd innehåll kan dra nytta av att implementera paginering eftersom den här funktionen hjälper besökare att navigera snabbare, vilket ger en bättre upplevelse föreläsningen.

Dessutom gör paginering din webbplatsnavigering mer användarvänlig och sökrobotvänlig eftersom den skapar en tydlig struktur på webbplatsen. Kortare bloggsidor innebär också snabbare laddningstider, vilket ger bättre reklam användarupplevelse.

Den här artikeln kommer att visa dig hur du implementerar paginering i WordPress med två metoder - manuellt och med hjälp av ett pagineringsplugin. Vi kommer också att täcka WordPress 404 sidnumreringsfel och några tips om hur man fixar det.

Men innan du börjar, ta reda på om du aldrig har installerat WordPress Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Vad är WordPress-paginering?

WordPress paginering är en funktion som delar upp listan med blogginlägg i separata sidor. Besökare kan använda knapparna Nästa eller Föregående för att navigera mellan sidor eller hoppa till ett specifikt sidnummer.

Hur man manuellt lägger till paginering till WordPress

Användare med kodningskunskaper kan implementera paginering i WordPress manuellt med hjälp av anpassad kod. I den här handledningen använder vi WordPress-temat Tjugo två.

Kolla gärna in följande metoder och använd den som bäst passar dina tekniska färdigheter.

1. Justering av PHP-kod i functions.php-fil

WordPress stöder pagineringsfunktion (posts_nav_link()) som du kan infoga precis före eller efter huvudslingan i filen index.php av ditt WordPress-tema.

Här är ett förenklat exempel på hur koden ser ut:

<?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; ?>

Vi rekommenderar att du använder en barn tema att göra denna förändring istället för att implementera den direkt i det överordnade temat. Ett underordnat tema ärver all funktionalitet, stil och funktionalitet av dess överordnade tema, vilket gör att du kan behålla ändringar som gjorts efter en temauppdatering.

2. Lade till CSS-kod för att ändra paginering

Ett annat sätt att implementera paginering är att lägga till HTML och CSS till ditt aktiva tema. Många anpassade CSS-snuttar som du kan använda är tillgängliga på webbutvecklingsplattformar som t.ex CodePen.

Följande är en anpassad personsökningsfunktion designad av Arefeh Hatami. Den använder HTML och CSS för att skapa ett enkelt sidnummernavigeringsfält. Om du bestämmer dig för att implementera detta utdrag på din WordPress-webbplats, experimentera gärna med olika stilar efter behov.

implementera paginering i WordPress

3. Innehållshantering per sida

Till skillnad från de tidigare metoderna involverar denna inte kodning. Istället är allt du behöver tillgång till WordPress admin-dashboard.

  1. Tillgång till inställningar -> läsning från WordPress-instrumentpanelen.
  2. Ändra bloggsidor som visas mest värde.
implementera paginering i WordPress
  1. Klicka på Spara ändringar.

Antalet artiklar som visas per sida bör anpassas till den totala volymen av webbplatsinnehåll. Om du till exempel har mellan 50 och 100 artiklar är det idealiskt att varje sida innehåller fem till tio artiklar.

Bilden nedan visar hur det ser ut om värdet är satt till "1". Varje sida kommer att visa ett blogginlägg och ett navigeringsfält för paginering visas precis före sidfotssektionen. Den här inställningen är lämplig för små webbplatser med en låg volym innehåll.

De bästa WordPress-pagineringspluginerna

Det enklaste sättet att implementera paginering är att använda en Wordpress plugin. Många gratis och premium pagineringsplugins finns tillgängliga i officiella plugin-katalogen. Vi kommer att täcka de tre bästa plugins härnäst.

Alla dessa plugins är anpassningsbara via din meny inställningar under installation och aktivering.

1. WP-PageNavi

Eftersom WP-PageNavi är en av Wordpress plugins populära freebies, är chansen stor att ditt WordPress-tema inkluderar inbyggt stöd. Annars måste du manuellt ändra din temakod för att få detta plugin att fungera med den anpassade koden som finns på den officiella pluginsidan.

WP-PageNavi ger enkla inställningar som även nybörjare enkelt kan ändra. Det låter dig också ändra etiketter för navigeringsobjekt och sidnummer. Dessutom låter plugin dig byta från format Gamla artiklar et Senaste artiklarna på ett numrerat navigeringsfält för enklare kontroll.

För att få tillgång till fler stylingalternativ, överväg också att skaffa tillägget Stilar för WP PageNavi.

2. WP-Paginate

WP-Paginate är ett plugin med öppen källkod som erbjuder enkla inställningar för att lägga till paginering på din WordPress-webbplats. Den tillhandahåller också en flik Anpassad CSS för att lägga till anpassad kod för dina pagineringslänkar.

Förutom blogginlägg kan WP-Paginate även redigera inläggskommentarer, vilket är praktiskt för populära bloggar som får många kommentarer. Andra anpassningsbara element inkluderar etiketter och knappar samt deras placering.

Gratisversionen kommer med alla viktiga funktioner du behöver. Uppgraderar dock till version Pro ger dig fler stylingalternativ samt tillgång till plugin-dokumentation och ettårig dedikerad support.

3. Alfabetisk paginering

Trogen namnet låter Alphabetic Pagination dig dela upp och organisera inlägg och sidor i alfabetisk ordning. Detta pagineringsformat är användbart för att sortera objekt enligt deras nyckelord och ämneskategorier, vilket gör sökprocessen mer effektiv.

Några av de grundläggande funktionerna i plugin inkluderar automatisk paginering, alfabetisk gruppering och DOM-positionering. Olika stilar och språkval finns tillgängliga för olika behov och preferenser. Uppgradering till Premium-versionen ger dig tillgång till anpassade kortkoder för sidnumrering och användarlistor.

Dessutom är alfabetisk paginering kompatibel med WooCommerce butik och produktkategorisidor.

Hur fixar jag WordPress-pagetion 404-fel?

404-felet är ett felmeddelande som kan visas när du implementerar paginering i WordPress. I de flesta fall orsakas det av en permalänkkonflikt som hindrar webbläsaren från att upptäcka den trasiga sidan.

Felet uppstår vanligtvis när du klickar till nästa sida. Den anpassade permalänkstrukturen /%category%/%postname%/ fungerar normalt på första sidan, men /page/2 lagt till url https://www.domaine.com/taxonomie_personnalisee/page/2 kan komma i konflikt med anpassade permalänkinställningar.

Det finns flera möjliga lösningar på detta problem, beroende på din situation.

Ändra värdet för WP_Query posts_per_page

Om du kommer åt inställningar -> läsning från WordPress-instrumentpanelen ser du att standarden för bloggsidor visas maximalt är 10.

Kolla permalänk personlig från WP_Query  och vad händer om posts_per_page har samma värde. Annars, ändra det ena eller det andra så att de inte kommer i konflikt.

Lägg till en omskrivningsregel för sökning

Denna metod innebär att den kränkande delen tas bort genom att skapa en omskrivningsregel. Inkludera detta kodavsnitt i filen 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');

När du har lagt till koden, gå till inställningar -> permalänkar från din instrumentpanel WordPress och klicka Spara ändringar för att rensa regelcachen.

I slutändan är paginering en användbar funktion som gör innehållsintensiva WordPress-webbplatser användarvänliga och lättnavigerade, vilket ger en bättre användarupplevelse. Lyckligtvis kan det implementeras med anpassad kod eller ett plugin, vilket gör det bekvämt för användare på alla tekniska nivåer.

Vi har gått igenom några sätt att lägga till paginering på en WordPress-webbplats såväl som de tre bästa WordPress-plugins gratisprogram som implementerar den här funktionen.

Andra rekommenderade resurser

Vi inbjuder dig också att konsultera resurserna nedan för att gå vidare i greppet och kontrollen av din webbplats och blogg.

Slutsats

Det är allt för den här guiden som berättar hur du implementerar paginering i WordPress. Om du har några funderingar eller förslag, vänligen meddela oss inom commentaires.

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

under tiden, dela den här artikeln på dina olika sociala nätverk.   

.  

Poster le commentaire

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.