Vorreste che tutto ciò fosse un widget personalizzabile scegliendone il titolo e il numero di link da visualizzare?

Tutto questo esiste ed è fatto da me…

Vi presento: Last Updated Widget…

Come ho già accennato sopra, si tratta di un plugin che abilita un Widget (potete vederlo in azione nella nostra sidebar).

Quindi l’installazione è molto semplice:

• Scaricate il file compresso del plugin
• Estraete il file PHP
• Caricatelo nella cartella wp_content/plugins
• Abilitate il plugin dall’amministrazione di Wordpress
• Andate nella sezione di design del blog e aggiungete il nuovo widget
• Configurate il titolo e il numero di post da visualizzare ed il gioco è fatto!

Avete delle richieste / esigenze / suggerimenti particolari?! Commentate qui e fatemi sapere, e io mi darò da fare per migliorare il plugin che è perfettamente compatibile con Wordpress 2.5 .

[mia-sezione background="red"]Questa parte di testo avrà il background rosso[/mia-sezione]

in ->

<span style=”background:red;”>Questa parte di testo avrà il background rosso</span>

Ebbene i nostri amici di Wordpress (con la versione 2.5) ci risparmiano la scrittura di espressioni regolari e inseriscono una nuova funzione che fa tutto per noi e ci aiuta nella scrittura dei nostri plugin!

Vediamo in breve come riprodurre l’esempio fatto sopra..

Cominciamo con lo scrivere una funzione che converta il contenuto del nostro “tag-personale” nel contenuto finale. Alla funzione verranno passati due valori:

• attributi: array associativo
• contenuto: testo (stringa)

Gli attributi sono i parametri chiave->valore del nostro tag, ad es: [mio-tag attributo1="valore1" attributo2="valore2"] che in PHP verranno memorizzati come $attributi['attributoX']=valoreX .

Il contenuto è la parte di testo contenuta tra il tag di apertura e chiusura. NB: il contenuto può anche essere vuoto quindi dobbiamo prevedere un comportamento di default. Nel nostro caso non faremo nulla se il contenuto è vuoto.

Vediamo quindi la nostra funzione:

function mia_sezione_shortcode( $attributi, $contenuto= null ) {

if( !isset($attributi['background']) )

$attributi['background']=’#0AA’;

return ‘<span style=”background:’ . $attributi['background'] . ‘; “>’ . $contenuto . ‘</span>’;;

}

return ‘<span style=”background:’ . $attributi['background'] . ‘; “>’ . do_shortcode($contenuto) . ‘</span>’;

Fatto ciò non resta che registrare la nostra funzione come gestore di shortcode per il tag “mia-sezione”:

add_shortcode(’mia-sezione’, ‘mia_sezione_shortcode’);

Abbiamo finito! Ora possiamo sbizzarrirci a creare plugins senza rallentamenti e con molta comodità!

Vi allego qui il plugin fatto da me per creare le sezioni di codice che uso qui su itcoffee.net che può andare a sostituire il plugin Quickcode nel caso non abbiate bisogno di quei “mostra/nascondi codice” che fornisce quel plugin.

codestyle.zip

Questo progetto si pone l’obiettivo di portare la vostra immagine personale ovunque vogliate, legandola alla vostra e-mail cifrata con MD5 per questioni ovvie di privacy e di protezione da spam.

Vediamo prima un HowTo per le versioni precedenti alla 2.5 che sfrutta il plugin di GRAvatar, poi la guida per la 2.5 e per finire, come standardizzare il proprio tema per tutte le versioni di WP.

Per Wordpress < 2.5:

La parte semplice:

• Scarichiamo lo zip contenente il plugin per wordpress di GRAvatar da qui
• Estraiamo il file PHP conenuto al suo interno e facciamo l’upload del file nella cartella dei plugin di Wordpress
• Andiamo nella parte amministrativa di Wordpress ed attiviamo il nuovo plugin che troveremo in lista

Ed ora la parte “più complessa“:

• apriamo il file “comments.php” del tema che stiamo usando per modificarlo (possiamo anche modificarlo dall’editor di temi integrato in WP Admin)
• se non è incluso nel tema (probabilmente usa quello di default) prendiamo il file comments.php dal tema di default già incluso in wordpress
• scendiamo fino a trovare (una cosa simile a):

<?php foreach ($comments as $comment) : ?>

<li <?php echo $oddcomment; ?>id=”comment-<?php comment_ID() ?>”>

• a questo punto inseriamo appena dopo il seguente pezzo di codice:

<?php if(function_exists(’gravatar’)) {?>

<img class=”avatar” src=”<?php gravatar(’R',50); ?>” alt=”" />

<?php }?>

• Abbiamo appena detto che se il plugin GRAvatar è attivo, deve inserire l’immagine appropriata
• A questo punto non ci resta che sistemare un po’ lo stile (e qui chi ci sa fare può sbizzarrirsi); io vi consiglio il seguente frammento di CSS che dovrebbe andare bene nella maggior parte dei temi.
• Aggiungiamo quindi in coda allo style.css del tema il seguente pezzo di codice:

.avatar{

padding:1px;

border:1px dotted #444;

float:right;

width:50px;

height:50px;

}

Per Wordpress = 2.5:

• Niente di più semplice, il plugin gravatar è già incluso nel cuore del nostro WP quindi non ci resta che sfruttarne le potenzialità!
• Ripetiamo dunque solo la “parte più complessa” del tutorial per le vecchie versioni e al posto di:

<?php if(function_exists(’gravatar’)) {?>

<img class=”avatar” src=”<?php gravatar(’R',50); ?>” alt=”" />

<?php }?>

• sostituiamo:

<?php echo get_avatar( $comment, 50); ?>

Fatto! Niente di più semplice no?!

Per qualsiasi versione di Wordpress:

• Per rendere il nostro tema funzionale su tutte le piattaforme WP non ci resta che aggiungere qualche controllo..
• Quindi nel codicino che sopra vi ho detto di mettere nel file comments.php mettete:

<?php if(function_exists(’get_avatar’)){ echo get_avatar( $comment, 50); } else if(function_exists(’gravatar’)) {?>

<img class=”avatar” src=”<?php gravatar(’R',50); ?>” alt=”" />

<?php }?>

A questo punto penso di avervi detto praticamente tutto, se volete chiarimenti o precisazioni particolari non esitate a chiedere!

Potete apprezzare il risultato direttamente nei commenti ai nostri post!

Buona lettura su itcoffee