power source*

WPを始めた頃に taiさんの記事を拝見して以来、ずっと試してみたいと思っていたプラグインを入れてみた。

機能概要	表示ページの一部分を、訪問者がドラッグで自由に動かせるようにする。
バージョン	0.2
作者（web)	Daniel Cameron さま
配布元	Scattered » Movable Anything
ドキュメント	Movable Comment Form plugin (or anything else) - K2 Community Forums
動作見本	うちのコメントフォーム（期間限定）
「ページ」対応	○
適用したWP	WordPress ME 2.0.4 [UTF-8]

導入手順

1. 配布元よりダウンロード。
2. 解凍した movable.php と movable フォルダを wp-content/plugins/ ディレクトリへアップロード。
   すると、こんなディレクトリ構成になる。
   • plugins/
     • movable.php — プラグイン本体
     • movable/
       • movable.css — デザイン用CSS
       • movable.js — 動かす JavaScript
3. 管理パネルにて有効化。

使い方

動かせるようにしたい部分をコードで囲む

K2 で使う場合と、その他のテーマで使う場合とで、コードが少し異なる模様（ドキュメント参照）。
うちは K2 ではないので、以下のようにした。

（例） コメントフォームを動かせるようにしたい場合

wp-content/themes/使用テーマ/comments.php の「Leave a Reply」（テーマによって異なる）の下にある入力フォーム用コード <form>～</form> を、プラグインのコード（強調部分）で囲む。

<?php if ( function_exists('movable') ) {
    movable();
} ?>


<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
（中略）
</form>

<?php if ( function_exists('movable') ) { ?>
</div>
<?php } ?>

• movable(); が <div>（開始タグのみ）に置き換わるので、閉じる </div> タグを忘れずに。
• Live Comment Preview は <form>～</form> 内に埋め込まれるので、移動ブロック上でプレビューされる。

見た目の変更

plugins/movable/movable.css を修正する。

動作について

• Windows2000 の Firefox 2, IE 6 で動作確認。
• 移動範囲はウィンドウ内。
• 移動中のブロックをクリックすると、下が透けて見える。
• 移動ブロックのリサイズは出来ない。
• ページをリロードすると元に戻る。
• 動かしたときに、下の表示がそれにあわせて動くと見やすくていいなあと思ったけど、そこまでは無理か…。
• こんなとこに使おうかと思ってた：
  • 単体記事表示ページの記事メタ情報・目次。
    邪魔なときに退けられるといいかと思ったが、退けても他が変化しなかったので意味なし。Wikipedia のページ内目次みたいになったらいいなあと思っていたのだけれど。
  • コメントフォームを動かせるようにした場合、過去のコメントを見ながら書けるのは便利。
    でも、ブラウザのウィンドウ内しか移動できないので、幅を狭めている人にはポップアップウィンドウ¹ の方が使いやすいかも。
    はみ出すとブラウザのスクロールバーが出るので、見えなくて困るということはないけど。

1. mimicboard（うちの旧サイト時代の掲示板）や jigen さんのサイトみたいな。[back]

関連ページ

• WP plugin: コメント投稿前にプレビュー - Live Comment Preview