growing hard days.

EC-CUBE 4のレイアウトをカスタマイズ

2021/06/03 2021/06/06

目次

EC-CUBEのデフォルトトップ画面

EC-CUBEインストール後、トップ画面が設定されています。
カスタマイズしていきます。

トップ画面のスライド画像変更

[コンテンツ管理]-[ページ管理]で、対象のtwigファイルを編集できます。

item-slick-slideの画像を変更することで、トップ画面のスライド画像を変更できました。

トップ画面のレイアウト管理

管理画面にログインして、[コンテンツ管理]-[レイアウト管理]で設定ができました。
それぞれのパーツがブロックで設定されています。

不要なブロックは未使用ブロックに移動することで消せました。

ブロックの編集

各ブロックの編集は[コンテンツ管理]-[ブロック管理]でできました。

最後までお読みいただきましてありがとうございました！

「AWS認定資格試験テキスト＆問題集　AWS認定ソリューションアーキテクト - プロフェッショナル改訂第2版」という本を書きました。

「AWS認定資格試験テキスト AWS認定クラウドプラクティショナー改訂第3版」という本を書きました。

「ポケットスタディ AWS認定デベロッパーアソシエイト［DVA-C02対応］」という本を書きました。

「要点整理から攻略するAWS認定ソリューションアーキテクト-アソシエイト」という本を書きました。

「AWSではじめるLinux入門ガイド」という本を書きました。

開発ベンダー5年、ユーザ企業システム部門通算9年、ITインストラクター5年目でプロトタイプビルダーもやりだしたSoftware Engineerです。
質問はコメントかSNSなどからお気軽にどうぞ。
出来る限りなるべく答えます。

このブログの内容/発言の一切は個人の見解であり、所属する組織とは関係ありません。
このブログは経験したことなどの共有を目的としており、手順や結果などを保証するものではありません。
ご参考にされる際は、読者様自身のご判断にてご対応をお願いいたします。

また、勉強会やイベントのレポートは自分が気になったことをメモしたり、聞いて思ったことを書いていますので、登壇者の意見や発表内容ではありません。

Tweet

関連記事

: WordPressにログインを強制して記事ごとのアクセス制限もする

WordPressを限定された組織内で使いたいとした場合に下記を実現したいと思い …

: ホームページやサイトがiPhone,iPadのホーム画面に追加された時のアイコンを設定しておく

headタグでapple-touch-iconを指定 [html] [/html …

: Googleカレンダーの予定をV3 APIでPHPからJSONを取得してWebページに表示する

Googleカレンダーを使って管理しているライブスケジュールを日付によって、未 …

: WordPressの記事を公開日時に関係なくソート順を変更する

PostMash Customを使う WordPressのプラグインでPostM …

: ホームページ、自作サイトにアメブロの新着情報を掲載する

MagipieRSSを使用なので下記サイトでダウンロード http://mag …

: PHP 共通ヘッダ、フッタの内容をページによって動的に変更する

共通ヘッダ、フッタそれぞれ必要な内容を書いたheader.php、footer …

: Amazon Linux 上のWordPress PHPを5.3から7.2にバージョンアップ

このブログ、振り返ってみてみると、もう4年も続けているのかあと思いました。 1本 …

: Googleカレンダーの予定をPHPからXMLで取得してWebページに表示する(現在廃止されたAPIなので使えません)

ご注意 ※下記の記事で使用していたAPIは2016年現在使用出来なくなっています …

PREV: Amazon Linux2(EC2)にEC-CUBE 4をインストール
NEXT: Well-Architected Tool レンズヴァージョンアップ