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

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

公開日| 2009年11月28日 | コメントはまだありません。

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

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

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

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

設定してみましょう。

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

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

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

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

このサイトでは、”Adium For WordPress”を使っています。
(: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プラグインをインストールすれば、コメント欄、編集画面でスマイリーアイコンのツールバーを使えるようになります。






コメント

コメントをどうぞ








翻訳

最近の記事

カテゴリー

タグクラウド

execute remove フロントページ 投稿ページ トップページ install WIndows Note Convert META generator 日付 donwload file manage multibyte utf-8 unicode shiftjis euc console サイトマップ 問題 ParmaLink Redirect パーマリンク はみ出る pre テンプレート テーマ タグクラウド マルチランゲージ リダイレクト PHP(タグ) タグ table control HTML(タグ) コマンド 国際化(翻訳) SQLite(タグ) MySQL(タグ) qTranslate プラグイン(タグ) Wordpress(タグ)

リンク

このサイトは?

Joomla!,WordpressなどCMSを使ったサイト構築、サイト管理からソフトウェアの使用方法、開発環境までのヒントを記述します。

  • はてなブックマークへ追加する
  • Facebookでシェアする
  • twitter でつぶやく
  • Google Plusでシェアする
  • Pocketでシェアする
ページトップへ