レイアウト管理

全体

新規作成ボタン ボタンを押すとレイアウト新規作成画面に遷移
トップページ用レイアウト リンク表示。クリックするとトップページ用レイアウトの編集画面に遷移
下層ページ用レイアウト リンク表示。クリックすると下層ページ用レイアウトの編集画面に遷移

レイアウト新規登録

レイアウト名 レイアウト名を入力
端末種別 モバイル・PCから選択
レイアウト編集<head></head>タグ内 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集<body>タグ直後 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集#header 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集#contents_top 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集#side_left 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集#main_top 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集#main_bottom 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集#side_right 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集#contents_bottom 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集#footer 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集#drawer 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
レイアウト編集</body>タグ直前 未使用ブロックからブロックをドラッグ&ドロップして追加する。またはすでに追加したブロックを別のエリアに移動する
未使用ブロック レイアウトに設定されていないブロックを格納
レイアウト管理 リンク表示。クリックすると入力内容を破棄してレイアウト管理画面に遷移
登録ボタン ボタンを押すと入力内容を保存

ブロック

上に移動 2番目以降のとき、ボタンを押すとひとつ上の行に移動する
下に移動 最後尾以外のとき、ボタンを押すとひとつ下の行に移動する
セクションに移動 ドラッグ&ドロップによる移動ではなく、選択肢の中から選択することでレイアウトを移動する
コードプレビュー ブロックのソースコードを閲覧表示する。コードを編集するボタンを押すと、ブロック管理画面に遷移して、編集可能になる

EC-CUBE4開発リファレンス