4 Semplici Step per Creare un Archivio Più Efficace

Credo che ciò che renda efficace un archivio sia la capacità di quest’ultimo di trasmettere informazioni al visitatore senza richiedere decine di click per indagarne ogni singola sottosezione.

Tutto dev’essere in bella vista, chiaro e autoesplicativo.

Spesso invece gli archivi finiscono per essere nude liste di categorie, pagine o tag. Talvolta ci si imbatte in qualche paragrafo introduttivo, qualche selezione di “best post” tesa a stimolare qualche click in più. Ma si sa, il tempo è sempre poco e anche il blogger più motivato prima o poi getta la spugna e trascura questa parte del proprio blog.

Per questo oggi ti voglio presentare una soluzione che:

• Mostra tutte le tue categorie insieme alla loro descrizione
• Presenta gli ultimi n-post recenti per ciascuna categoria
• Non richiede alcuna manutenzione
• Non richiede alcun plugin!

E si sviluppa in poco meno di un’ora se hai già dimestichezza con i file del tuo tema. In quattro semplici passi.

1. Completa le descrizioni di categoria

Per prima cosa dovrai inserire una descrizione coerente per ciascuna delle categorie presenti sul tuo blog. È un lavoraccio, lo so.

Anche se il codice che ti vado a presentare oggi potrebbe funzionare (con qualche ritocco) senza di esse, le descrizioni di categoria sono ciò che dona la classica marcia in più al tuo archivio e tornano oltremodo utili quando si tratta di mettere mano alla SEO.

Prenditi quindi una mezz’oretta piena e recati nella sezione “Articoli”, poi sotto “Categorie” e per ciascuna di esse inserisci un paragrafo di buon testo descrittivo.

Nota: Molti plugin come HeadSpace2 ti permettono inoltre di riportare queste descrizioni all’interno dei diversi meta-tag description per ciascuna pagina di archivio categoria in maniera totalmente automatica e trasparente, migliorando leggibilità e scansione delle tue pagine nelle SERP dei motori di ricerca.

Se stai utilizzando il sopracitato plugin, per beneficiare di tale opzione è sufficiente (tra le opzioni di HeadSpace) attivare il modulo di pagina “Descrizione pagina” e inserire sotto il segmento “Categorie” in “Descrizione” la variabile “%%category_description%%“. È più semplice farlo che scriverlo, sul serio!

2. Crea un template di pagina per il tuo archivio

Il modo migliore di presentare il tuo archivio è quello di utilizzare un template di pagina personalizzato. La buona notizia è che probabilmente il tuo tema già dispone di un file dedicato e tu sei già a metà dell’opera.

In caso contrario, la soluzione più rapida è partire dal file “archive.php”, duplicarlo, rinominarlo per ottenere “archivio.php” e lavorare su di esso. Devi sapere che i template di pagina sono uguali in tutto e per tutto agli altri file PHP del tuo tema, salvo l’essere definiti da un piccolo snippet di codice iniziale che ne definisce il nome per l’utilizzo interno.

Definisci quindi il nome del tuo template inserendo questo codice prima di qualunque altra riga in “archivio.php”.

<?php
/*
Template Name: Archivio
*/
?>

Rimuovi tutto ciò che trovi all’interno del LOOP e modifica questo layout quanto necessario: vorrai forse inserire qualche paragrafo introduttivo, un’immagine o l’archivio mensile dei post pubblicati.

Quando sarai soddisfatto, non dovrai fare altro che recarti nella dashboard del tuo blog, creare una nuova pagina (”Archivio Articoli” ad esempio) e assegnarle nella sidebar destra il template di pagina che hai poc’anzi creato.

3. Copia e incolla questo codice all’interno del LOOP

Ora arriva la parte divertente.

Questo codice ti permette di presentare tutte le categorie presenti sul tuo blog insieme ad una loro descrizione e gli ultimi tre articoli pubblicati per ciascuna di esse.

È una soluzione come dicevo totalmente automatica che ti permette, una volta configurato tutto a puntino, di dimenticarti di essa in maniera totale. Copia e incolla questo codice all’interno del LOOP nel punto in cui vuoi venga generato l’output.

<div class="archivio_categorie">

<?php
$trova_Cat = $wpdb->get_results("SELECT * FROM $wpdb->terms AS wterms INNER JOIN $wpdb->term_taxonomy AS wtaxonomy ON ( wterms.term_id = wtaxonomy.term_id ) WHERE wtaxonomy.taxonomy = 'category' AND wtaxonomy.parent = 0 AND wtaxonomy.count > 0");

$contatore = 0;

foreach ($trova_Cat as $category) {

	$contatore++;

	$stile_categoria = '';
	if (is_int($contatore / 2)) $stile_categoria = ' class="categoria_alternativa"';

	$link_categoria = get_category_link($category->term_id);

	echo '<div'.$stile_categoria.'>
		<h3><a href="'.$link_categoria.'" title="'.$category->name.'">'.$category->name.'</a></h3>';

		echo category_description($category->term_id);

		echo '<ul>';

		query_posts('cat='.$category->term_id.'&showposts=3');?>

		<?php while (have_posts()) : the_post(); ?>
			<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
		<?php endwhile; ?>

		</ul>
	</div>

<?php }	?>
</div>

4. Applica uno stile tramite CSS

Per concludere, nel file style.css del tuo tema non dovrai fare altro che applicare un paio di basilari regole CSS per definire la presentazione grafica. Con molta probabilità dovrai ritoccare la larghezza (width) riportata qui sotto per adattarla a quella del tuo contenitore principale. Puoi anche rimuoverla del tutto, insieme al parametro “float:left” per allineare gli elementi uno sotto l’altro.

.archivio_categorie div {
	width: 284px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.categoria_alternativa {
	margin-right: 0 !important;
}

E…voilà! Puoi osservare il risultato in azione sulla pagina archivio di questo stesso blog!