Cum să utilizați WP_Query pentru a crea paginație în WordPress

Publicat: 2021-08-31

Una dintre modalitățile productive de a crește vizualizările de pagină ale site-ului dvs. au o rată de respingere optimă este să utilizați WP_Query pentru a crea paginarea în WordPress.

În acest tutorial, vă vom prezenta un ghid ușor de urmat pentru a adăuga o buclă personalizată WordPress cu paginare.

Ce este WP_Query?
WP_Query este una dintre cele mai importante clase din WordPress, deoarece este ceea ce vă oferă acces la înregistrări, postări, pagini și tipuri de postări personalizate din baza de date.

Între timp, dezvoltatorii nu trebuie să scrie interogări SQL complexe în baza de date pentru a primi informațiile necesare despre postări, pagini sau tipuri de postări personalizate, deoarece WP_Query va face totul pentru noi.

Ce este paginarea în WordPress și de ce aveți nevoie de ea?
Paginarea este una dintre caracteristicile de bază pe care orice utilizator WordPress le poate folosi pentru o varietate de scopuri. Este o practică bună de a împărți postările lungi în mai multe bucăți și de a prezenta fiecare dintre ele cu o pagină nouă.

Dacă utilizați o temă WordPress bine codificată la dispoziția dvs., după toate probabilitățile, folosirea etichetei în postarea dvs. adăugată oriunde aveți nevoie ca postarea să se termine și să înceapă pe pagina următoare va face treaba pentru dvs.

Nu este greu de ghicit că postările lungi vor dura mult timp pentru a se încărca și vor fi incomod pentru citirea oaspeților site-ului sau a urmăritorilor blogului.

Împărțirea articolului sau a descrierilor lungi în câte pagini vi se pare oportune va face mai ușor pentru cititori să digere toate informațiile fără a se enerva.

Dacă sunteți un webmaster WordPress sau un proprietar de site web WordPress, suntem siguri că știți despre funcționalitatea de paginare integrată WP pe care o puteți utiliza cu ușurință cu link-uri sau paginare numerică pentru a împărți postările lungi în cât mai multe părți diferite și pentru a le prezenta cu paginile anterioare și următoare. în consecinţă.

Pe lângă faptul că vă face articolele și postările mai ușor de urmărit și mai lizibile, paginarea are și alte beneficii.

Va face ca aspectul general al site-ului dvs. să fie mai precis și mai compact, să adauge vizualizările paginii site-ului dvs., să contribuie la reducerea ratei de respingere, să contribuie la clasarea SEO și să vă ofere mai multe pagini pentru a plasa reclame și multe altele.

Cu toate acestea, această metodă nu funcționează întotdeauna fără efort cu teme și șabloane WordPress contemporane. Prin urmare, vă oferim să utilizați WP_Query pentru a crea paginarea în WordPress.

Înainte de a aprofunda procesul de detaliere a modului de utilizare a WP_Query pentru a crea paginarea în WordPress, vă recomandăm să vă familiarizați cu referința clasei WP Query din WordPress Codex: https://codex.wordpress.org/Class_Reference/WP_Query#Usage .

Acum, când aveți o idee generală despre WP_Query și despre utilizările sale, permiteți-ne să vă împărtășim o mostră de interogare.

<?php

/**

* Nume șablon: pagină personalizată

*/

get_header(); ?>

<?php

$paginat = ( get_query_var( 'paginat' ) ) ? get_query_var('paginat'): 1;

$args = matrice(

'posts_per_page' => 4,

'paginat' => $paginat

);

$custom_query = new WP_Query($args);

?>

<!----start-------->

<div class="wrap">

<div class="content-area">

<main class="site-main" role="main">

<?php

while($custom_query->have_posts()):

$interogare_personalizată->postul();

?>

<div>

<ul>

<li>

<h3><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h3>

<div>

<ul>

<div><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>

</ul>

<ul>

<p><?php echo the_content(); ?></p>

