Top > ZenCart > 初心者 > スタイルの構成

テンプレート

テンプレートについて説明します。

あらかじめ

  • ドキュメント/カスタマイズ/基礎知識/ページ名
  • ドキュメント/カスタマイズ/基礎知識/オーバーライド
  • ドキュメント/カスタマイズ/基礎知識/言語パック

について読んで理解してください。

画面の構造

+−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+
|                                 |
|             ヘッダー                |
|                                 |
+−−−−−−−+−−−−−−−−−−−−−−−−−+−−−−−−−+
|       |                 |       |
|サイドボックス|                 |サイドボックス|
|       |      メイン        |       |
|       |                 |       |
|       |                 |       |
|       |                 |       |
|       |                 |       |
|       |                 |       |
+−−−−−−−+−−−−−−−−−−−−−−−−−+−−−−−−−+
|                                 |
|             フッター                |
|                                 |
+ーーーーーーーーーーーーーーーーーーーーーーーー−−−ー−−−−ー+

ディレクトリ構造

テンプレートファイルは多くのファイルに分かれています。それぞれが表示されるページのHTMLソース上の一部品だけを記述するために利用されていて、それらが寄せ集められて、全体のHTMLソースが組み上がっています。

includes/templates/hogehoge
  +- template_info.php              テンプレート名などの設定ファイル
  +- common/                        ヘッダ、フッダ
       +- ※下記参照
  +- sideboxes/                     サイドボックス
       +- サイドボックス名.php       各サイドボックス用テンプレート
  +- templates/                    メイン部分
       +- tpl_ページ名_deafult.php   各ページ用テンプレート
  +- css/
      +- stylesheet.css             スタイルシート
  +- images/                        ボタン画像以外の画像
      +- buttons/
          +- english/               英語用ボタン画像
          +- japanese/              日本語用ボタン画像

common配下のファイル

ファイル名役割
html_header.phpHTMLの<head>部分など
tpl_box_default_left.php左サイドボックスの枠
tpl_box_default_right.php右サイドボックスの枠
tpl_box_default_single.phpシングルサイドボックスの枠?
tpl_box_header.phpkodama
tpl_footer.phpフッター
tpl_header.phpヘッダー
tpl_header_test_info.phpコダマ
tpl_list_box_content.php表組みレイアウト用
tpl_main_page.phpすべてのテンプレートの親

sideboxes



リロード   新規 編集 凍結解除 差分 添付 複製 名前変更   ホーム 一覧 単語検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS
Last-modified: 2007-01-17 (水) 13:37:38 (4951d)