WordPress: visualizzare i post in rilievo

WordPress: visualizzare i post in rilievo

I post in rilievo in WordPress possono essere gestiti con molta facilità se utilizziamo un tag per contrassegnarli. Molti temi già forniscono questa opzione, ma se volessimo implementare da zero questa funzionalità, dovremmo ritagliare uno spazio per questo tipo di post nella home page (file index.php o home.php). Potrà sembrare strano ma in genere ci vuole più tempo per definire il layout CSS per questo tipo di post e la loro posizione nella home che non reperire tali post. Vediamo insieme i dettagli.

Nella home page dobbiamo creare un nuovo Loop prendendo solo quei post con il tag featured:


<?php query_posts('tag=featured');?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div id="featured-posts">
	<h3 class="label">Articoli in rilievo</h3>
	<div class="featured-post">	
		<h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1>
		<div class="meta">
	   		Di <span class="author"><?php the_author_link(); ?></span> 
		</div>
		<div class="featured-posts-details">
			<p><?php the_excerpt()?></p>
        	<?php $featured_img = get_post_meta($post->ID, 'featured_img', $single = true); ?>
			<a href="<?php the_permalink(); ?>"><img src="<?php echo $featured_img ?>" alt="<?php the_title(); ?>" /></a>
		</div>
	</div>
</div>
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>

Abbiamo anche inserito l'immagine in evidenza per ciascun post in rilievo utilizzando la funzione get_post_meta(). Come si può notare, ciascun post è stato inserito in un blocco con una classe CSS specifica in modo da facilitare il suo inserimento nel layout.

Torna su