2021/12/13

Craft CMS 操作マニュアル:エントリのプレビュー

このエントリは Craft CMS Advent Calendar 2021 14日目のエントリーです。

Craft CMS でのエントリ作成・編集時のプレビューについて。

ライブプレビュー

Craft CMS のライブプレビュー機能を使うことで、編集しながらプレビューを確認できる。

「プレビュー」ボタンをクリックする。

20211208-0919.png

ライブプレビュー画面が開く。

20211208-0919_1.png

ここは用意しているテンプレートに応じて表示が変わる。

タイトルを入力すると自動で保存され、表示も更新される。

20211208-0920.png

マトリックスなどのブロックを追加したものも同様に反映される。

20211208-0921.png

プレビューのサイズはタブレット、スマホサイズに変更したり

20211208-0922.png

縦横回転したりもできる。

20211208-0922_2.png

セクションの設定で、プレビューターゲットを複数指定することができ、作成したエントリの詳細ページだけではなく、一覧でのプレビューなども選択してプレビューすることができる。

20211208-0923.png

ライブプレビューを閉じると下書き状態になっているので、有効・無効を設定して、保存する。

20211208-0923_1.png

個別URLでのプレビュー

プレビュー / ライブプレビュー に対してなんという表現がよいかはむずかしいが、日本語では「表示」となっている所。(英語ではView)

20211208-0928.png

プレビューターゲットが複数指定してある場合はプルダウンから選択できる。

20211208-0928_1.png

別タブでURLが開くのでそこで表示状態をプレビューすることができる

20211208-0930.png

トークンがついたURLになるので、これを外部のユーザーにプレビューしてもらう場合なども利用できる。