みんなを幸せにする企画・企画書を作りましょう！

< 新しい記事

新着記事一覧(全1503件)

過去の記事 >

2005.02.06

弊社XOOPSサイトのデザインを変えてみました

テーマ：ビジネスで使うBlog・CMS(191)

カテゴリ： Webマーケティングいろいろ

優秀なデザイナーさんをいっぱい知っているので、
本来なら、そういった人たちに
弊社のXOOPSサイトのデザインをお願いしたいところですが、
XOOPSのデザインをどこまでいじれるのものか、
やってみないとわからないこともあるので、
確認がてら、自分でいじってみました。

私はデザイナーではないので、
クライアントサイトのデザインには、
私がやって売ることもできないですし、

とういうのもあったりします。

それはさておき、
XOOPSの基本デザインは、
「テーマ」と呼ばれるファイルをいじることで可能になります。

私が元にしたのは、
本家XOOPSサイトからダウンロードしてきて、
今まで使用していた「lucastds02」というテーマです。

＃本家XOOPSサイト　http://www.xoops.org/

この「lucastds02」ファイルの中で、
今回私がいじったのは、
・theme.html

です。

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と変わらないレベルで、
できることは証明できるようです。

**********************************
有限会社リレーションメイク　羽切　徳行

お気に入りの記事を「いいね！」で応援しよう