</ul>

</div>

<div>

</li>

</ul>

</div> <!-- terminați postările de pe blog -->

<?php endwhile; ?>

<?php dacă (funcție_există(„paginare”)) {

paginare($custom_query->max_num_pages);

} ?>

</main><!-- #main -->

</div><!-- #primar -->

</div><!-- .wrap -->

<!----end-------->

<?php get_footer();

Cum să utilizați WP_Query pentru a crea paginarea în WordPress
Cod pentru redarea paginației
Creați un fișier șablon numit CustomPage.php în folderul cu teme și adăugați fragmentul de cod menționat mai jos într-o pagină statică personalizată.

<?php dacă (funcție_există(„paginare”)) {

paginare($custom_query->max_num_pages);

} ?>

Accesați tabloul de bord Administrator pentru a crea o pagină și alegeți o pagină personalizată ca șablon.
Mai mult, va trebui să utilizați următorul cod pentru a face paginarea personalizată să funcționeze: Va trebui să adăugați acest cod în functions.php (care se găsește în folderul cu tema).

paginarea funcției ($pagini = ”, $interval = 4)

{

$showitems = ($interval * 2)+1;

global $paged;

if(gol ($paginat)) $paginat = 1;

if($pagini == '')

{

global $wp_query;

$pagini = $wp_query->max_num_pages;

dacă(!$pagini)

{

$pagini = 1;

}

}

if(1 != $pagini)

{

echo „<div class=\”pagination\”><span>Pagina „.$paginată.” din „.$pagini.”</span>”;

if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo „<a href='”.get_pagenum_link(1).”'>« First</a>”;

if($paged > 1 && $showitems < $pages) echo „<a href='”.get_pagenum_link($paged – 1).”'>‹ Previous</a>”;

pentru ($i=1; $i <= $pagini; $i++)

{

dacă (1 != $pagini &amp;&amp;( !($i &gt;= $paginat+$interval+1 || $i &lt;= $paginat-$interval-1) || $pagini &lt;= $showitems ) )

{

ecou ($paginat == $i)? „&lt;span class=\"current\"&gt;".$i."&lt;/span&gt;":"&lt;a href="".get_pagenum_link($i)."' class=\"inactiv\" &gt;".$i."&lt;/a&gt;";

}

}

dacă ($paged &lt; $pages &amp;&amp; $showitems &lt; $pages) ecou „&lt;a href=\"".get_pagenum_link($paged + 1)."\"&gt;Next ›&lt;/a&gt; ";

dacă ($paged &lt; $pages-1 &amp;&amp; $paged+$range-1 &lt; $pages &amp;&amp; $showitems &lt; $pages) ecou „&lt;a href='”.get_pagenum_link($pages) ."'&gt;Ultimul »&lt;/a&gt;";

ecou „&lt;/div&gt;\n”;

}

}

Acum că am reușit să folosim WP_Query pentru a crea paginarea în WordPress, să trecem la partea de stilare. Desigur, acum vom avea de-a face cu fișierul style.css în loc de function.php.

Găsiți style.css în folderul cu teme și adăugați codul de mai jos.

/* Paginare */
.paginare {
clar:ambele;
poziție:rudă;
dimensiunea fontului: 11px; /* Dimensiunea textului de paginare */
înălțimea liniei: 13px;
float:dreapta; /* Direcția flotantă a paginii */
}

.pagination span, .pagination a {
display:bloc;
plutește la stânga;
marjă: 2px 2px 2px 0;
umplutură: 6px 9px 5px 9px;
text-decor:niciuna;
latime:auto;
culoare:#fff; /* Culoarea textului de paginare */
fundal: #555; /* Paginare culoare de fundal inactivă */
-webkit-tranziție: fundal .15s ease-in-out;
-moz-tranziție: fundal .15s ease-in-out;
-ms-transition: fundal .15s ease-in-out;
-o-tranziție: fundal .15s ease-in-out;
tranziție: fundal .15s ease-in-out;
}

