携帯サイト背景色変更

携帯サイト背景色変更

nucleusで携帯スキンを使用して携帯から閲覧できるようにするために、Mobスキンがあり、キャリア振り分けをNp_Mobilewithsinglepageというプラグインで行うようになっている。
当然、ここもこのMobスキンとNp_Mobilewithsinglepageのプラグインをインストールしているが、背景色の変更するために、フォーラムでも、おそらくこの方法について賛否両論の書き込みがなされている。

実際、docomoのFOMAで接続はフルブラウザでの閲覧が出来るし、その他に、これまでもMobスキンやNp_Mobilewithsinglepageのプラグインで振り分けなくてもPC用の標準スキンでの閲覧も出来るのだが、googleのmobile adsenseを貼り付けるとPC用の標準スキンでは表示されていなかった。

ここでNp_Mobilewithsinglepageのページを参考に見直してみた。

まず、画像の表示は

 

  • Convert IMG into : ’noconvert’

 

カタカナの全角、半角

 

  • Convert Zenkaku-Katakana into Hankaku : ‘はい’ ‘いいえ

 

属性についての記述を削除するかどうかの設定
(はい,いいえ どちらでもOK!)

 

  • Remove attributes : ’はい‘ ‘いいえ’

 

ここをいいえにチェックをいれると、<body bgcolor=”#******”>で背景色の変更が可能。

 

  • Remove quotation mark of attributes : ‘はい’ ‘いいえ

 

属性の値の引用符を削除するかどうかの設定
(はい,いいえ どちらでもOK)

 

次にMobスキンの記述を再確認

<?xml version=”1.0″ encoding=”Shift_JIS”?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”ja” xml:lang=”ja”>
<head>

 

背景色変更。[参考]

  • <body bgcolor=”#orange”>

CSSでの変更も可能((ただし、mobile adsenseは表示されない。))
*1

またMobスキンの現在の状態は

<table border=’1′ width=’100%’ bgcolor=’#orange’ background=” bordercolor=’#orange’ cellspacing=’0′ cellpadding=’2′><TR><TD>文字</TD></TR></TABLE>

と、TABLEタグで囲っている部分とその他は白色。

  • mobile adsenseの設定で背景色を選んでセットして実機で閲覧すると変更できていた。

 

 

ちなみに、これまではi-modeは当サイトでシミュレータを、またAuは当サイトでOPENWEB(シミュレータ)、Softbankは当サイトでコンテンツビューワをDLLしチェックしてきたのだがSoftbankのiphoneでの閲覧が出来なかったがググってみるとFireFoxの携帯閲覧用シミュレータプラグイン 112 linksにてiphoneの閲覧が出来るというのがわかったのでこれで確認した。

 

*2

  • 注2このiphoneではやはりフルブラウザでの閲覧となるためadsenseはPC用のものが表示されるので、iphoneで閲覧し、そしてクリックしても不可なのだが、実は、クリックはしていないが、PC用スキンにmobile adsenseをincludeさせるとPCでは表示されないが、このシミュレータのiphoneにセットしてみると表示される。