絵文字を表示 『wp2.71』

2009 年 3 月 28 日 土曜日  【 カテゴリー: Wordpress2.7 , 導入


【設定】→「投稿設定」に 整形(顔文字を画像に変換して表示)をするかどうかのチェックボックスがあります。チェックをすると、規定文字を自動的に準備された画像に変換して表示してくれます。
 
smilies01

 

【顔文字と画像の対応表】
smilies02

画像に対応する文字を表にしてみました。対応する文字を記事などに記入すると自動的に画像へ変換してくれます。画像はwordpressの「wp-includes」→「images」→「smilles」フォルダ内にあります。画像をアレンジして上書きすることで自由に画像を変更することができます。

 

【プログラムの流れ】
文字を画像に変換するプログラムは、「wp-includes」→「functions.php」内に書かれています。

function smilies_init() {
 global $wpsmiliestrans, $wp_smiliessearch, $wp_smiliesreplace; 
// don't bother setting up smilies if they are disabled

 if ( !get_option( 'use_smilies' ) )
  return; if ( !isset( $wpsmiliestrans ) ) {
  $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',
  );
 }

 $siteurl = get_option( 'siteurl' );
 foreach ( (array) $wpsmiliestrans as $smiley => $img ) {
  $wp_smiliessearch[] = '/(\s|^)' . preg_quote( $smiley, '/' ) . '(\s|$)/';
  $smiley_masked = attribute_escape( trim( $smiley ) );
  $wp_smiliesreplace[] = " <img src='$siteurl/wp-includes/images/smilies/$img' alt='$smiley_masked' class='wp-smiley' /> ";
 }
}

プログラムは単純です。文字と画像ファイル名を配列のキーと値で対応付けています。配列をループさせながら置換を行っています。画像を「wp-includes/images/smilies」内にアップして、配列に新たな文字と画像の対応を追加するだけで簡単にオリジナルの顔文字画像を作ることができます。しかし、コアを直接変更するのでアップグレードの度に修正するなど手間なのでここに直接書き込むことはお勧めしません。オリジナル顔文字を作りたい場合はプラグインがあるようなので、プラグインを使う事をお勧めします。また機会あればプラグインを調べて紹介したいと思います。
 


にほんブログ村 IT技術ブログ Webサイト構築へ
にほんブログ村
【WEBサイト構築・プログラムブログ】
ランキング参加中!よろしければ「クリック」お願いします。
にほんブログ村 IT技術ブログ プログラム・プログラマへ
にほんブログ村
2009 年 3 月 28 日 土曜日  【 カテゴリー: Wordpress2.7 , 導入

コメントをどうぞ

※管理者による確認後に表示されます。表示までしばらくお待ちください。