EC-CUBE4で新しくブロックを追加する方法

EC-CUBE4のブロックを作成する方法。EC-CUBE4ではブロックを自由にレイアウトすることで簡単にページを作成できるようになっています。

EC-CUBE4 ブロックの作成方法

ECCUBE4でブロックを作成するには、ブロック管理ページから新規作成ボタンを押します。

ブロックの作成方法1

ブロック名、ファイル名、ブロックのコードを入力して登録ボタン押せば完了。ファイル名は後から変更することができないので注意。ブロックのコードはtwigでも書くことができます。

ブロックの作成方法2

作成すると現在使用しているテンプレートのBlockフォルダにtwigファイルが作成されます。

ブロックの作成方法3

レイアウト編集画面で作成したブロックが表示されるのでそれをレイアウトに配置します。

ブロックの作成方法4

ブロックの編集と削除

作成したブロックはブロック管理画面から編集と削除ができます。また、Twigファイルをエディターで直接編集することも可能。

ブロックの編集と削除

twigファイルを直接編集した場合

直接twigファイルを編集した場合はキャッシュのクリアが必要です。キャッシュのクリアは、キャッシュ管理からキャッシュ削除ボタンを押せばOK。

ECCUBE4 twigファイルを直接編集する場合はキャッシュクリアが必要

@takeshi_du

TAKESHI

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

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

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

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

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

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

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

Copyright © 2020 homupedia.com