wordpressにオリジナルの絵文字を使用する

April 20th, 2009 ≫729 views

wordpressを使用していて、もう少しオリジナリティのある絵文字やアイコンを本文に簡単に挿入できないか、そんな風に思っている方も少なくはないと思います、確かにwordpressのプラグインで絵文字やアイコンを表示させるプラグインはいくつもご紹介されていますが、バージョンが変わりいつのまにか使えなくなっていたっていうことも結構ありますよね、

そこで今回は私自身が使用してみて非常に簡単に設置できて、なおかつ自作のアイコンやフリーで使えるピクセルアイコンも簡単に登録できるプラグインCustom Smilies Ver.2.7をご紹介します。作者は中国の方ですね。

まずはプラグインのダウロード、以下からファイルをダウンロードできます。

≫http://goto8848.net/projects/custom-smilies/

中国語サイトなのでダウンロードする場所が分かりづらかったのですが、本文中の【Get it】からダウンロードできます。

解凍しサーバー【wp-content/plugin/】にアップロードします。

管理画面に行きプラグインを有効化して設置完了です。

↑以上の作業で管理画面に

のスマイルアイコンが追加されていますのでクリックすると

↑こんな感じでデフォルトの絵文字が選択できるようになっています。

コメント欄にアイコンを追加する

せっかく使えるようになったアイコン達をコメントしてもらう時にも使用して貰いたいものですよね。以下のコードをテンプレート内に埋め込むとコメント欄でも使用できるようになります。モノストックでコメント欄に表示されているような感じです。

<?php if ( function_exists(cs_print_smilies) ) {cs_print_smilies();} ?>

オリジナルのアイコン・絵文字を追加する

オリジナルの絵文字を追加したい場合は、サーバー内の【wp-includes/images/smilies/】にデフォルトのアイコン達がいるのでそこに新しいアイコンを追加します。

アップロードが終わったら管理画面≫設定≫Smiliesの設定に行くと以下の画面になります。

先ほど【wp-includes/images/smilies/】に追加しアップロードしたアイコン達が仮登録の状態になっています。そこに本文を入力するときに使用する置き換え文字の設定をしていきます。アイコン右の空白に置き換える文字列を挿入【例,:::ico1:::】など本文中であまり使用しない文字列が良いです。

すべての空白が置き換え文字で埋まったら、下にある【update】をクリックします、このとき【update Options】をクリックしてしまうとせっかく入力した置き換え文字がリセットされてしまうので注意してください。

updateがうまくいったら、投稿画面のスマイルアイコンとコメント欄のスマイルアイコンを確認してください。アイコンが増えていれば完了です。

補足で、管理画面下の【Smilies Options】の設定ですが、【Popup window width:・Popup window height:】っとある所は、投稿時にポップアップウィンドウで出てくるアイコン表示の大きさを出します。アイコンが増えれば増えるほど、高さの数値を伸ばさないと隠れてしまいます。

←このこと

以上で、オリジナルのアイコン・絵文字の使い方法でした。

おまけ

わたしがオススメする、ブログでも使えるピクセルアイコンのサイトをいくつかご紹介しておきます。

★464個のハイクオリティアイコンが無料でダウンロードできるサイト