Questo blog utilizza il motore WordPress, ovvero un framework per la pubblicazione e la gestione di un Blog.
Come tutti i framework che si rispettino, WordPress è altamente configurabile e personalizzabile.
In questo articolo studieremo una personalizzazione di WordPress, ovvero la personalizzazione delle emoticon.
Di default, tutte le emoticon sono salvate nella cartella /wp-includes/images/smilies del motore WordPress nel vostro webserver. Per sicurezza facciamo una copia di backup di questa cartella in locale utilizzando un client FTP, uno dei miei preferiti è FileZilla.
Adesso non dobbiamo fare altro che cercare le nostre emoticon su internet e sovrascriverle a quelle esistenti.
Di default, le emoticon di WordPress sono 11, nella tabella seguente riporto quelle originali (colonna Orig), quelle installate nel mio sistema (Inst), il nome del file (Nome File), le possibili combinazioni per eseguirla (Cmb1, Cmb2 e Cmb3):
Orig |
Inst |
Nome File |
Cmb1 |
Cmb2 |
Cmb3 |
|
🙂 |
icon_smile.gif |
:) |
:-) |
:smile: |
|
😀 |
icon_biggrin.gif |
:D |
:-D |
:grin: |
|
🙁 |
icon_sad.gif |
:( |
:-( |
:sad: |
|
😮 |
icon_surprised.gif |
:o |
:-o |
:eek: |
|
😯 |
icon_eek.gif |
8O |
8-O |
:shock: |
|
😕 |
icon_confused.gif |
:? |
:-? |
:???: |
|
8) |
icon_cool.gif |
8) |
8-) |
:cool: |
|
😡 |
icon_mad.gif |
:x |
:-x |
:mad: |
|
😛 |
icon_razz.gif |
:P |
:-P |
:razz: |
|
😐 |
icon_neutral.gif |
:| |
:-| |
:neutral: |
|
😉 |
icon_neutral.gif |
;) |
;-) |
:wink: |
|
😆 |
icon_lol.gif |
|
|
:lol: |
|
😳 |
icon_redface.gif |
|
|
:oops: |
|
😥 |
icon_cry.gif |
|
|
:cry: |
|
👿 |
icon_evil.gif |
|
|
:evil: |
|
😈 |
icon_twisted.gif |
|
|
:twisted: |
|
🙄 |
icon_rolleyes.gif |
|
|
:roll: |
|
❗ |
icon_exclaim.gif |
|
|
:!: |
|
❓ |
icon_question.gif |
|
|
:?: |
|
💡 |
icon_idea.gif |
|
|
:idea: |
|
➡ |
icon_arrow.gif |
|
|
:arrow: |
|
|
icon_mrgreen.gif |
|
|
:mrgreen: |
Adesso che ci è chiaro come sostituire le icone esistenti, facciamo un passo avanti, vediamo come aggiungere icone o modificare il testo o il nome del file delle icone esistenti.
Apriamo il file /wp-includes/functions.php e cerchiamo la funzione smilies_init().
Questa funzione non fa altro che inizializzare una variabile php $wpsmiliestrans, che non è altro che un array associativo, dove la chiave indica la combinazione di caratteri da utilizzare, mentre il valore indica il nome del file da associare.
L’array, in WordPress 2.5 si presenta nel seguente modo:
$wpsmiliestrans = array(
‘:mrgreen:’ => ‘icon_mrgreen.gif’,
‘:neutral:’ => ‘icon_neutral.gif’,
‘:twisted:’ => ‘icon_twisted.gif’,
‘:arrow:’ => ‘icon_arrow.gif’,
‘:shock:’ => ‘icon_eek.gif’,
‘:smile:’ => ‘icon_smile.gif’,
‘:???:’ => ‘icon_confused.gif’,
‘:cool:’ => ‘icon_cool.gif’,
‘:evil:’ => ‘icon_evil.gif’,
‘:grin:’ => ‘icon_biggrin.gif’,
‘:idea:’ => ‘icon_idea.gif’,
‘:oops:’ => ‘icon_redface.gif’,
‘:razz:’ => ‘icon_razz.gif’,
‘:roll:’ => ‘icon_rolleyes.gif’,
‘:wink:’ => ‘icon_wink.gif’,
‘:cry:’ => ‘icon_cry.gif’,
‘:eek:’ => ‘icon_surprised.gif’,
‘:lol:’ => ‘icon_lol.gif’,
‘:mad:’ => ‘icon_mad.gif’,
‘:sad:’ => ‘icon_sad.gif’,
‘8-)’ => ‘icon_cool.gif’,
‘8-O’ => ‘icon_eek.gif’,
‘:-(‘ => ‘icon_sad.gif’,
‘:-)’ => ‘icon_smile.gif’,
‘:-?’ => ‘icon_confused.gif’,
‘:-D’ => ‘icon_biggrin.gif’,
‘:-P’ => ‘icon_razz.gif’,
‘:-o’ => ‘icon_surprised.gif’,
‘:-x’ => ‘icon_mad.gif’,
‘:-|’ => ‘icon_neutral.gif’,
‘;-)’ => ‘icon_wink.gif’,
‘8)’ => ‘icon_cool.gif’,
‘8O’ => ‘icon_eek.gif’,
‘:(‘ => ‘icon_sad.gif’,
‘:)’ => ‘icon_smile.gif’,
‘:?’ => ‘icon_confused.gif’,
‘:D’ => ‘icon_biggrin.gif’,
‘:P’ => ‘icon_razz.gif’,
‘:o’ => ‘icon_surprised.gif’,
‘:x’ => ‘icon_mad.gif’,
‘:|’ => ‘icon_neutral.gif’,
‘;)’ => ‘icon_wink.gif’,
‘:!:’ => ‘icon_exclaim.gif’,
‘:?:’ => ‘icon_question.gif’,
);
Supponiamo di voler aggiungere l’emoticon :love: per associarla al file icon_love.gif, non ci serve altro che inserire la riga
‘:love:’ => ‘icon_love.gif’,
ed il gioco è fatto!
Al prossimo articolo!