WordPress: visualizzare gli ultimi 3 articoli di uno specifico TAG in un pratico slider

25 Maggio 2019
Posted in Tech
25 Maggio 2019 Upper

WordPress è la piattaforma più utilizzata al mondo per realizzare un sito web, è open source e non è troppo difficile da personalizzare.

Ci sono però alcune funzionalità che possono risultare utili ma un po’ complicate da personalizzare. Una di questa potrebbe essere la creazione di uno slider generato da uno specifico Tag. Se è vero che in rete c’è una vasta documentazione su come integrare e personalizzare per visualizzare gli articoli etichettati sotto una determinata categoria, lo stesso non si può dire dei Tag.

In questo breve tutorial vediamo insieme come creare un pratico slider statico in cui far apparire gli ultimi 3 articoli etichettati da uno specifico Tag di WordPress. Questo esempio può tornare utile nella Home Page di un magazine in cui si vuol far visualizzare nella prima riga l’immagine in evidenza e il titolo dell’ultimo post associato ad un Tag, e nella seconda riga gli altri due post, sempre con immagine in evidenza e titolo.

Inseriamo quindi questo codice nel punto in cui vogliamo far apparire lo slider:

<?php $myposts = get_posts(‘numberposts=1&tag=vetrina’);
foreach($myposts as $post) : ?>

<article class=”contentPreview2″>

<a href=”<?php the_permalink(); ?>”><?php the_post_thumbnail( ‘large’ ); ?></a>
<a href=”<?php the_permalink(); ?>” class=”titleOverlay2″><span class=”titolos”><?php the_title(); ?> </span></a>

</article>

<?php setup_postdata($post); ?>
<?php endforeach; ?>

<?php $myposts = get_posts(‘numberposts=2&tag=vetrina&offset=1’);
foreach($myposts as $post) : ?>

<article class=”contentPreview2 column”>
<a href=”<?php the_permalink(); ?>”><?php the_post_thumbnail( ‘medium’ ); ?></a>
<a href=”<?php the_permalink(); ?>” class=”titleOverlay2″><span class=”titolos”><?php the_title(); ?> </span></a>
</article>

<?php setup_postdata($post); ?>
<?php endforeach; ?>