cssつまりスタイルシートの役割は、ずばりホームページのデザインについての設定をすることです。ここでは、Joomla!でのcssの管理構造について説明します。
css編集画面については、前項テンプレート管理の構造を参照してください。
一般的にcssファイルは、テンプレートフォルダの中にcssというフォルダを作り、その中に複数のcssが配置しています。私が現在使っているテンプレートxhtml_starter_kitを例に示すと以下のようになっています。
テンプレート管理画面より、CSS編集ボタンをクリックすると、cssの管理画面に移動します。この画面には、先ほどのcssファイルがすべて表示されています。
編集する際には、ラジオボタンをチェックし、編集ボタンをクリックする、これだけです。具体的なcssの記述方法については、テンプレート・セクションを参照してください。
cssファイルは、htmlファイルのhead部にパスが記述されていることも忘れないでください。
index.phpに記述されているcssへのパス
xhtml_starter_kit部にはテンプレート名が入ります
<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/xhtml_starter_kit/css/template.css" type="text/css" />
<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/xhtml_starter_kit/css/default.css" type="text/css" />
<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/xhtml_starter_kit/css/global.css" type="text/css" />
<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/xhtml_starter_kit/css/navigation.css" type="text/css" />
|
