Come utilizzare WP_Query per creare impaginazione in WordPress

Pubblicato: 2021-08-31

Uno dei modi produttivi per aumentare le visualizzazioni di pagina del tuo sito Web con una frequenza di rimbalzo ottimale è utilizzare WP_Query per creare l'impaginazione in WordPress.

In questo tutorial, ti guideremo attraverso una guida facile da seguire per aggiungere un ciclo WordPress personalizzato con l'impaginazione.

Che cos'è WP_Query?
WP_Query è una delle classi più importanti in WordPress poiché è ciò che ti dà accesso a record, post, pagine e tipi di post personalizzati nel database.

Nel frattempo, gli sviluppatori non hanno bisogno di scrivere complesse query SQL sul database per ricevere le informazioni necessarie su post, pagine o tipi di post personalizzati, perché WP_Query farà tutto per noi.

Che cos'è l'impaginazione in WordPress e perché ne hai bisogno?
L'impaginazione è una delle funzionalità principali che qualsiasi utente di WordPress può utilizzare per una varietà di scopi. È buona norma dividere i post lunghi in più pezzi e mostrare ciascuno di essi con una nuova pagina.

Se stai utilizzando un tema WordPress ben codificato a tua disposizione, con ogni probabilità, l'uso di tag nel tuo post aggiunto proprio dove hai bisogno che il post finisca e inizi nella pagina successiva farà il lavoro per te.

Non è difficile indovinare che i post lunghi impiegheranno molto tempo a caricarsi e sarà scomodo da leggere per gli ospiti del sito Web o per i follower del blog.

Dividere il tuo articolo o le lunghe descrizioni in tutte le pagine che sembrano utili renderà più facile per i lettori digerire tutte le informazioni senza infastidirsi.

Se sei un webmaster di WordPress o il proprietario di un sito Web WordPress, siamo sicuri che conosci la funzionalità di impaginazione integrata di WP che puoi facilmente utilizzare con i collegamenti o l'impaginazione numerica per dividere i post lunghi in tutte le parti diverse necessarie e mostrarli con le pagine precedenti e successive di conseguenza.

Oltre a rendere i tuoi articoli e post più facili da seguire e più leggibili, l'impaginazione ha anche altri vantaggi.

Renderà l'aspetto generale del tuo sito più accurato e compatto, aggiungerà le visualizzazioni di pagina del tuo sito, aiuterà a ridurre la frequenza di rimbalzo, contribuirà al posizionamento SEO e ti fornirà più pagine per inserire annunci pubblicitari e altro ancora.

Tuttavia, questo metodo non funziona sempre facilmente con i temi e i modelli WordPress contemporanei. Pertanto, ti offriamo l'utilizzo di WP_Query per creare l'impaginazione in WordPress.

Prima di approfondire il processo che descrive in dettaglio come utilizzare WP_Query per creare l'impaginazione in WordPress, ti consigliamo di familiarizzare con il riferimento alla classe WP Query nel codice di WordPress: https://codex.wordpress.org/Class_Reference/WP_Query#Usage .

Ora, quando hai un'idea generale su WP_Query e sui suoi utilizzi, condividiamo con te un esempio di query.

<?php

/**

* Nome modello: pagina personalizzata

*/

get_header(); ?>

<?php

$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'impaginato' ) : 1;

$args = array(

'post_per_pagina' => 4,

'impaginato' => $ paginato

);

$custom_query = nuovo WP_Query($args);

?>

<!----inizio-------->

<div class="wrap">

<div class="area-contenuti">

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

<?php

while($custom_query->have_posts()) :

$custom_query->il_post();

?>

<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> <!-- fine post del blog -->

<?php nel frattempo; ?>

<?php if (function_exists("impaginazione")) {

impaginazione($custom_query->max_num_pages);

} ?>

</principale><!-- #principale -->

</div><!-- #primario -->

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

<!----fine-------->

<?php get_footer();

Come utilizzare WP_Query per creare l'impaginazione in WordPress
Codice per l'impaginazione del rendering
Crea un file modello denominato CustomPage.php nella cartella del tema e aggiungi la parte di codice menzionata di seguito in una pagina statica personalizzata.

<?php if (function_exists("impaginazione")) {

impaginazione($custom_query->max_num_pages);

} ?>

Vai alla dashboard di amministrazione per creare una pagina e scegli la pagina personalizzata come modello.
Inoltre, dovrai utilizzare il seguente codice per far funzionare l'impaginazione personalizzata: Dovrai aggiungere questo codice in functions.php (che si trova nella cartella del tuo tema).

funzione di impaginazione($pagine = ”, $intervallo = 4)

{

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

globale $ paginato;

if(vuoto($paged)) $paged = 1;

if($pagine == '')

{

$wp_query globale;

$pagine = $wp_query->max_num_pagine;

if(!$pagine)

{

$pagine = 1;

}

}

if(1 != $pagine)

{

echo "<div class=\"pagination\"><span>Pagina ".$paged." di ".$pages."</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).”'>‹ Precedente</a>”;

for ($i=1; $i <= $pagine; $i++)

{

if (1 != $pagine &amp;&amp;( !($i &gt;= $paged+$range+1 || $i &lt;= $paged-$range-1) || $pagine &lt;= $showitems ) )

{

eco ($paged == $i)? "&lt;span class=\"current\"&gt;".$i."&lt;/span&gt;":"&lt;a href='".get_pagenum_link($i)."' class=\"inactive\" &gt;".$i."&lt;/a&gt;";

}

}

if ($paged &lt; $pages &amp;&amp; $showitems &lt; $pages) echo "&lt;a href=\"".get_pagenum_link($paged + 1)."\"&gt;Avanti ›&lt;/a&gt; ";

if ($paged &lt; $pages-1 &amp;&amp; $paged+$range-1 &lt; $pages &amp;&amp; $showitems &lt; $pages) echo "&lt;a href="".get_pagenum_link($pages) ."'&gt;Ultimo »&lt;/a&gt;";

echo "&lt;/div&gt;\n";

}

}

