I Nostri Consigli

Visualizza in un grafico tutti i commenti del tuo blog

Il peso di un blog si misura sopratutto nei suoi contenuti, non c’è dubbio che più questi siano di valore più ne accrescerà la…

di Paolo Calvani Maggio 11, 2011 1 min di lettura 1 letture

grafico-commenti-wordpress
Il peso di un blog si misura sopratutto nei suoi contenuti, non c’è dubbio che più questi siano di valore più ne accrescerà la stima e più invoglierà l’utente a interagire commentandoli. Col passare del tempo i commenti cresceranno e si avrà la necessità di monitorare il loro andamento nel modo più semplice possibile. In questo breve tutorial vedremo come creare una pagina WordPress che possa visualizzare in un grafico tutti i commenti del nostro blog in modo di avere una statistica in tempo reale del loro andamento nel tempo. Funzione molto utile per capire il valore di apprezzamento di un articolo da parte degli utenti.

Una pagina per il nostro grafico

Il primo passo è la creazione del template per la nostra pagina di statistica. Crea una pagina che chiamerai grafico.php e inserisci il codice qui sotto, naturalmente questo è solo un esempio, la struttura del tuo template può differire in base a diversi nomi dei div e dei loro riferimenti nel CSS:

[php]

posts . ” WHERE post_type = ‘post’ && post_status = ‘publish’ ORDER BY comment_count DESC LIMIT 1″;
$results = $wpdb->get_results($query);
$maxComments = $results[0]->comment_count;
query_posts(‘posts_per_page=-1&order=ASC’);
?>

“;
the_date(“Y”);
echo ““;
$i = 0;
}
$numComments = get_comments_number();
$heightPercentage = (($numComments / $maxComments) * 100);
echo ““;
echo “$numComments“;
echo ““;
endwhile;
echo ““;
the_date(“Y”);
echo ““;
?>

[/php]

Dovremo dare una grafica alle nostre statistiche quindi apri il file style.css che trovi sempre nella cartella del tuo tema e aggiungi:

[css]#chart { margin: 0 auto; padding: 100px 0; height: 400px; position: relative; text-align: center; }
#chart > a {
width: 1px;
/* Fallback color */
background: orange;
/* Way cooler gradient */
background: -webkit-linear-gradient(top, hsl(27, 95%, 45%), hsl(27, 95%, 65%), hsl(27, 95%, 45%));
background: -moz-linear-gradient(top, hsl(27, 95%, 45%), hsl(27, 95%, 65%), hsl(27, 95%, 45%));
background: -ms-linear-gradient(top, hsl(27, 95%, 45%), hsl(27, 95%, 65%), hsl(27, 95%, 45%));
background: -o-linear-gradient(top, hsl(27, 95%, 45%), hsl(27, 95%, 65%), hsl(27, 95%, 45%));
background: linear-gradient(top, hsl(27, 95%, 45%), hsl(27, 95%, 65%), hsl(27, 95%, 45%));
display: inline-block;
vertical-align: bottom;
text-decoration: none;

}
#chart > a:hover {
background: black;
}
#chart span {
width: 50px;
background: black;
color: white;
text-align: center;
padding: 10px;
position: absolute;
top: 0;
left: 50%;
margin-left: -30px;
opacity: 0;
z-index: 1;
}
#chart > a:hover > span {
opacity: 1;
}
#chart strong {
padding: 10px;
}[/css]

A questo punto non ti resta che entrare in amministrazione di WordPress > Pagine > Aggiungi nuova e creare una pagina nominandola a piacere. L’importante sarà scegliere il Template “Grafico Commenti” nel widget Attributi Pagina che trovi nella colonna destra dell’editor.

Questo sarà il risultato a video della nostra pagina, come noterai posizionando il cursore del mouse sopra ad una colonna del grafico verrà visualizzato il numero di commenti per quel determinato articolo, raggiungibile direttamente cliccandoci sopra.

Fonte: http://digwp.com/2011/04/graphing-blog-comments-over-time/