Craft CMS

DATE 2019.08.13 | UPDATE 2019.08.14

リアルタイムにプレビューしながら編集内容を確認できる

Craft CMS は CMS の管理画面と表示される表側が分かれていますが、管理画面から入れたコンテンツが実際にどのように表示されるかをライブプレビュー確認しながら編集することが可能です。

ライブプレビューでリアルタイムに編集内容を確認する

編集画面の「ライブプレビュー」リンクをクリックします。

ここをクリックすることで、ライブプレビュー画面が開きます。

左側がエントリの編集画面に相当し、ここで入力した内容に応じて右側の表示プレビュー部分が変わっていきます。

テキストを編集したら反映されるのはもちろん、選択している画像を変更した場合にはその内容が反映されます。

レスポンシブに作られているので、プレビューのサイズを変えることで画面幅に応じた見え方を確認できます。

他のエントリを関連付けて表示させている場合など、その関連付けられているエントリを左側から編集することができ、その内容もプレビューすることが可能です。

関係する別ページについてもプレビューが可能

リアルタイムにプレビューしながら、他の表示箇所(テンプレート、URL)のプレビューもできます。

お知らせの詳細ページをプレビューしたうえで

別のページ(この場合はトップページ)のプレビューの選択ができます。

これでトップページのお知らせが表示されている箇所のプレビューができます。

この状態で左側のお知らせの内容を編集すればもちろんトップページのプレビューでも編集の反映が確認できます。

コンテンツ

PAGETOP