EC-CUBE3

管理画面ホームに項目追加

管理画面ホームに項目追加

EC-CUBE3

管理画面ホームに項目追加

最後に管理画面の「ホーム」にも「マニュアル」のリンクを追加してみましょう。

ホームのテンプレートファイルは先ほどと同じ「src/Eccube/Resource/template/admin」にある「index.twig」になります。

ソースコードを見れば分かりますが、1段ずつを「div class=”row”」で囲っており、その中のボックスをそれぞれ「div class=”col-md-xx”」で囲み幅を決めているようです。

このクラスの末尾の「xx」には1~12が設定されていて、各クラスと幅の設定は下記になります。
  •col-md-1…8.33333%
  •col-md-2…16.6667%
  •col-md-3…25%
  •col-md-4…33.3333%
  •col-md-5…41.6667%
  •col-md-6…50%
  •col-md-7…58.3333%
  •col-md-8…66.6667%
  •col-md-9…75%
  •col-md-10…83.3333%
  •col-md-11…91.6667%
  •col-md-12…100%

というわけなので、rowの中のcol-md-xxの幅合計が100%を超えないようにしましょう。

今回は2段目「ショップ状況」の右に追加してみました。

上記の内容で保存した後に「app/cache/twig/production」の「admin」ディレクトリを削除してホームを見てみましょう。