AjustSkin2MobileLiteはUserAgentを判別しSkinを変更します。 docomo、au、SoftBank、Willcomを携帯端末、iPhone、Androidをスマートフォンとして認識し、PC|携帯|スマートフォン｜キャリア毎に適用するSkinを選択してくれます。

AjustSkin2MobileLiteは携帯端末とスマートフォンのUserAgentを判別し適用するSkinを変更します。

Net_UserAgent_Mobileが不要になりました。

そのため、機種毎の振り分け、画面サイズの取得、機種名の取得が利用できなくなっています。

1. zipファイルを解凍します
2. NP_AdjustSkin2MobileLite.phpをnucleus/plugins/へコピー
3. adjustskin2mobileliteフォルダを丸ごとnucleus/plugins/へコピー
4. 管理画面からプラグインをインストール

AjustSkin2MobileLiteはUserAgentを判別し適用するSkinを変更します

docomo、au、SoftBank、Willcomを携帯端末、iPhone、Androidをスマートフォンとして認識します。

Skinの命名には以下のようなルールがあります。 PC用のSkin名が[default]の場合

[プラットフォーム名]は以下の通り

• docomo ⇒ docomo
• au ⇒ ezweb
• SoftBank ⇒ softbank
• Willcom ⇒ willcom
• iPhone ⇒ iphone
• Android ⇒ android

default/docomo　等と命名する

default/mobile　と命名すること

default/sphone と命名すること

プラグイン管理⇒オプション設定で命名ルールを設定することができます

プラグインの管理⇒オプション管理でこのプラグインに関するオプションを設定することができます。

スマートフォン用のskinが用意されていない場合の、適用するskinの優先順位を指定します。

• SmartPhone > dfault

　　スマートフォン用skinがない場合、default skinを表示します

• SmartPhone　> Mobile > dfault

　　スマートフォン用skinがない場合、ケータイ用skinを、ケータイ用skinもない場合はdefault skinを表示します

絵文字画像へのパスを指定します

インストール方法を参照された場合は変更の必要はありません

携帯特有の絵文字の扱いについて説明します。

絵文字変換に関して以下のサイトを大いに参考にさせて頂いております。

http://www.dspt.net/tools/emoji/

http://www.sound-uz.jp/php/note/mobile

AdjustSkin2MobileLiteはdocomoの絵文字を基本として設計されています。

絵文字を各キャリア用（PC含む）へコンバートして出力します。

• docomo⇒docomo準拠のためそのまま出力
• au⇒localsrcを利用して端末内の絵文字へ変換
• SoftBank⇒プラグイン内の対応表により変換
• Willcom⇒Willcom準拠のコンバート
• iPhone⇒gif画像へコンバート
• Android⇒gif画像へコンバート
• PC⇒gif画像へコンバート

CMSとして使われることを前提に設計されており、携帯からのコメント入力などは対応していません。

アイテム追加、コメント投稿などはPCから行われることを前提に作られています。

（いつか対応予定です。。。）

携帯専用の絵文字を入力したいときはdocomoが提供しているi絵文字を使うとよいでしょう。

http://www.nttdocomo.co.jp/service/imode/make/content/pictograph/tool/

• スキン/テンプレート変数 <%AdjustSkin2Mobile(name)%>「name」で指定したUserAgentの情報を表示します。
  • isMobile⇒携帯端末ならtrue、携帯端末以外ならfalseを返す
  • isiPhone⇒iPhoneならtrue、iPhone以外ならfalseを返す
  • isAndroid⇒Android端末ならtrue、Android端末以外ならfalseを返す
  • CarrierName⇒キャリア名
  • Mobileは240を、それ以外は480を返します

<%AdjustSkin2Mobile(CarrierName)%>は以下の値を返します

• docomo
• softbank
• ezweb
• willcom
• iphone
• android
• pc

• Mobile ⇒ 240を返す
• Mobile以外 ⇒ 480を返す

toplogo_240.jpg、toplogo_480.jpgと命名した画像を用意し

<img src="./images/toplogo_<%AdjustSkin2Mobile(RoundWidth)%>.jpg">

のように記述するとよいでしょう。

テンプレート変数CarrierNameはdoifに対応しています。

スキンに以下のように記述することができます。

<%if(AdjustSkin2Mobile,CarrierName,docomo)%>

yes

<%else%>

no

<%endif%>

ケータイ用のソースはXHTMLで記述しましょう。

http://www.nttdocomo.co.jp/service/imode/make/content/browser/xhtml/about/index.html

<div style="color:#ff0000;background-color:#000000;">HOGEHOGE</div>

のように記述することで3G以上の機種で各キャリア共通表示が可能となります。 （全ての機種では検証してはいません、ご了承下さい）

*willcomはbackground-colorなどが指定できないようで、寂しいデザインになってしまいます。残念ですが仕方ありません。

• 管理画面からプラグインをアンインストール

• version 0.2 [2011-07-1]　命名ルール変更対応
• version 0.1 [2011-03-10]
  • リリース

• NP_AdjustSkin2Mobile.php
• NP_MobileWithSinglePage.php
• NP_Mobile.php