携帯サイトへの対応など

Webネタ・サイト更新

 さて、Nucleusを使ってちょっと本格的にモバイルサイトへの対応を考える。
 Nucleusのプラグインには、NP_Moblieというプラグインがある。これ、アクセスしてきたUAを判別し、携帯電話ならば

  • 文字コードをSJIS
  • スキンを携帯電話ように
  • 本文中のタグを一部残して除去
  • 本文の文字数を制限
  • 携帯電話用のURLにリダイレクト

 なんてことをやっている。リダイレクトをしないようにするなら、NP_MobileWithSinglePageを使う。こちらも似ているが、リダイレクトせずにスキンだけを入れ替えるのが異なる。
 基本NP_MoblieWithSinglePageを使って表示。だけれど、最初にHeaderで宣言を追加しておく必要があるようだ。
 そういうわけで、

function event_PreSkinParse

に、

    // header送信
header('Content-Type: application/xhtml+xml; charset=Shift_JIS');
header("Pragma: no-cache");
echo '<?xml version="1.0" encoding="Shift_JIS"?>';
echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';

 のように、Docutypeの宣言を追加。また、携帯電話の場合に表示の変更が必要なプラグインには、

function MobileUA() {
global $CONF;
$ua = serverVar('HTTP_USER_AGENT');
$isMobile = (
preg_match('/DoCoMo|J\-PHONE|UP\.Browser|KDDI\-|Vodafone|SoftBank/i', $ua) &&
!$CONF['UsingAdminArea']
);
return $isMobile;
}

 という、携帯を判別するためのファンクションを追加。
 これで一通りの携帯対応が終了。なんとか色つきで見られるサイトができた。

サクラキャンドル

 都内在住。理系高校理系大学を経て、電機関係の会社でリーマンやってます。
 仕事内容とサイトの内容はほとんど関係がなく、趣味の延長線上でいろいろと紹介します。

サクラキャンドルをフォローする
スポンサーリンク
農場主の日常

コメント

タイトルとURLをコピーしました