Ora che siamo riusciti a utilizzare WP_Query per creare l'impaginazione in WordPress, passiamo alla parte dello stile. Naturalmente, ora avremo a che fare con il file style.css invece di function.php.

Trova style.css nella cartella del tema e aggiungi il codice qui sotto.

/* Impaginazione */
.impaginazione {
chiaro: entrambi;
posizione:relativa;
dimensione del carattere: 11px; /* Dimensione testo impaginazione */
altezza della linea: 13px;
galleggiante:destra; /* Direzione float impaginazione */
}

.paginazione intervallo, .paginazione a {
blocco di visualizzazione;
galleggiante: sinistra;
margine: 2px 2px 2px 0;
imbottitura: 6px 9px 5px 9px;
decorazione del testo:nessuno;
larghezza: automatica;
colore:#fff; /* Colore testo impaginazione */
sfondo: #555; /* Colore di sfondo non attivo dell'impaginazione */
-transizione-webkit: background .15s facilità-in-uscita;
-moz-transizione: sfondo .15s facilità in entrata e uscita;
-transizione-ms: sfondo .15s facilità in entrata e uscita;
-o-transizione: sfondo .15s facilità in entrata e uscita;
transizione: sfondo .15s facilità in entrata;
}

.impaginazione a:passa il mouse{
colore:#fff;
sfondo: #6AAC70; /* Sfondo dell'impaginazione al passaggio del mouse */
}
.impaginazione .corrente{
imbottitura: 6px 9px 5px 9px;
sfondo: #6AAC70; /* Sfondo della pagina corrente */
colore:#fff;
}

Questo è tutto. Speriamo davvero che il nostro articolo ti aiuti a utilizzare WP_Query per creare l'impaginazione in WordPress senza intoppi. In caso di domande su questo tutorial o sui codici condivisi in esso, sentiti libero di chiedere la nostra assistenza!

Quando configuri il tuo sito Web su WordPress, una delle cose che potresti voler considerare è l'utilizzo di wp_query per creare l'impaginazione in WordPress .

Naturalmente, ti chiederai perché dovresti preoccuparti dell'impaginazione, ma ecco perché l'impaginazione è un aspetto importante di qualsiasi sito Web.

L'impaginazione è il processo mediante il quale puoi dividere un post lungo in post più brevi con sezioni del post originale pubblicate su altre pagine con un collegamento al post originale.

Questo aiuta ad aumentare le visualizzazioni di pagina sul tuo sito web e può rivelarsi prezioso per quanto riguarda SEO e ranking.

Questo è il motivo per cui è necessario utilizzare wp_query per creare l'impaginazione in WordPress in modo da poter personalizzare il post, mantenerlo più breve e nel processo, aiutare a migliorare l'esperienza dell'utente. Ecco alcuni motivi per cui l'impaginazione è importante e perché è essenziale per il tuo sito web.

  • Aspetto pulito e nitido: come risultato dell'impaginazione, dovresti essere in grado di mantenere i tuoi post più brevi e, nel frattempo, lasciare la tua prima pagina sgombra. Ciò dovrebbe consentirti di presentare ai tuoi clienti un aspetto pulito e nitido.

    Inoltre, con i post più brevi, dovresti essere in grado di sfruttare appieno lo spazio bianco in modo strategico e dirigere l'attenzione dell'utente sulle parti pertinenti del tuo sito Web, magari su un invito all'azione in modo che possano fare clic sullo stesso.

  • Marketing: con l'impaginazione, dovresti essere in grado di ridurre la lunghezza dei post e ottimizzarla anche nel processo.

    Con questo plugin, puoi decidere quali post vuoi accorciare e persino personalizzare il post, in modo che appaia più attraente per l'utente finale.

    Di conseguenza, il tuo traffico dovrebbe aumentare e, nel processo, dovresti anche essere in grado di coinvolgere maggiormente i tuoi utenti rispetto a prima.

  • Coinvolgimento degli utenti: nessun utente vuole leggere un lungo post direttamente in prima pagina; ecco perché è essenziale utilizzare l'impaginazione per mantenere brevi i post.

    Gli utenti apprezzerebbero l'aspetto ordinato, il caricamento rapido delle pagine e, di conseguenza, dovresti essere in grado di interagire di più con loro.

    Con l'impaginazione in gioco, dovresti essere in grado di mantenere le frequenze di rimbalzo a livelli ottimali, mantenere il tuo pubblico abbastanza interessato e, cosa più importante, aumentare le visualizzazioni di pagina sul tuo sito web.

    Di conseguenza, sei destinato ad aumentare le tue classifiche e dare una spinta al tuo tasso di conversione online.

Questi sono alcuni dei motivi per cui è necessario avere l'impaginazione sul tuo sito Web in quanto può aiutare il tuo sito Web a funzionare ancora meglio di prima.

Puoi decidere quanto brevi vorresti che fossero i post e, con l'impaginazione, dovresti essere in grado di decidere la lunghezza e persino l'aspetto dei post. Con questa funzione, dovresti essere in grado di offrire ai tuoi utenti un'esperienza utente migliore.