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
/*
Template Name: Grafico Commenti
*/
?>
<?php get_header(); ?>
<div id="container">
<div id="content">
<?php $i = 1;
$query = "SELECT comment_count FROM " . $wpdb->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');
?>
<div id="chart">
<?php while (have_posts() ) : the_post();
if ($i == 1) {
echo "<strong>";
the_date("Y");
 echo "</strong>";
$i = 0;
}
$numComments = get_comments_number();
$heightPercentage = (($numComments / $maxComments) * 100);
echo "<a href='";
echo get_permalink();
echo "' style='height: $heightPercentage%;'>";
echo "<span>$numComments</span>";
echo "</a>";
endwhile;
echo "<strong>";
the_date("Y");
echo "</strong>";
?>
</div>
</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

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

#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;
    }

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.

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