Archivi tag: Icone

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!