LOGIN ID Password Auto Login Register Now! Lost Password?
XUGJ Wiki

CustomizeManual

Page Top

テーマ改造はXOOPSカスタマイズの基本 anchor.png

XOOPSにおいて、テーマセット(以下テーマ)とはXOOPSの見え方の大部分を受け持つ重要なパーツです。そしてこれは基本的にXOOPS2.0も新しいXOOPS Cube Legacy2.1でも同じものが使用できます。

テーマによって管理できる部分は、まず全体の外枠部分。簡単に言うとXOOPSのインストール直後はモジュールをひとつもインストールしていない状態になっていますが、あの状態での「ログインブロック」と「メインメニュー」「ユーザメニュー」を除いたHTMLがテーマに書き込まれています。(各ブロックやコンテンツ部分は、テンプレートでHTMLを管理しています)

次にほとんどの共用部分のCSSがテーマによって管理されています。これは外枠部分に限らず、各ブロックの外観、ブロックタイトルの部分、メニューの外観、基本フォントの設定、表組みにした場合の外観、コメント欄やそれに付随する外観、フォームの設定など、特定のモジュールに依存しない共通の外観を持たせる部分は全てテーマ内のstyle.cssが受け持っています。(各モジュール固有のパーツに関しては、そのモジュール内にあるCSSで受け持ちます)

XOOPSをインストールして、多くのユーザが最初に手をつけるのがこのテーマの変更でしょう。

Page Top

テーマ改造でできること anchor.png

XOOPSにおいてテーマが司っているのは、全てのページで共通している部分です。デザイン的要素においては、その範囲内でならほとんどの事ができます。

Page Top

theme.htmlでできること anchor.png

theme.htmlでは各ブロックやコンテンツ位置のレイアウトを受け持っています。CSSに依存しない部分の変更が可能です。HTML属性はstyle.cssでの記述と競合しない限り使用できますがほとんどの場合競合してしまうようです。

  • XOOPSのブロック部分、およびコンテンツ埋め込み部分以外の外観の変更
  • 全体のレイアウトの変更
  • ブロックの配置の変更、およびブロック配置ロジックの埋め込み
  • PHPスクリプト埋め込みにより、モジュールまたはページ単位でのオブジェクトの表示/非表示
  • PHPスクリプト埋め込みにより、権限グループ単位でのオブジェクトの表示/非表示
  • ブロックタイトル表示/非表示ロジックの埋め込みなどなど・・・
Page Top

style.cssでできること anchor.png

XOOPSは現代的なCSSレイアウトではありませんが、それでもかなりの部分がCSSによってコントロールされています。また、モジュールコンテンツでも、投稿フォームや表組みなど、外観の統一感のためにテーマ内のCSSに委ねられているパーツも多いです。
但し、モジュールによっては独自のCSSを持っている場合もありますので、それらとの摺り合わせは必要です。

  • 文字サイズ・行間・フォントファミリーなど
  • 各部分の空き、マージンなど
  • 背景画像などCSSによって画像がコントロールされているものの変更
  • 表組みの罫線、セルの色などなど・・・
  • その他CSSでコントロールできるもの全て
Page Top

テーマ下テンプレート機能とモジュール用CSSファイルを使いモジュールの表示もコントロール anchor.png

ホダ塾ディストリビューションに実装された プリロード HdXoopsTplHook.class.php を使うことにより、テーマ下テンプレートの実現およびSmartyプラグインフォルダの追加が可能となります。 テーマ下テンプレートの記述を参照ください。

テーマ下テンプレートとは、通常、各モジュールのディレクトリ配下にあるテンプレートを、テーマ下に作成した templates フォルダにコピーすると、HdXoopsTplHook.class.php プリロードによってテーマ下にあるテンプレートが最優先となり、これを編集することで、そのテーマ用のテンプレートとして利用できるという優れものです。 (テーマ下テンプレートは、XCLデフォルトのテンプレート編集やAltsysによるDBテンプレート編集よりも優先されるそうです。)

そして、各モジュールが持っているCSSの記述をテーマに取り込むことで、モジュールのデザインも含めた総合的なサイトデザインを行うことが可能となります。

テンプレート編集については、別途 テンプレート改造で出来ること・出来ないこと? を参照ください。

Page Top

テーマ改造でできないこと anchor.png

全てのページで共通している部分の修正がテーマ改造で可能なことであるならば、「できないこと」はその反対、「各ページで異なる部分」です。これらは主にシステム用テンプレート、および各モジュール用テンプレートに依存しています。モジュールやシステム部の「コンテンツ」として表示される部分のレイアウトはテーマでは動かすことができません。


トップ   凍結 差分 バックアップ 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
Counter: 10781, today: 1, yesterday: 1
初版日時: 2007-06-03 (日) 16:03:36
最終更新: 2014-01-13 (月) 22:06:01 (JST) (1405d) by fabi
Back to Page Top
MainMenu
Manuals
Search
XOOPS Official & Dev.
XOOPS Communities