🔍 デザインとテンプレートカスタマイズ 4大手法（文字と画像の融合）

▲ 【図】デザインとテンプレートカスタマイズ 4大手法

1 テーマ（themes/）の切替

サイト全体のHTML骨格（theme.html）とCSSによる外観の一新。

2 Smartyテンプレート編集

モジュールが出力するHTML構造を管理画面から安全に調整。

3 CSS Grid / Flexbox最適化

最新のレスポンシブデザインでスマホ・タブレット表示を最適化。

4 D3テンプレートの個別連動

複製したモジュールごとの専用テンプレートで個別デザインを適用。

「ボタンの色を変えたい」「記事一覧のレイアウトを横並びカードにしたい」「不要な項目を非表示にしたい」――そんな見た目のカスタマイズを、安全に管理画面から行うための完全ガイドです。

第6章のラインナップ

• 6-1: テーマ（themes）とSmartyテンプレートの仕組み：ページ全体と部品の関係
• 6-2: ALTSYS テンプレート管理による安全な編集手順：複製tplset作成の絶対原則
• 6-3: モジュール別テンプレートの探し方：一覧・詳細・ブロックはどれを直す？
• 6-4: すぐに使えるSmartyタグと変数一覧：条件分岐・ループ・ログイン判定
• 6-5: CSSスタイルシートの編集とレスポンシブデザイン調整：スマホ最適化の勘所