power source*

導入手順

1. 配布元より live-comment-preview.php をダウンロード。
2. wp-content/plugins/ ディレクトリにアップロード。
3. 管理画面にて有効化。

使い方

• デフォルトテーマや多くのサードパーティ製テーマでは、有効化するだけで、コメントフォームの下にプレビューされるようになる。
• 一見変化はないように見えるが、コメントフォームに書き込み始めると Preview: が現れて、「おぅ」とつぶやくはず。
• 現在の power source* のテーマはデフォルトテーマを元に作成したもので、有効化するだけで動きました。
• カスタマイズされたテーマ等において、自動的にプレビューが表示されない場合、wp-content/themes/使用テーマ/comments.php のプレビューを表示したい位置に次のコードを挿入。

  <?php live_preview(); ?>

• カスタマイズにより名前欄などの ID を変更している場合は、プラグインファイルの冒頭で定義を修正する。
• 出力されるソースコードはこんな感じ。（↓）

  <div id="commentPreview"><p><strong>Preview:</strong></p><p><em><a href="http://www.net24.ne.jp/%7Ebono/">ぼの</a> says:</em></p><p></p><p>あああ</p></div>

  • div で囲われているので、CSSによる表示デザイン変更もok。
  • コード自体を変更したい場合は プラグインファイルの冒頭で定義を修正する。（「 says:」はもっと下のほうで決め打ち。）

プレビューについて

• 変換：
  • 空白行 → パラグラフ(<p>～</p>)
  • (c) → ©、(r) → ®、(tm) → ™
  • ハイフン(-)2連続 → –、ハイフン3連続 → —
  • アポストロフィ・ダブルクォート・シングルクォート → このように “double” or ’single’ に変換される。
• タグの効果がプレビューに反映されない場合、改行すると、反映されると思います。
• フェイスマークは画像変換されない。
• 改行の扱いは、実際に投稿したときと異なる模様。改行1コは、投稿すると <br /> 扱いだが、プレビューでは <p> になる。