Come aggiungere i post relativi a WordPress senza plugin

Uno dei grandi vantaggi dell'utilizzo di WordPress sono i plugin. I plug-in di WordPress coprono quasi tutto ciò che puoi immaginare, dall'espansione del tuo blog a un CMS, all'aggiunta di funzionalità eccellenti e all'ottimizzazione del tuo blog per i motori di ricerca: le possibilità sono infinite (e non dimentichiamo tutti i diversi temi là fuori).

Ma usando troppi plugin, si corre il rischio di intasare il tuo blog WordPress e, nel peggiore dei casi, potresti "romperlo". Ci sono molte istanze di plugin che non sono compatibili tra loro, così come plugin che rallentano il tuo blog.

Alcune delle più popolari categorie di plugin per WordPress sono basate sull'aggiunta “post correlati” a un blog. Dal momento che WordPress non ha nulla di standard per questo, tutti sono tenuti a utilizzare una sorta di plugin per visualizzare i post correlati sul loro sito.

Questo articolo ti insegnerà come aggiungere post correlati con miniature al tuo blog senza plugin, mantenendo tutto semplice, leggero e accessibile. Iniziamo!

Ma prima, perché evitare i plugin?

Ci sono una serie di motivi per cui dovresti sempre provare a utilizzare il codice e i servizi integrati di WordPress, piuttosto che un plug-in. Il vantaggio principale è che non è necessario affidarsi a una terza parte (lo sviluppatore del plugin) per il funzionamento del proprio blog. Ci sono molti casi in cui i plug-in popolari vengono abbandonati dai loro sviluppatori, lasciando innumerevoli proprietari di siti bloccati con software obsoleti e potenzialmente vulnerabili.

Un altro motivo è che non si corre il rischio di utilizzare un plugin gonfiato che può rallentare il sito fino a una macinatura o, peggio ancora, contenere una parte di codice dannoso, anche se questo è raro se si ottengono i plugin dalla directory ufficiale di WordPress.

Per iniziare: post correlati con miniature

Questa funzione "post correlati", come la maggior parte degli altri, è progettata per essere inserita nella pagina principale dell'articolo (single.php), ma è possibile utilizzarla praticamente ovunque, purché la si tenga all'interno del ciclo WordPress. Per ottenere i post correlati, utilizzeremo i tag post che vengono assegnati ai singoli articoli.

miniature

WordPress ora dispone di un sistema di anteprima integrato, di cui avremo bisogno qui. Per abilitarlo, aggiungi questo codice al tuo file functions.php nella cartella del tema (nella maggior parte dei casi è già lì).

 add_theme_support ('post-thumbnails'); 

Puoi anche impostare la larghezza e l'altezza delle miniature aggiungendo un'altra riga al codice:

 add_theme_support ('post-thumbnails'); set_post_thumbnail_size (100, 50, true); 

Importante: Quando aggiungi immagini ai post, per creare una miniatura, devi, nel pannello di caricamento delle immagini, selezionare “Usa come immagine in primo piano”. Questo creerà la miniatura per il post.

Il codice

 
 
Post correlati
 ID); if ($ tags) $ tag_ids = array (); foreach ($ tag as $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // Numero di post correlati da visualizzare. 'caller_get_posts' => 1) ; $ my_query = new wp_query ($ args); while ($ my_query-> have_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

Il pezzo di codice the_post_thumbnail (array (150.100) imposta la dimensione della miniatura che verrà visualizzata, in questo caso, 150 px di larghezza, 100 px di altezza.

Il CSS

Abbiamo due classi divs qui, “.relatedposts”, che è il contenitore div generale e “.relatedthumb” che è la miniatura e il collegamento individuale all'interno di .relatedposts. Assumiamo che la larghezza del post sia il 640px standard. Il CSS:

 .relatedposts width: 640px; margine: 0 0 20px 0; float: a sinistra; font-size: 12px; .relatedposts h3 font-size: 20px; margine: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; float: a sinistra;  .relatedthumb img margin: 0 0 3px 0; padding: 0; .relatedthumb a color: # 333; decorazione del testo: nessuna; blocco di visualizzazione; imbottitura: 4px; width: 150px; .relatedthumb a: hover background-color: #ddd; color: # 000; 

Il CSS sopra renderizzerà le miniature dei post con larghezza 150px, il che significa che avremo bisogno di 4 miniature per riempire la larghezza 640px del post (incluso il margine tra di esse). Puoi regolarlo come desideri; se vuoi 5 miniature, avrai bisogno di una larghezza di .relatedthumb di circa 125px.

Importante: Assicurati di impostare la larghezza delle miniature generate nelle impostazioni del tuo media per WordPress in modo che corrispondano a quelle impostate nei CSS. Inoltre, deve corrispondere alla dimensione specificata nel codice php: the_post_thumbnail (array (150.100).

Esempio

I post correlati dovrebbero apparire in questo modo, come quelli utilizzati dal blog di gioco DigitalBattle (che utilizza la tecnica esatta descritta in questo articolo):

Tecniche simili

Questo non è l'unico modo per fare post correlati senza plug-in: ci sono un sacco di tecniche e guide là fuori che mostrano come aggiungere post correlati senza plugin, eccone alcuni:

]
• Post correlati w / thumbnails in WordPress senza plugin (TechWalz)
• Come: messaggi correlati con miniature in WordPress senza plugin (WPBeginner)
• Come aggiungere post correlati con anteprima senza plug-in (WPCode)

conclusioni

Possiamo fare molto con le funzionalità integrate offerte da WordPress e, in molti casi, non è necessario ricorrere a plug-in di terze parti per completare il lavoro. La prossima volta che avrai bisogno di un plugin per il tuo blog WordPress, vedi se riesci a ottenere la stessa funzionalità senza il plug-in. Scava, cerca sul Web un'alternativa. Sarai sorpreso di quanto sia possibile con WordPress fuori dalla scatola.