Joomla!,Wordpressでサイトを構築するためのヒント

Joomla!,Wordpressでサイトを構築するためのヒント

 購読(RSS)

英絵文字をスマイリーアイコンで表示する(2)

公開日| 2009年11月28日 | コメントはまだありません。
カテゴリー:WordPress, プラグイン |

以前、「英絵文字をスマイリーアイコンで表示する」という記事を書きました。
今回は、その続きで、プラグインを使って、簡単に自分用スマイリーを編集してみましょう。
使うプラグインは、Smilies Themerです。

このプラグインは、非常に有名なプラグインでスマイリーアイコンを個別にカスタマイズできるので、非常に便利です。
WordPressで標準についているスマイリーアイコンも編集できますが、WordPressのアップデート時のその編集したことを意識する必要があります。その手間を考えるとこのプラグインは便利です。

インストールしましょう。

インストールは、通常のプラグイン同様、[プラグイン]-[新規追加]-[アップロード]から、先のダウンロード先からダウンロードしたZIPファイルを指定して、インストールします。
インストール後、プラグインを有効にします。

設定してみましょう。

インストールが完了すると、画面左下に”Smilies Themer”というメニューが現れます。
smail_1

クリックして設定画面を表示します。
smil_2

ここでは、英語で書かれているので圧倒されるかもしれません( :D )が、簡単です。
14ぐらいのスマイリーのテーマを選択できるようになっているだけです。

そえぞれでのテーマを表示(Previewの欄をクリックする)して選べるので、非常に便利です。
smile_3

このサイトでは、”Adium For WordPress”を使っています。
(:D) => ( :D )
こんな感じで表示されます。

スマイリーアイコンへ変換したい場合は、絵文字の前後に半角ブランクを入れてあげると正しく変換します。
上記のように()を絵文字とくっつけると変換しません。
独自のスマイリーアイコンを登録してみましょう。

“Adium For WordPress”のテーマに独自のアイコンを追加してみましょう。
日本では、よく使う汗のアイコンを追加してみます。こんなアイコンです。( ^^; )

  1. アイコン画像を以下のディレクトリへ追加(アップロード)します。
    /wp-content/plugins/smilies-themer/adiumicons/ase.gif
    ここでは、例として’ase.gif’というファイル名で追加します。
  2. 以下のファイルを編集します。
    /wp-content/plugins/smilies-themer/adiumicons/package-config.php

    $wp_smilies = array(
              :
              :
	'^^;'  => 'ase.gif'
);

    配列の最後に汗の絵文字(^^;)を’ase.gif’へ変換するように指定します。

では、試してみましょう。
(^^;) => ( ^^; )
こんな感じで表示されます。

これで、アイコン画像さえあれば、絵文字の変換は、簡単に行えますね。
標準で装備のスマイリーアイコンは、あまり日本人に馴染みがないので、日本独自絵文字も登録できますね。( :) )
半角英数字では大丈夫ですが、全角は無理でしょう？たぶん。（試していないので。。。 ^^; ）

また、Smilies Themer Toolbarプラグインをインストールすれば、コメント欄、編集画面でスマイリーアイコンのツールバーを使えるようになります。



Wordpress関連読本人気ランキング(Amazon.co.jp調べ)

一度、本を読まれるのも良いかもしれません。
ウェブだけでは、分かりにくいことも、本で知識を補えることもあります。
Wordpressを自在に使いこなせば、簡単にプロのようなウェブサイトを構築できるようになります。

WordPressレッスンブック 2.8対応―ステップバイステップ形式でマスターできる
WordPressレッスンブック 2.8対応―ステップバイステップ形式でマスターできる
PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで
PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで
WordPress 2.7対応「導入&カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&無料で構築できる!
WordPress 2.7対応「導入&カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&無料で構築できる!
WordPress ポケットリファレンス (POCKET REFERENCE)
WordPress ポケットリファレンス (POCKET REFERENCE)
WordPress逆引きデザイン事典[2.X対応]
WordPress逆引きデザイン事典[2.X対応]
ブックマークへ追加: はてなdel.icio.usLivedoor ClipYahoo!FC2Nifty ClipPOOKMARK. AirlinesBuzzurl（バザール）Choixnewsing

Trackback URL

このコメントは管理人から承認された後、表示されます。


コメント

コメントをどうぞ