Hodakaの居場所»テーマチェンジャー、モジュールヘッダはもう不要？

本文にスキップします。
メニューにスキップします。

最新配信

テーマチェンジャー、モジュールヘッダはもう不要？

カテゴリ :: テーマ

執筆 :: 2005-9-18 14:48

2.0.10JPからカレントのモジュール名、ディレクトリ名が渡されるようになった。これは、従来テーマ、テンプレートからphpを介して取得する手間をなくしただけでなく、テーマ、テンプレートの作成面で幅広い手段を提供したという点で大きな意味をもつ。たとえば、トップページとそれ以外でスタイルを変えるということも簡単にできる。例として、

文字の修飾
ヘッダ画像の使い分け
背景色の使い分け
コンテンツ内tableサイズの使い分け
など。。。

そのためには、まずテーマに手を入れる。

<body id="<{if $xoops_dirname ne ""}><{$xoops_dirname}><{else}>home<{/if}>">

つまり、現在homeかモジュールがアクティブかを識別できるようにする。次いで、

/* change font color if home */
a.link { color: #ddd; }
a.hover { color: #000; }
#home a.link { color: #000; }
#home a.hover { color: #ddd; }
/* change header background image if home */
#header { background:url(non-toppage.jpg); }
#home #header { background:url(toppage.jpg); }
/* change background color when news*/
.content { background-color: #fff; }
#news .content { background-color: #eee; }
/* change table width when yybbs */
#yybbs .content table { width: 80%; }

このようにカレントモジュールによってデフォルト設定を変更したい場合などには、特別にモジュールヘッダを用意することなく、非常に強力な威力を発揮する。さらに、トップページとモジュールの時ではテーマを変えたいという場合、$xoops_themecssを記述する部分を

<{if !$xoops_dirname}>
  <link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />
<{else}>
  <link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/themes/<{$xoops_dirname}>/style.css" />
<{/if}>

としてthemesディレクトリ下にモジュール名のディレクトリとstyle.cssを用意すればよい。 style.cssにすべてのブラウザ対応をさせる必要もあるなど精査は必要だが、場合によってはテーマチェンジャーモジュールのお世話になる必要はなくなる。