Windows 7 / Vista で Web サイトを構築

mojoPortal が 2.3.3.9 にバージョンアップしました。今回のバージョンアップの一番大きな変更点は、Artsteer で作成した html テンプレートを使って mojoPortal のスキンを作成することが容易になったことです。Artisteer の html テンプレートを使用したスキンの作成の手順の概要は以下のとおりです。Artisteer は、ウェブページのテンプレートを簡単に作成してくれる便利なソフトなので活用する機会も出てくるのではないかと思います。また、Artisteer のライセンスを持っていない場合は、「Download 300+ Free Web Templates」のサイトからArtisteer で作成したフリーのテンプレートをダウンロードすることができるので、それを利用することができます。

１．/Data/Sites/1/skins/ フォルダーに、スキンのための新規フォルダーを作成する（フォルダーの名前がスキンの名前になるので適当な名前をつけます）。なお、1 は、サイトの ID で、マルチサイトで運用している場合は、別の ID になります。

２．Artisteer のテンプレートで、メニューがヘッダーの上部にある場合には、Data/Sites/skins/artisteer-greenlagoon フォルダーの中身を、下部にある場合には、/Data/skins/artisteer-swirly1 フォルダーの中身をコピーして、新しく作成したフォルダーに貼り付けます。なお、images フォルダーの中身については、コピーする必要はありません。

３．Artiteer の html テンプレートは、以下のようなファイルから構成されているので、これらのファイルをすべてコピーして、新しく作成したフォルダーに上書きします。page.html ファイルは、実際には必要はありませんが、オリジナルのデザインとスキンのデザインとを比較するのに使用します。

４．style-artisteer-overrides.css ファイルの .art-contentLayout .art-content-narrow の width を調整します。

５．stylemojo.css ファイルで若干の調整が必要です。

６．カラースキームにより、styleaspcalander.css, styledatacalendar.css, styleblog.css 等の機能のcssファイルの修正をおこないます。

７．デザインにあわせて、jQueryUI テーマの変更をします。

Artisteer 2 は、ウェブページのテンプレートを簡単に作成してくれる便利なソフトです。このホームページのトップについても、Artisteer 2 で作成しました。Artisteer を使っていて問題となるのが Internet Explore 6 への対応についてです。トップページも、Umbraco とActiveWebでの設定がマッチしていないため、Javascript の動作がうまく動作せず、その関係でIE6では、正常な表示ができていません。IE6の問題については、Artisteer 側の問題かといえば、必ずしもそうではなく、IE6用のCSSの作成に苦労していることはよくわかります。最近、Google Maps が動作しないという問題も発生しました。Artisteerのフォーラムの記事をみて、Style.ie6.css の一番最初にあるimg{….}の３行をコメントアウトしました。IE6への対応で一番の解決方法は、IE6のことを考慮しなくてもいいような時代が来ることのようですね。