Movable Type 備忘録

 プレビュー画面カスタマイズ


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /virtual/bzbell/public_html/archives/2006/12/10-103156.php on line 57

Warning: include(http://bizcaz.com/widget/litebox.php?url=http://bizcaz.com/image/zu/LivePreview.jpg&width=240&height=169&title=&noscript=0) [function.include]: failed to open stream: no suitable wrapper could be found in /virtual/bzbell/public_html/archives/2006/12/10-103156.php on line 57

Warning: include() [function.include]: Failed opening 'http://bizcaz.com/widget/litebox.php?url=http://bizcaz.com/image/zu/LivePreview.jpg&width=240&height=169&title=&noscript=0' for inclusion (include_path='.:/usr/local/lib/php') in /virtual/bzbell/public_html/archives/2006/12/10-103156.php on line 57

実際のエントリ・テンプレートで確認しながら記事を書けたら便利ですよね。
そうすれば、手直しの多いわたしでも一発で公開できるような気がします。

MovableType(ムーバブルタイプ)のデフォルトでも、一応プレビュー機能って付いてますが、記事の内容が表示されるだけで、実際に表示されるイメージとはまったく違うので、あまり役に立ちませんよね。

今回は各自で使用している個別エントリのテンプレートを基にプレビューできるカスタマイズをご紹介します。

プレビュー画面のカスタマイズにはLivePreviewというプラグインを使用するわけですが、このプラグイン以前にも使用したことがあって、その時は不具合!? があって使えませんでした。
バージョンアップしたことで、プレビュー機能も欲しかったし、再度TRYしたら使えたのでご紹介に至ったわけです。

ただし、MovableType(ムーバブルタイプ) 3.3専用です。
しかも、BigPAPIプラグインをインストールしてる場合、無効または削除しないとダメみたいです。 併用はできないようです。

わたしはMovableType(ムーバブルタイプ) 3.3になってからBigPAPIプラグインはインストールさえしてないので確認はしてませんが、配布元のMovalogさんではそのように明記されていますのでご注意ください。

▼LivePreviewプラグインの入手はこちらから▼
http://plugins.movalog.com/livepreview/

プラグインのインストール

まず、プラグインをインストールします。 上記URLにアクセスすると、画面下の方に「Getting LivePreview」とあります。 目的・用途に応じてダウンロード方法が異なるようですが、商用目的でない、個人使用の場合には、「personal users」というバナーをクリックします。
わたしは商用目的はないので「personal users」でダウンロードさせてもらいました。

必要項目を入力して送信すると、ダウンロードページのURLが書かれた、「LivePreview Instructions」というメールが届きますので、LivePreview_1.11.zipというファイルをダウンロードしてください。

ダウンロードしたら適当なフォルダに展開して、サーバにアップロードします。 アップロード先はmt/plugins/ディレクトリの中です。

  1. mt-staticフォルダ: そのままmt/ディレクトリの中へ
  2. pluginsフォルダ: そのままmt/ディレクトリの中へ

プラグインの確認

インストールが済んだら、プラグインの設定確認を行います。
MovableType(ムーバブルタイプ)の管理画面から「システム・メニュー」を選択して、左端の「プラグイン」からプラグイン一覧を表示してください。

一覧中にLivePreviewとありますので、右横にある「設定を表示」をクリックします。 「Override Preview Button」というチェックボックスがあります。 デフォルトではチェックされた状態になってると思いますが、これは既存の「確認」ボタンをLivePreviewの機能として使いますか…と聞いています。 チェックを外すとデフォルトとLivePreviewのボタンが2つ表示されちゃうようです。
わたしはデフォルトのままで使用しています。 変更した場合は「変更を保存」ボタンをクリックしてください。

次にブログごとの設定も行えますので、そちらも確認しておきます。
ブログ一覧からブログを選択して、左横にある「設定」をクリックすると画面右上の方に「プラグイン」とありますので、そちらをクリックしてブログごとに設定可能なプラグイン一覧を表示します。

プレビューとして適用するテンプレート「Preferred Template」の選択や、先ほど同じ「確認」ボタンの確認「Override Preview Button」を設定します。
わたしはエントリ・アーカイブのテンプレートを適用するよう設定(デフォルト)しました。 設定内容を変更した場合は「変更を保存」ボタンをクリックします。

プレビュー画面の確認

プレビュー画面の確認を行います。
新規エントリで編集画面を表示してください。

既存のエントリでは試さないでください。

どうやら不具合があるようで、投稿済みのエントリでプレビューしたら、未公開になってしまって公開したら再投稿扱いになってしまいましたので。

適当に記事を書いて、画面下の「確認」ボタンをクリックするとプレビューされます。 各自のエントリ・アーカイブのテンプレートが使用されますので確認してください。

プレビューのキャンセルについてですが、配布元では画面上の方に「Cancel」ボタンなるものがあるようですが、そんなものはなく、代わりに「Delete this entry」というボタンになってます。 記事を書いてるのに削除ってどいうこと!? と思いますが、ボタン名の間違いかな…と思って、ソースを見たらホントに削除になってましたので十分注意してください。

プレビューをキャンセルするには、「Delete this entry」をクリックすると、ホントに削除しますかと促されますので、そこでは必ず「いいえ」としてください。
勢いで「はい」などとしてしまうと、ホントに削除されかねないです。。。デンジャラス（－д－；）

画面上にある各ボタンの機能を以下に記します。

  • Re-edit this entry

    新規投稿時にはこのボタンでキャンセルするといいかも、です。
    既に投稿済みのエントリをプレビューして、このボタンをクリックすると、編集画面に戻ったはいいけど未公開(下書き)になってしまいました。

  • Save this entry

    名前の通り、編集画面に戻ってエントリが保存されます。
    新規投稿時にはこのボタンでキャンセルしてもいいかも、です。

  • Delete this entry

    名前の通り、エントリを削除します。大変危険です。十分な注意が必要です。 ホントならプレビューのキャンセルなんでしょうけど削除になっています。
    キャンセルするには先ほども言ったように、十分注意しながらこのボタンをクリックして、削除確認を促されたら「いいえ」とすることでキャンセルできます。

以上、ライブなエントリ・ページで確認しながら記事が書ける、プレビュー画面のカスタマイズは完了です。
わたしはドキドキしながらこのプラグインを確認していたのですが、既に投稿済みのエントリを何度も再投稿してしまったので、このサイトのフィードを登録されてる人にはご迷惑をおかけしたかもしれません。
ごめんなさい。

大変なことが発覚しました。
プレビューすると一時ファイルが作成されるのですが、そのファイルはブログの公開ディレクトリ(メイン・インデックスがある場所)にたくさんのファイルが作成されていました。
また、どうやらAjaxを使っていて、文字コードにUTF-8以外をお使いの人には支障があるようです。 わたしのサイトはUTF-8なのでゼンゼン問題なかったのですが、oscarさんのところでは不都合が生じた模様。

ライブなプレビューという意味では、エントリ・ページそのままが表示されるのですっごく気に入っていたのですが…残念。

でも、それも考え方次第で、一時ファイルはまったく意味不明なファイル名じゃない(想定つく)ので、その都度削除すればいいし、キャンセルボタンないけど、記事にもあるように注意すれば、プレビューは今まで見た中で一番良かったです。

 Trackback Pings(0)

No trackbacks found.

 Comments(4)

#1: Posted by oscar @ December 10, 2006 [REPLY]
user-pic

LivePreview試してみたんですね。
動作見て気づきませんでした？こいつプレビューなのに勝手にエントリー保存しちゃうんですよ。
公開ルートにテンポラリファイル・ガシガシ書き出すくせに。しかも保存はAjaxだからUTF-8。
もうカンベンしてくれ・・・っ感じで、使うのやめちゃいましたよ。
Ver1.0までは、プレビューしかやらなかったんで、すごく便利だったんですけどね。
Lightbox風ポップアップを使うためだけに、仕様変更したみたいです。
bzbellさん、ルート見た方がいいですよ。いっぱいファイルが出来てるから。

 
#2: Posted by bzbell @ December 10, 2006 [REPLY]
user-pic

>>1 oscar さん

こんにちわ^^

> 動作見て気づきませんでした？こいつプレビューなのに勝手にエントリー保存しちゃうんですよ。

そうなんですよね（つω-`｡）
知らずにプレビューしたら、昨日投稿したエントリが、未公開になっちゃって、しょうがないから公開したら新規投稿として扱われちゃいました（－д－；）

> しかも保存はAjaxだからUTF-8。

えっΣ(￣Д￣；)!! そうなんですの!?
それは知りませんでした。

> Lightbox風ポップアップを使うためだけに、仕様変更したみたいです。

はは（;￣∇￣A
確かに凝ったことするなぁ･･･とは思ってたんですけどね。

> bzbellさん、ルート見た方がいいですよ。いっぱいファイルが出来てるから。

うわっΣ(￣Д￣；)!! ホントだっ!!
せめてテンポラリ先を指定できるようにしてくれればいいのにぃo(＞д＜　;)o

キャッシュするのはしょうがないとは思うんですけど、これって永久に残りっぱなしですかっ!?
oscarさんに言われなかったら、しばらく気づきませんでしたよっ!!

一筆書こうかしらっ!!

 
#3: Posted by oscar @ December 10, 2006 [REPLY]
user-pic

Ver.1.0の時は、テンポラリ先指定出来てたんですよぉ。
たぶん、指定先の間違いが理由で「表示出来ない」って質問があまりにも多かったのだろう。
私も文字化けなけりゃ、まだ使ってたと思うので、動きが理解出来てればありですけどね。

 
#4: Posted by bzbell @ December 10, 2006 [REPLY]
user-pic

>>3 oscar さん

> Ver.1.0の時は、テンポラリ先指定出来てたんですよぉ。
> たぶん、指定先の間違いが理由で「表示出来ない」って質問があまりにも多かったのだろう。

あっそうなんですの!?
でも、公開ディレクトリに放置はないだろっ!! って思いますよねぇ(;￣∇￣A

> 私も文字化けなけりゃ、まだ使ってたと思うので、動きが理解出来てればありですけどね。

そうですね。
使う側が不具合も認識した上で使用するならすっごく便利だと思います。
なので、oscarさんは文字コードの問題があるかも、ですけど、わたしはそこら辺OKなので使い続けるつもりです♪

文字コードの問題って、いろんなところでぶつかるもんなんですね。

わたしはMTのデフォがUTF-8だからってんで何も考えず使ってますけど、もしEUC-JPなんて使ってたら、たぶんブログやめてます。だって分からないもん（つω-`｡）

 

 Post a Comment

 

コメント用フィード