Movable Type 備忘録

 MovableTypeのプレビューを強化する

MovableType(ムーバブルタイプ)に標準でついている、エントリ編集画面のプレビュー( 確認ボタンクリック )って使えないですよね!!
実際にどう見えるかわからないんだもん

わたしはいつもエントリ投稿後、手直ししてます (;￣∇￣A

今回はわたしと同じように投稿後に手直ししている人にとって朗報です♪

実際のブログ上でのプレビューが行えるようなカスタマイズをやってみました。
しかも、メインページ、エントリページ、カテゴリページなどでのプレビューが行えるようになります。

今回参考にさせてもらったサイトは情報の海の中で・・　blog様です。

カスタマイズ方法

実際のブログ上でのプレビューを行わせるには、BigPAPIプラグインとTagsForPreviewプラグインの組み合わせで行います。

BigPAPIプラグインは、以前、MovableTypeの各ファイルをバックアップする内のカテゴリのバックアップと復元で紹介していますが、管理画面をカスタマイズすることができるプラグインです。
BigPAPIプラグインとTagsForPreviewプラグインを組み合わせて使うことで、実際のブログイメージでプレビューを行うことができるようになります。

▼TagsForPreviewプラグインの入手はこちらから▼
http://www.h-fj.com/mt_plugins/mt-rebuild-preview.zip

各プラグインをインストール

インストール方法については、MovableTypeの各ファイルをバックアップする内のカテゴリのバックアップと復元を参照してください。

TagsForPreviewプラグインは上記URLから入手した圧縮ファイルを解凍して、解凍したフォルダ構成のまま、mt.cgi と同じディレクトリの中にアップロードしてください。
アップロード後、mt/mt-rebuild-preview.cgi のパーミッションを755に変更します。

メインページ用プレビュー・テンプレートを作成

まず、メインページ用テンプレートをコピーします。
そして、MovableType(ムーバブルタイプ)の管理画面左にある テンプレート をクリックして、画面上にある テンプレートを新規作成 をクリックします。
入力内容は以下の通りです。

  1. テンプレート名：　プレビュー・メインページ
  2. 出力ファイル名：　preview/index.html
  3. このテンプレートにリンクするファイル：　未記入
  4. テンプレートの内容：　先程コピーしたメインページのテンプレートを貼り付けます。

上記例では、preview というディレクトリの下に index.html というメインページ用プレビュー・テンプレートを作成する…と指定しています。

メインページ用プレビュー・テンプレート中の以下に示したタグを書き換えます。

  1. 書き換え前
  2. <MTEntries>　</MTEntries>
  3.  
  4. 書き換え後
  5. <MTEntriesWithDraft>　</MTEntriesWithDraft>

インデックス・テンプレートを再構築するときに、このテンプレートを自動的に再構築する のチェックを外して保存してください。

各アーカイブページ用プレビュー・テンプレートを作成

メインページ用プレビュー・テンプレートと同じ要領で、エントリページ、カテゴリページなどの必要なアーカイブページ用プレビュー・テンプレートを作成してください。
そして、各プレビュー・テンプレートの先頭と最後の行に以下のタグを追加します。

テンプレート名 先頭行 最後行
カテゴリ用 <MTPretendCategoryTemplate> </MTPretendCategoryTemplate>
月別用 <MTPretendDateTemplate archive_type="Monthly"> </MTPretendDateTemplate>
週別用 <MTPretendDateTemplate archive_type="Weekly"> </MTPretendDateTemplate>
日別用 <MTPretendDateTemplate archive_type="Daily"> </MTPretendDateTemplate>
エントリ用 <MTPretendIndividualTemplate> </MTPretendIndividualTemplate>

インデックス・テンプレートを再構築するときに、このテンプレートを自動的に再構築する のチェックを外して保存してください。

プレビュー用テンプレートを関連付けます。

MovableType(ムーバブルタイプ)の管理画面のメインメニューをクリックすると、画面右にシステムメニューとありますので、その中のプラグインをクリックするとプラグイン一覧が表示されます。
一覧の中から Tags For Preview のリンクを探してクリックしてください。

MovableType(ムーバブルタイプ)で複数のブログを管理している場合、プレビューしたいブログを選択して 送信 ボタンをクリックします。

先程作ったプレビュー・テンプレートの一覧が表示されますので、作ったテンプレートすべてを選択してから 保存 ボタンをクリックしてください。
複数選択するには、Ctrlキーを押しながらクリックすると複数選択できます。

以上で、実際のブログ上でのプレビューができるようになりました。
エントリ作成画面の下の方に「Preview on Blog」というボタンが追加されますので、それをクリックするとプレビューできます。

とっても便利ですよぉ。

 Trackback Pings(0)

No trackbacks found.

 Comments(0)

No comments found.

 Post a Comment

 

コメント用フィード