• コメント欄にHTMLタグそのものを書くときには「>」などと書かなければならない
• XSS対策

などのために、コメントでHTMLタグの使用を禁止したい場合も多いはず。

ということで、テーマを書き換えました。function.phpを修正。

修正前

<?php comment_text(); ?>

修正後

<?php echo nl2br ( htmlspecialchars ( $GLOBALS['comment'] -> comment_content ) ); ?>

関数「htmlspecialchars」は特殊文字を HTML エンティティに変換する関数で、関数「nl2br」は、改行を<br />に置き換えてくれる便利な関数です。

この修正で、コメントにHTMLタグを書いても、タグとしては機能せず、入力した文字そのものが表示されます。

• プラグイン：Comment Rating
• gravatar
• ユーティリティー
• ニコニコ動画の埋め込み（外部プレーヤー対応版）
• あわせて読みたいプラグインv0.21公開

導入は簡単。プラグインをアップロード→有効化するだけです。

試してみたい方は、どうぞご自由にこの記事のコメントを評価してみてください。

• あわせて読みたいプラグインv0.21公開
• あわせて読みたいプラグインv0.2公開
• WordPress 2.8.5アップデート完了
• ページトラックバックプラグイン
• ニコニコ動画の埋め込み

プラグインがある場合、3の初期化の段階で、プラグイン本体のPHPファイルが読み込まれます。ただし、この段階では、目に見える処理は行いません。初期化の段階では、関数（またはクラス）の登録とフック（Hook）だけを行います。

フックとは何か、次回説明します。

• ページトラックバックプラグイン
• WordPress
• CoreserverでMySQLのデータを自動的にバックアップする方法
• WordPress初心者向けの本
• ニコニコ動画の埋め込み

現時点でプラグインの構想はだいたい固まっていますが、本当に作れるかどうかは分かりません。私も勉強中ですので…分からないところは調べながら、ちまちまと作成していく予定です。

必要なスキル

どんなプラグインをつくるかの前に、まずは「WordPressのプラグインを作るのに必要なスキル」について考えてみます。最低限必要なのは、

• WordPressでのブログの運用経験
• FTPやMySQLの基本的な操作
• HTML/CSSについての知識
• WordPressテンプレートを理解し、自分でカスタマイズする能力
• PHPの文法の理解とプログラミング経験

あると幅が広がるスキルは、

• JavaScriptの文法の理解とプログラミング経験
• 各種JavaScriptライブラリの使用経験（jQueryなど）
• Flash（ActionScript）の文法の理解とプログラミング経験

といったところです。

必要な環境

WordPressが動くサーバと、テキストエディタがあれば、とりあえずプラグインは作れます。ただし、プラグインのテストは公開サーバでは行わない方がよいでしょう。特に共用サーバでは、他の利用者に迷惑をかけることになりかねません。

私はXAMMPを設定して、ローカル環境で開発しています。もっとも、ちょっとした修正は、直接サーバで行ってしまうこともありますが…

• ページトラックバックプラグイン
• ニコニコ動画の埋め込み
• WordPress
• あわせて読みたいプラグインv0.21公開
• あわせて読みたいプラグインの今後

自分でも応募していたことを忘れていました。サイズはLです。

英語版はともかく、日本語版はいつ着ましょうか…。

• WordPress初心者向けの本
• TOEIC受験します
• 英語学習遍歴（２）
• 日本人なら必ず誤訳する英文
• ゼロヨン de GO!

今回のバージョンでは、外部プレーヤーでの再生に対応したり、tableレイアウトからdivレイアウトに変更になったりと、結構大きく変更されています。ドキュメントが丁寧に書かれているので、インストールも簡単。

サンプルは、行進できないトルコ行進曲↓

ニコニコ動画 video

再生 : 22,450 コメント : 618 マイリスト : 335

3:00

2009/10/13 09:10 投稿
緩急をつけたトルコ行進曲
なんだか既視感のあるネタですが。■　自分の他の動画→mylist/3523926　最新作（10/13）：sm8497403とこれ

ソフラン 上手いからこそ許され ｗｗｗｗｗｗｗｗｗｗ ｗｗ...

• 演奏してみた
• トルコ行進曲
• リズム感覚破壊動画
• トルコ軍壊滅に定評のあるうp主
• 意地でも普通に弾かないうp主
• うまちわるい人
• mos4116
• 行進不可
• メトロノーム涙目
• 酩酊動画

オリジナルのテンプレートを、少々いじりました。動画のタグを表示するようにし、CSSを調整しました。

<div class="nicodo">
	<div class="nicotitle">
		<a href="http://www.nicovideo.jp/" target="_blank">ニコニコ動画</a> [thumb_type]
	</div>
	<div class="nicoinfo">
		再生 : <strong>[view_counter]</strong> コメント : <strong>[comment_num]</strong> マイリスト : <strong>[mylist_counter]</strong>
	</div>
	<div class="nicothumb">
		<img src="[thumbnail_url]" /><br />
		<strong>[length]</strong>
	</div>
	<div class="nicodetail">
		<strong>[first_retrieve]</strong> 投稿<br />
		<strong><a href="[watch_url]" target="blank">[title]</a></strong><br />
		[description]
	</div>
	<div class="nicomment">
		<div class="res">[last_res_body]</div>
	</div>
	<ul class="nicotag">
		[tags/]<li><a href="http://www.nicovideo.jp/tag/[value]" target="_blank">[value]</a></li>[/tags]
	</ul>
</div>

