EC-CUBE4でページレイアウトを変更する方法

EC-CUBE4でレイアウトを作成する方法を解説。

EC-CUBE4から新しく追加されたのが、レイアウト変更機能。ECCUBE3まではすべてのページで個別に設定する必要がありましたが、レイアウトを作成することで使い回しが出来るようになってます。

EC-CUBE4 ページレイアウトの作成方法

EC-CUBE4でレイアウトを作成するには、レイアウト管理ページで新規作成ボタンを押します。

ページレイアウトの作成方法

レイアウト名と端末種別を入力し、そのレイアウトにブロックを配置していきます。

ページレイアウトの作成方法

レイアウトを作成すると、ページ管理画面で作成したレイアウトを選択できるようになります。

ページレイアウトの作成方法

ページレイアウトの編集と削除方法

作成したレイアウトはレイアウト管理から何度でも編集可能。

ページレイアウトの作成方法

ページレイアウトの削除方法

レイアウト管理から削除したいレイアウトを選ぶとレイアウトを削除できます。

ページレイアウトの作成方法

@takeshi_du

TAKESHI

フリーランス Webデザイナー

フリーランスWebデザイナー。レスポンシブサイトの作成、Wordpress、EC-CUBEやカラーミー、BASEなどのネットショップのデザイン・構築を担当。

EC-CUBE4プラグイン「UICube」開発者。

このブログでは初心者がつまずきやすいポイントや、制作で得た知識をわかりやすく解説します。

Web制作のことでお困りですか?

・急に案件が増えて手伝ってくれる人を探している
・担当していたデザイナーがやめてしまった
・新しくホームページを作りたい

このようなことでお困りでしたら、お気軽にご相談ください。デザインからコーディング、WordpressなどのCMSの構築まで対応させていただきます。

Copyright © 2020 homupedia.com