モバイル用にはPC用のようなイメージが入ったり、複雑なレイアウトのスキンを使用できません。従って、できるだけシンプルなスキンが必要となります。

このスキンはモバイル用に作ってみたもので、以下のスキンファイルから構成されています。全て、XHTML Basic1.0で、唯一つのコンテンツのみ配置しています。違いはナビゲーション関連のスキンオブジェクトの使用・不使用で、(1)はサイト全体がモバイルサイトの場合、(2)はPCサイトと混在する場合に利用します。

(1)各種ナビゲーション付きスキン

 基本的には通常のスキンと同じであり、単純にタグやスタイルをシンプルにしただけのスキンファイルです。従って、サイト全体がモバイルサイトの場合にのみ使用できます。コンテンツに加え、ロゴ・パンくずリスト・メニュー・著作権表示等のサイトに必要なパーツを一式挿入していますが、JavaScriptを使用するパーツは極力排除しています。(本ページはこのスキンファイルを適用しています)

(2)コンテンツのみの最もシンプルなスキン

 ロゴやメニュー、パンくずリストとして通常のスキンオブジェクトを使用するとPCサイトへのリンクが含まれてしまうので、PCサイトとモバイルサイトを混在する場合にはこれらのスキンオブジェクトは正しく利用できません。従って、そのような場合にはモバイル用のスキンオブジェクトに変わる仕組みを用意する必要があります。そのためには、まず、それらのナビゲーションが含まれない極々シンプルなスキンを用意しないといけません。このスキンファイルは、コンテンツと著作権表示のみを持つ、正に最小限といえる超シンプルなスキンファイルです。ロゴやメニューなどについては、テキストモジュールなどで手動作成するか、あるいは別に紹介するモバイルメニュー作成用モジュールのようなものを独自に作成するかになります。

▼BACK▼