顔文字を挿入できるプラグイン（自作）

ティコ    WordPress備忘録     wordpress, プラグイン, 追加, 顔文字

コメント欄等にリストから選択した顔文字を追加できるプラグインを作成してみました。
まんまココログのパクリなんですが、便利だったのでWordPressでもそういうのが欲しくて作りました。

リストから選んだ顔文字を指定したフォームに挿入します。
もちろん自分で項目や顔文字を追加する事も出来ます。
具体的にどういったものかは、このページ下のコメント欄にも「顔文字」ボタンがあるので実際に試した方が早いと思います。

JavaScriptタグを貼るだけで呼び出せる顔文字挿入フォームも作成しました。
こちらはタグを貼るだけなので、HTMLファイルやテンプレートファイルを変更できるのであれば手軽に導入できると思います。宜しかったら試してみてください。

管理画面

顔文字リスト画面

下をクリックしてダウンロードします

tico-kaomoji-regist.zip

1. ダウンロードしたファイルを解凍します。
2. WordPressのプラグインディレクトリにフォルダごとアップロードします。
3. 管理画面で有効化します。

1. 管理画面の左メニュー「設定」→「Kaomoji Regist」をクリック
2. 「挿入先のID」に顔文字を挿入するフォームのIDを入力します。
3. 「項目追加」は新規に分類する項目を登録できます。
4. リスト左は分類の項目です。削除する場合は選択して「項目削除」をクリックします。
5. リスト右は各分類項目に登録されている顔文字です。一行に一つの顔文字を入れます。
6. 編集後は「変更を保存」をクリックして更新します。

1. 呼び出したい所で「 insert_kaomoji_form() 」と入力します。
2. 基本の幅の長さは400pxですが「 insert_kaomoji_form(‘width=500′) 」で幅を変える事が出来ます。
3. ※「挿入先のID」で入力したIDのフォームがある事を確認してください。

例えばcomments.phpでは下記のように入力します。

<table summary="コメント記入欄" border="0" cellpadding="3" cellspacing="0">
<tr><th>お名前</th><td><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" tabindex="1" /></td></tr>
<tr><th>メールアドレス</th><td><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" tabindex="2" />※管理人にのみ公開されます</td></tr>
<tr><th>あなたのサイトのURL</th><td><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" tabindex="3" /></td></tr>
</table>

<!-- 顔文字リスト(id=comment フォームに顔文字を挿入) -->
<?php insert_kaomoji_form(); ?>

<p><textarea name="comment" id="comment" cols="45" rows="10" tabindex="4"></textarea></p>

<p class="submitbutton"><input name="submit" type="submit" id="submit" class="button" tabindex="5" value="投稿" /></p>