Vuoi implementare l'impaginazione di WordPress sul tuo sito web?
L'impaginazione è una funzione utile sui siti Web di WordPress che divide i post del blog in pagine separate. Invece di dover scorrere tutti i tuoi articoli, i visitatori possono andare a una pagina specifica e risparmiare tempo.
I siti Web con una grande quantità di contenuti possono trarre vantaggio dall'implementazione dell'impaginazione poiché questa funzione aiuta i visitatori a navigare più velocemente, fornendo a la migliore esperienza lettura.
Inoltre, l'impaginazione rende la navigazione del tuo sito Web più intuitiva e intuitiva per il crawler in quanto crea una struttura chiara all'interno del sito Web. Pagine del blog più brevi significano anche tempi di caricamento più rapidi, promuovendo meglio esperienza dell'utente.
Questo articolo ti mostrerà come implementare l'impaginazione in WordPress utilizzando due metodi: manualmente e utilizzando un plug-in di impaginazione. Tratteremo anche l'errore di impaginazione 404 di WordPress e alcuni suggerimenti su come risolverlo.
Ma prima di iniziare, se non hai mai installato WordPress, scoprilo Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog
Quindi torniamo al perché siamo qui.
Cos'è l'impaginazione di WordPress?
L'impaginazione di WordPress è una funzionalità che divide l'elenco dei post del blog in pagine separate. I visitatori possono utilizzare i pulsanti Successivo o Precedente per navigare tra le pagine o passare a un numero di pagina specifico.
Come aggiungere manualmente l'impaginazione a WordPress
Gli utenti con competenze di programmazione possono implementare manualmente l'impaginazione in WordPress utilizzando codice personalizzato. In questo tutorial, stiamo usando il tema WordPress Ventidue.
Sentiti libero di controllare i seguenti metodi e utilizzare quello che meglio si adatta alle tue capacità tecniche.
1. Adeguamento del codice PHP nel file functions.php
WordPress supporta la funzione di impaginazione (posts_nav_link()) che puoi inserire subito prima o dopo il ciclo principale nel file index.php del tuo tema WordPress.
Ecco un esempio semplificato di come appare il codice:
<?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; ?>Ti consigliamo di utilizzare a tema bambino per apportare questa modifica invece di implementarla direttamente nel tema principale. Un tema figlio eredita tutte le funzionalità, lo stile e le funzionalità del tema principale, consentendoti di conservare le modifiche apportate dopo qualsiasi aggiornamento del tema.
2. Aggiunto codice CSS per modificare l'impaginazione
Un altro modo per implementare l'impaginazione è aggiungere HTML e CSS al tema attivo. Molti snippet CSS personalizzati che puoi utilizzare sono disponibili su piattaforme di sviluppo web come CodePen.
Quella che segue è una funzione di paging personalizzata progettata da Afeh Hatami. Utilizza HTML e CSS per creare una semplice barra di navigazione del numero di pagina. Se decidi di implementare questo snippet nel tuo sito Web WordPress, sentiti libero di sperimentare stili diversi secondo necessità.
3. Gestione dei contenuti per pagina
A differenza dei metodi precedenti, questo non prevede la codifica. Invece, tutto ciò di cui hai bisogno è accedere alla dashboard di amministrazione di WordPress.
- Accesso a impostazioni -> lettura dalla dashboard di WordPress.
- Modifica il pagine del blog che visualizzano di più valore.
- Fare clic Salva modifiche.
Il numero di articoli visualizzati per pagina deve essere adattato al volume totale dei contenuti del sito web. Ad esempio, se hai tra 50 e 100 articoli, avere ogni pagina contenente da cinque a dieci articoli sarebbe l'ideale.
L'immagine seguente mostra come appare se il valore è impostato su "1". Ogni pagina visualizzerà un post del blog e una barra di navigazione dell'impaginazione apparirà appena prima della sezione del piè di pagina. Questa impostazione è adatta per siti Web di piccole dimensioni con un volume di contenuti ridotto.
I migliori plugin di impaginazione di WordPress
Il modo più semplice per implementare l'impaginazione è utilizzare a WordPress Plugin. Molti plugin di impaginazione gratuiti e premium sono disponibili in directory ufficiale dei plugin. Tratteremo i primi tre plugin in seguito.
Tutti questi plugin sono personalizzabili tramite il tuo menu impostazioni durante l'installazione e l'attivazione.
1. WP-PageNavi
Poiché WP-PageNavi è uno dei plugin di WordPress omaggi popolari, è probabile che il tuo tema WordPress includa il supporto integrato. In caso contrario, dovrai modificare manualmente il codice del tuo tema per far funzionare questo plugin con il codice personalizzato fornito nella pagina ufficiale del plugin.
WP-PageNavi fornisce semplici impostazioni che anche i principianti possono facilmente modificare. Consente inoltre di modificare le etichette degli elementi di navigazione e i numeri di pagina. Inoltre, il plug-in consente di passare dal formato Vecchi articoli et Articoli recenti su una barra di navigazione numerata per un controllo più semplice.
Per accedere a più opzioni di stile, considera anche di ottenere l'addon Stili per WP PageNavi.
2. WP-Paginate
WP-Paginate è un plug-in open source che offre semplici impostazioni per aggiungere l'impaginazione al tuo sito Web WordPress. Fornisce anche una scheda CSS personalizzato per aggiungere codice personalizzato per i tuoi link di impaginazione.
Oltre ai post del blog, WP-Paginate può anche modificare i commenti dei post, il che è utile per i blog popolari che ricevono molti commenti. Altri elementi personalizzabili includono etichette e pulsanti e la loro posizione.
La versione gratuita include tutte le funzionalità essenziali di cui hai bisogno. Tuttavia, l'aggiornamento alla versione Pro ti darà più opzioni di stile, oltre all'accesso alla documentazione del plug-in e al supporto dedicato di un anno.
3. Impaginazione alfabetica
Fedele al suo nome, l'impaginazione alfabetica ti consente di dividere e organizzare i post e le pagine in ordine alfabetico. Questo formato di impaginazione è utile per ordinare gli elementi in base alle parole chiave e alle categorie di argomenti, il che rende il processo di ricerca più efficiente.
Alcune delle funzionalità di base del plug-in includono impaginazione automatica, raggruppamento alfabetico e posizionamento DOM. Sono disponibili diversi stili e selezioni di lingua per esigenze e preferenze diverse. L'aggiornamento alla versione Premium ti darà accesso a codici brevi personalizzati per l'impaginazione e gli elenchi di utenti.
Inoltre, l'impaginazione alfabetica è compatibile con Negozio WooCommerce e pagine delle categorie di prodotti.
Come correggere l'errore di impaginazione 404 di WordPress?
Errore 404 è un messaggio di errore che può apparire quando si implementa l'impaginazione in WordPress. Nella maggior parte dei casi, è causato da un conflitto di permalink che impedisce al browser di scoprire la pagina interrotta.
L'errore si verifica in genere quando si fa clic sulla pagina successiva. La struttura del permalink personalizzato /%category%/%postname%/ funziona normalmente sulla prima pagina, ma il /page/2 URL aggiunto https://www.domaine.com/taxonomie_personnalisee/page/2 potrebbe entrare in conflitto con le impostazioni del permalink personalizzato.
Esistono diverse possibili soluzioni a questo problema, a seconda della situazione.
Modifica del valore post_per_pagina di WP_Query
Se accedi impostazioni -> lettura dalla dashboard di WordPress, vedrai che l'impostazione predefinita per pagine del blog visualizzate al massimo è 10.
Controlla il permalink personalizzato da WP_Query e se posts_per_page ha lo stesso valore. Altrimenti, cambia l'uno o l'altro in modo che non siano in conflitto.
Aggiungi una regola di riscrittura della paginazione
Questo metodo comporta l'eliminazione della parte incriminata creando una regola di riscrittura. Includi questo frammento di codice nel file 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');Dopo aver aggiunto il codice, vai a impostazioni -> Permalink dalla tua dashboard WordPress e fare clic Salva modifiche per svuotare la cache delle regole.
In definitiva, l'impaginazione è una funzione utile che rende i siti WordPress ad alta intensità di contenuti intuitivi e facili da navigare, fornendo una migliore esperienza utente. Fortunatamente, può essere implementato con codice personalizzato o un plug-in, il che lo rende conveniente per gli utenti di tutti i livelli di abilità tecnica.
Abbiamo esaminato alcuni modi per aggiungere l'impaginazione a un sito Web WordPress oltre ai tre migliori plugin di WordPress freeware che implementa questa funzione.
Altre risorse consigliate
Ti invitiamo inoltre a consultare le risorse seguenti per approfondire la presa e il controllo del tuo sito Web e blog.
- Come aggiungere un sommario in WordPress
- Utilizzando diversi background WordPress
- Come impostare la tua home page in WordPress
- Come creare modelli personalizzati WordPress
- Elementor: come aggiungere un effetto sonoro del pulsante
Conclusione
Questo è tutto per questa guida che ti spiega come implementare l'impaginazione in WordPress. Se hai dubbi o suggerimenti, faccelo sapere all'interno commentaires.
Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
