レイアウト機能の基本

レイアウト機能とは?

レイアウト機能とは、モジュールの配置をHTMLの知識がない方でもブラウザ上から追加・変更ができるようになる機能です。たとえば、新しくエントリーヘッドラインやエントリーサマリーのモジュールを追加したくなった場合、普段であればHTMLを修正しなければいけませんが、ブラウザ上からドラッグアンドドロップの操作で新規モジュールの追加ができます。


スクリーンショット:レイアウト編集画面

サイドバーのモジュールボタンをメインエリアにドラッグアンドドロップする


モジュールの追加


レイアウト編集ボタン

レイアウト編集ボタン


レイアウトボタンをクリックしてレイアウト編集画面に移動します。


レイアウトモードのブロックをメインエリアにドラッグアンドドロップ

レイアウトモードのブロックをメインエリアにドラッグアンドドロップ

レイアウト編集画面に移動したら、配置したいレイアウトをサイドバーから選び、メインエリアにドラッグアンドドロップします。


モジュールモードのブロックをメインエリアにドラッグアンドドロップ

モジュールモードのブロックをメインエリアにドラッグアンドドロップ

同じ操作感で、モジュールをサイドバーから、メインエリアのレイアウトのユニット内にドラッグアンドドロップします。


モジュールブロックをドラッグアンドドロップをした後

モジュールブロックをドラッグアンドドロップをした後

モジュールブロックをドラッグアンドドロップすると、モジュールを挿入できるユニットが追加されます。左上のモジュールボタンを押してモジュールの一覧画面へ移動します。


使用したいモジュールIDのテンプレートを選び、選択ボタンをクリックします。


モジュール選択画面

モジュール選択画面


選択し、元の画面へ戻った画面

選択し、元の画面へ戻った画面

選択し、元の画面へ戻ると、選択したモジュールがユニットの中に入っています。


レイアウトの保存

レイアウトの保存

サイドバーにある保存ボタンをクリックしてレイアウトを反映します。


ブラウザ上の操作だけで、テンプレートにモジュールが反映されました。


レイアウト機能はVer.2.5よりご利用いただけます。

レイアウト機能の操作感を体験する

実際の操作感を知りたい方はデモサイト、または以下の動画よりご覧ください。