Home > Informatica > Cambiare le icone a WordPress

Cambiare le icone a WordPress

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:
:mrgreen: 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!

Categorie:Informatica Tag: ,

Articoli correlati:

NextGEN Gallery
SimpleModal Contact Form (SMCF)
  1. Piscione75
    20 dicembre 2011 a 18:27 | #1

    Ciao e complimenti..!cosi per caso… ti ho trovato .. 🙂
    arei un piccolo problema simile.. ho creato su wordpress (2.5) una cartella di dwnload di documenti..
    e gli utenti vedono la lista di documenti e non le relative icone dei file (cartella..doc..etc etc..)
    posso risolvere questo problemino..!??!
    grazie e… auguri natalizi

  2. 20 dicembre 2011 a 18:31 | #2

    @Piscione75 Ciao, dipende dal plugin che hai usato per visualizzare la lista!

  3. Giovanna
    25 gennaio 2013 a 1:37 | #3

    @MarcoDuff
    Ciao scusami ho installato wp-monnalisa per gli smile ma me li visiona solo nei commenti ho provato ad eseguire quello che dici tu sul wp ma non mi fa cambiare nulla, devo modificare altro perpiacere?

  1. Nessun trackback ancora...

*