matsui

Movable Typeで記事プレビュー時のみ、任意の情報を出力する

Movable Typeのテンプレートで、プレビュー表示かどうかを判別する方法をご紹介します。
これにより、記事のプレビュー時とパブリッシュ後の画面とで出力内容を変えることが出来ます。

「preview_template」という予約変数を使います。

■方法 テンプレートに次のように記述します。
<mt:If name="preview_template">
 ここに書いた内容は、
 プレビュー時のみ表示されます。
</mt:If>
<mt:Unless name="preview_template">
 ここに書いた内容は、
 プレビュー時は表示されません。
</mt:Unless>
■例えばこんなときに使います!
  • プレビュー画面に、記事承認者へのメッセージを出したい
    「修正はメールにてご連絡ください」「問題なければ公開日時を指定してください」など。
  • プレビュー時のみ、違うナビを表示したい
    MT(ステージング)環境とプロダクション環境とでリンク先ドメインが違うときなど。
  • 記事ページが2ページ以上にまたがるとき(記事テンプレートが2つ以上あるとき)、プレビュー時は情報を1ページにまとめて表示させたい
    (通常は、2つ目以降のテンプレートの内容はプレビューチェックができないため。)
  • プレビュー時のみ、文字コードを変更したい
    (文字コード変換プラグイン等で発生するプレビュー画面の文字化け解消のため)
大規模なコーポレートサイトなど、複数人、複数部署で運用するブログの場合、 記事作成(下書き) → プレビューで確認 → 承認 → 公開といった承認フローの中で プレビュー画面はとても重要になってきます。 分かりやすいプレビューを作成するよう心がけましょう。
新しいウェブ体験を作ろう TAMのPWA開発
お問い合わせはこちら