.nicodo                     { line-height:140%; border:solid 1px #888888; color:#222222; background-color:#ffffff; background-image:url( "../../plugins/wp-nicodo/images/back.gif" ); background-position:bottom; background-repeat:repeat-x; font-size:12px; width: 483px; margin-bottom:1em; }
.nicodo .nicotitle          { background:#222222; color:#ffffff; border-bottom:solid 1px #cccccc; padding:0px 4px; text-align:left; line-height:180%; }
.nicodo .nicotitle a        { color:#ffffff; text-decoration:none; }
.nicodo .nicotitle a:hover  { text-decoration:none; }
.nicodo .nicoinfo           { padding:4px 8px 0px 8px; }
.nicodo .nicothumb          { padding:2px 8px 8px 8px; float:left; }
.nicodo .nicodetail         { padding:2px 8px 8px 8px; margin-left:90px; word-break:break-all; }
.nicodo .nicodetail a       { color:#2970A6; text-decoration:none; }
.nicodo .nicodetail a:hover { text-decoration:underline; }
.nicodo .nicothumb img      { width:80px; height:60px; border:solid 2px #333; }
.nicodo .nicomment          { padding:2px 8px 8px 8px; clear:both; }
.nicodo .nicomment .res     { font-weight:bold; background-color:#ffffff; border:solid 2px #888888; padding:8px;  }

.nicodo ul.nicotag          { border:solid 2px #888888; margin: 2px 8px 8px 8px; padding:8px; list-style-type: none;}
.nicodo ul.nicotag li       { display: inline; margin: 0 1em 0 0; padding: 0;}

• ニコニコ動画の埋め込み
• DD_belatedPNG
• Left or Right
• MyMac その１
• DisAssembler FX

WP-Awasete-Yomitaiのタイトルに関して、改行されるのは嫌だったのでJavaScriptを修正して28文字より大きいならば、強制的にタイトルを切るようにしています。

とのことでしたので、プラグインを改良してみました。リンク先が長いタイトルの場合、表示を途中で打ち切る機能をつけました。詳しくはプラグインページをご覧ください。

• あわせて読みたいプラグイン
• あわせて読みたいプラグインv0.2公開
• あわせて読みたいプラグインv0.21公開
• あわせて読みたいプラグインの今後
• ニコニコ動画の埋め込み

試しに二つほど…（再生にはニコニコのアカウントが必要です）

ニコニコ動画 video

再生 : 384,507 コメント : 13,244 マイリスト : 6,189

2:46

2008/09/04 15:46 投稿
ドとレとミの音が出ないトルコ行進曲
べつにピアノは壊れてないけど。■自分の他の動画→mylist/3523926　最新作（10/13）：sm8497403とsm8498795

ここすｇｗｗ ジャズだ 前のめり理解ｗｗｗｗ これどうやってんだろ 面白すぎｗｗ...

• 演奏してみた
• お邪魔よドレミ
• 手の込んだ手抜き
• トルコ行進曲
• トルコ行進曲マスター
• 才能の無駄遣い
• イラッ☆
• 前のめり
• うまちわるい人

ニコニコ動画 video

再生 : 44,096 コメント : 901 マイリスト : 293

2:01

2008/08/16 21:23 投稿
もっと左右で時間差をつけたトルコ行進曲
前回は右手がずれてた気がしますが、今回は左手がふざけています。■ネタが足りないので曲を一部省略し...

弾き残した部分吹いた 吹いたｗｗｗｗｗｗｗ 何故できるｗ...

• 演奏してみた
• 左手：あそぶのーーーー！
• 右手：真面目にやれよ！
• うまちわるい
• 才能の無駄遣い
• トルコ行進曲マスター
• トルコ行進曲
• トルコ軍壊滅に定評のあるうｐ主
• Intel
• ピアノ：喧嘩しないの！

プラグイン標準のHTML/CSSテンプレートを使っていますが、ひとつの記事に2つ以上動画を貼ることを考えて、

id="nicodo"

class="nicodo"

• ニコニコ動画の埋め込み（外部プレーヤー対応版）
• WordPress
• WordPress 2.8.5アップデート完了
• ページトラックバックプラグイン
• あわせて読みたいプラグインv0.21公開

このプラグインはWordPressプラグインとしては初めての作品で、いろいろな方のブログのソースをコピペして参考に作ったものです。いくつか要望もいただいていますので仕事の落ち着いた時にでも、少しづつ開発していきたいと思っています。

今後の開発メモ。

• Faviconの表示の切り替えができるようにする
• ウイジェット画面内での設定の変更ができるようにする
• メッセージの多言語化（そもそも日本向けのサービスなので多言語化は不要ですが、練習のために）

他にも、WordPressのプラグインにしようかなと思っているネタはこんな感じ。

• 投稿日などの日付に「○時間前」を表示する（jQueryプラグインのtimeagoが使えそう）
• 外部リンクを自動で別ウインドウで開くようにする（いちいちtarget="_blank"を指定するのが面倒）
• 管理者向けログイン画面の変更（仕事でWordPressブログを設置するときのため）

こんなに作る暇はなさそうですが…

• あわせて読みたいプラグインv0.2公開
• あわせて読みたいプラグインv0.21公開
• ページトラックバックプラグイン
• WordPress
• あわせて読みたいプラグインさらに改良

変更点は、「一部環境でリストが表示されないバグの修正」です。作成時に古いドキュメントを見ていたらしく、ブログのURLを取得する内部処理が古い書き方になっていました。

今まできちんと動作しなかった方も、プラグインページから最新版をダウンロードしてお試し下さい。

• あわせて読みたいプラグインv0.2公開
• ページトラックバックプラグイン
• あわせて読みたいプラグインの今後
• あわせて読みたいプラグインさらに改良
• WordPress