弊社XOOPSサイトのデザインを変えてみました
優秀なデザイナーさんをいっぱい知っているので、
本来なら、そういった人たちに
弊社のXOOPSサイトのデザインをお願いしたいところですが、
XOOPSのデザインをどこまでいじれるのものか、
やってみないとわからないこともあるので、
確認がてら、自分でいじってみました。
私はデザイナーではないので、
クライアントサイトのデザインには、
私がやって売ることもできないですし、
自分でやって許されるのは自社のサイトだけですしね、
とういうのもあったりします。
それはさておき、
XOOPSの基本デザインは、
「テーマ」と呼ばれるファイルをいじることで可能になります。
私が元にしたのは、
本家XOOPSサイトからダウンロードしてきて、
今まで使用していた「lucastds02」というテーマです。
#本家XOOPSサイト http://www.xoops.org/
この「lucastds02」ファイルの中で、
今回私がいじったのは、
・theme.html
・style.css
です。
theme.htmlは通常のサイトであれば、
index.htmlに当たるファイルで、
サイトの基本的な構成を指定します。
style.cssは、通常スタイルシートを使う場合と同じで、
細かい見え方を指定するファイルです。
で、あと使いたい画像などを作成します。
今回は、
・ヘッダーデザインの変更
・基本ナビゲーションデザインの変更
・全体の見栄えを明るい感じに
(かっこいいとかよりも明るいのが好きなので)
というところを変えてみました。
普段やらないことをやると、
少し時間がかかるものですが、
だいぶオリジナリティは出てきたと思います。
ボタン関係は、グラフィックの多機能なソフトを使うより、
フリーのロゴ作成ソフトを使用するほうが簡単です。
私はロゴ作成ソフト「LOGO!」を使っています。
http://www5a.biglobe.ne.jp/~suuta/soft.html
今度やるときは、
・サブメニューや各コンテンツタイトルのボタン化
・メニューにアイコンを付ける
などでしょうか。
XOOPSのリデザインについては、
以下のページがわかりやすいです。
http://www.wervival.net/
modules/tinycontent/content/xoops/redesign.htm
ついでですが、先日、某クラアイントで開発している、
インナー向けなのでお見せできないのが残念ですが、
XOOPSサイトのデザインもかなりいい感じで仕上がってきており、
XOOPSのデザインも通常のHTMLと変わらないレベルで、
できることは証明できるようです。
| ツイート |
|
松下電器とジャストシステムの訴訟に思う >>
29 queries. 0.030 sec.
Powered by WordPress Module based on WordPress ME & WordPress








