CakePHP : 共通レイアウトの変更(画面デザイン・CSS)

メモ:  Category:php

ビューを作成しそれなりに動作させると、ブラウザーで表示されます。ビューを作成する際、title タグも head タグも body タグも記述していません。これらは、デフォルトで default.thtml というテンプレートが使用されています。

ここでは、共通のテンプレートファイルを使う方法を記録します。

レイアウト

CakePHP をインストールした直後は、「cake/libs/view/templates/layouts」の共通テンプレートが 使用されます。

この共通テンプレートをアプリケーション用に用意するには、「app/views/layouts」に default.thtml をコピーし作成するアプリケーションに応じて共通テンプレートを作成します。

スタイルシート

次にスタイルシートの指定ですが、共通テンプレートの中で次のように指定されています。

<?php echo $html->css('cake.generic'); ?>

上記 HTML ヘルパーによって、「app/webroot/css/cake.generic.css」が参照されるようになります。

独自のスタイルシートを設定する場合、「app/webroot/css/」にスタイルシートを定義し HTML ヘルパーで参照設定を作成することで、アプリケーション用に画面をデザインすることができます。

変更前

CakePHP標準

変更後

変更後イメージ

bluenote by BBB