.pagination a:hover{
culoare:#fff;
fundal: #6AAC70; /* Fundal de paginare la trecerea cursorului */
}
.pagination .current{
umplutură: 6px 9px 5px 9px;
fundal: #6AAC70; /* Fundalul paginii curente */
culoare:#fff;
}

Asta e. Sperăm cu adevărat că articolul nostru vă va ajuta să utilizați WP_Query pentru a crea paginarea în WordPress fără probleme. În cazul oricărei întrebări despre acest tutorial sau despre codurile partajate în acesta, nu ezitați să ne cereți asistența!

Când vă configurați site-ul web pe WordPress, unul dintre lucrurile pe care poate doriți să le luați în considerare este utilizarea wp_query pentru a crea paginarea în WordPress .

Desigur, trebuie să vă întrebați de ce ar trebui să vă deranjați cu paginarea, dar iată de ce paginarea este un aspect important al oricărui site web.

Paginarea este procesul prin care puteți împărți o postare lungă în postări mai scurte, secțiunile postării originale fiind postate pe alte pagini cu un link înapoi la postarea originală.

Acest lucru ajută la creșterea numărului de vizualizări ale paginii de pe site-ul dvs. și se poate dovedi a fi neprețuit în ceea ce privește SEO și clasamente.

Acesta este motivul pentru care trebuie să utilizați wp_query pentru a crea paginarea în WordPress , astfel încât să puteți personaliza postarea, să o păstrați mai scurtă și, în proces, să ajutați la îmbunătățirea experienței utilizatorului. Iată câteva motive pentru care paginarea este importantă și de ce este esențială pentru site-ul tău.

  • Aspect curat, clar: ca urmare a paginarii, ar trebui să vă puteți menține postările mai scurte și, în acest proces, să vă lăsați prima pagină neaglomerată. Acest lucru ar trebui să vă permită să prezentați clienților dvs. un aspect curat și clar.

    Mai mult, cu postările tăiate mai scurte, ar trebui să puteți folosi pe deplin spațiul alb în mod strategic și să îndreptați atenția utilizatorului către părțile relevante ale site-ului dvs., poate către un îndemn la acțiune, astfel încât să poată face clic pe același.

  • Marketing: Cu paginare, ar trebui să puteți reduce lungimea postărilor și să o optimizați și în acest proces.

    Cu acest plugin, puteți decide ce postări doriți să fie tăiate mai scurt și chiar personalizați postarea, astfel încât să pară mai atractivă pentru utilizatorul final.

    Drept urmare, traficul dvs. ar trebui să crească și, în acest proces, ar trebui să puteți interacționa mai mult cu utilizatorii decât înainte.

  • Implicarea utilizatorului: niciun utilizator nu dorește să citească o postare lungă chiar pe prima pagină; de aceea este esențial să folosești paginarea pentru a menține postările scurte.

    Utilizatorii ar aprecia aspectul neaglomerat, paginile care se încarcă rapid și, ca rezultat, ar trebui să puteți interacționa mai mult cu ei.

    Odată cu intrarea în joc paginarea, ar trebui să puteți menține ratele de respingere la niveluri optime, să vă mențineți publicul suficient de interesat și, mai important, să creșteți numărul de vizualizări ale paginilor de pe site-ul dvs.

    Drept urmare, sunteți obligat să vă creșteți clasamentul, precum și să oferiți un impuls ratei de conversie online.

Acestea sunt câteva dintre motivele pentru care trebuie să aveți paginarea pe site-ul dvs., deoarece vă poate ajuta site-ul să funcționeze și mai bine decât înainte.

Puteți decide cât de scurte doriți să fie postările și, cu paginare, ar trebui să puteți decide lungimea și chiar aspectul postărilor. Cu această caracteristică, ar trebui să puteți oferi utilizatorilor o experiență de utilizator mai bună.