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でシェアする
ページトップへ