menu 1 menu 2 menu 3 menu 4 menu 5
メインメニュー
挑戦シリーズ
テーマ作成・配布
種類別テーマリンク
検索

 

PAGE DESIGN lab.
PROJECT
PAGE DESIGN lab.
XOOPS DESIGN lab.
LOVE navigate
Twitter

トップ  >  XOOPSとは  >  デザインテーマ
デザインテーマ

 

使いたいモジュールの設置も終わって、なんとかサイトのかたちにすることができたみたい。機能面はこれでオッケーね。あとはサイトの見た目を変えたいなあ。かわいい色を使いたいんだけど、デザインを変えたい場合はどうしたらいいのかしら。

 

デザイン部分はテーマファイルで制御
XOOPSのインストールも完了し、モジュールの設置も終わったら次はサイト全体のデザインを変更し ましょう。XOOPSでは全ページの外観デザイン部分は、テーマといわれるファイルによって制御されています。テーマファイルはhtmlファイル、 css(スタイルシート)ファイル、イメージ画像が、「default」といった任意の名前のついたひとつのフォルダの中に入って、ルート直下の 「themes」フォルダの中におさめられています。このテーマファイルの中身を変更することで、見た目のデザインを変えることができます。



ではどのようにテーマファイルを変更したら、デザインを変えられるのでしょう。実際に「index.html」や「style.css」をテキストエディタでひらいて中身を見て見ましょう。



もしあなたがwebの知識が豊富で、htmlやcss(スタイルシート)のソースに詳しければ、デザインカスタマイズはそう難しくないかもしれません。以下に参考になるページを紹介しますので挑戦してみてください。


当サイトのXOOPS便利ページ集より

 

テーマ配布サイトを利用しよう
ただし、htmlやcss(スタイルシート)について詳しくない場合、デザインカスタマイズをするこ とはちょっとハードルが高いかもしれません。だけど、htmlやcss(スタイルシート)をイチから理解するための時間や労力はかけたくない。そんな場合 は是非、テーマをダウンロードできるテーマ配布サイトを利用することをおすすめします。ネット上には数多くのテーマ配布サイトが存在し、豊富な種類のデザ インダウンロードすることができます。以下のページを参考に是非おためしください。(利用する際はそれぞれのサイトの利用規約をご確認ください)


当サイトのXOOPS便利ページ集より

 

また当サイトでも非商用かつ個人であれば無償で利用できるテーマを配布していますので、是非ご利用下さい。(商用あるいは非個人の場合は有料になります)


当サイトのテーマダウンロード

 

気に入ったテーマが見つかったら、以下のページを参考にテーマをサイトに設置してみましょう。

 

 

気にいったテーマも見つかって大満足。ここまでくるのに、思ったより簡単にできちゃったわ。XOOPSを使わなかったら、きっとここまで高機能なサイトを個人で無料でつくることなんて、とてもできなかったと思う。本当に便利なソフトウエアだってことが実感できたわ。
前
モジュール
カテゴリートップ
XOOPSとは

テーマ選択

(79 テーマ)

XOOPSサービス
AD