WordPress: inserire l’ultimo tweet nell’header
Possiamo visualizzare il nostro ultimo tweet nell'header di un tema di WordPress usando PHP.
Inserire l’ultimo tweet nell’header di un tema di WordPress è una caratteristica che personalmente preferisco implementare usando PHP. Il motivo è semplice: se Twitter è down e il feed del vostro status non è raggiungibile, JavaScript bloccherà il caricamento della pagina. Questo avviene perchè tutti i widget JavaScript disponibili non sono stati scritti tenendo presente questa problematica. Il browser rimarrà in attesa del feed fino a quando non entrerà in timeout. Inoltre JavaScript non ha alcun controllo sulla tempistica dei caricamenti delle risorse, eccezion fatta per il metodo setTimeout() che, in linea teorica, dovrebbe poter essere impiegato per questo scopo ma che in pratica si rivela inadatto. PHP invece può stabilire da subito se il feed è disponibile e visualizzare un messaggio di avvertimento. Vediamo come.
Inserite nel file functions.php del vostro tema il seguente codice (se non esiste createne uno):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
function get_latest_tweet($twitter_user = 'gabromanato') {
$html = '';
$html .= '<div id="latest-tweet">';
$url = "http://twitter.com/statuses/user_timeline/$twitter_user.xml?count=1";
if(file_get_contents($url)) {
$xml = new SimpleXMLElement(file_get_contents($url));
$status = $xml->status->text;
$time = nice_time(strtotime($xml->status->created_at));
$tweet = preg_replace('/http:\/\/(.*?)\/[^ ]*/', '<a href="\\0">\\0</a>', $status);
$html .= '<div id="tweet">' . $tweet . '</div>';
$html .= '<div id="tweet-time">' . $time . '</div>';
} else {
$html .= '<div id="tweet">Twitter non risponde.</div>';
}
$html .= '</div>';
return $html;
}
function nice_time($time) {
$delta = time() - $time;
if ($delta < 60) {
return 'meno di 1 minuto fa.';
} else if ($delta < 120) {
return 'circa 1 minuto fa.';
} else if ($delta < (45 * 60)) {
return floor($delta / 60) . ' minuti fa.';
} else if ($delta < (90 * 60)) {
return 'circa 1 ora fa.';
} else if ($delta < (24 * 60 * 60)) {
return 'circa ' . floor($delta / 3600) . ' ore fa.';
} else if ($delta < (48 * 60 * 60)) {
return '1 giorno fa.';
} else {
return floor($delta / 86400) . ' giorni fa.';
}
} |
La funzione get_latest_tweet() accetta come unico parametro il vostro nome utente su Twitter. Calcola inoltre il tempo trascorso dall’ultimo tweet e formatta gli URL testuali in link HTML.
Aprite quindi il file header.php del vostro tema ed usate la funzione in questo modo:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<div id="header">
<div id="branding">
<h1><a href="#">Nome Sito</a></h1>
<p id="description">Descrizione sito</p>
</div>
<?php echo get_latest_tweet(); ?>
</div> |
La funzione restituisce il seguente codice HTML:
|
1 2 3 4 |
<div id="latest-tweet">
<div id="tweet"><!--il vostro tweet--></div>
<div id="tweet-time"><!--il tempo trascorso dall'ultimo tweet--></div>
</div> |
Potete usare i CSS per definirne la presentazione:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
#latest-tweet {
float: right;
width: 30%;
padding: 1em 1em 1em 90px;
background: url(twitter.png) no-repeat 0 50%;
}
#tweet {
line-height: 1.4;
font-size: 90%;
}
#tweet a {
color: #f96;
}
#tweet-time {
font-style: italic;
font-size: 85%;
padding-top: 5px;
} |
Potete visionare l’esempio finale in questa pagina.
3 commenti
E’ quello che stavo cercando però vorrei far comparire gli ultimi 10 tweets ad esempio e non solo l’ultimo. Come si può fare? Grazie ^_^
Ho modificato la stringa ma stampa solo l’ultimo tweet (non è un errore di visualizzazione, ho controllato anche il sorgente pagina)
Ti ho inviato una mail con il codice corretto. :-)
I commenti sono chiusi.