Web Materia BLOG

ウェブマテリアブログ

May

09

2014

0

COMMENTS

WordPressでPCサイトとスマホサイトに簡単振り分け

Category:Wordpress

WordPressでPCサイトとスマホサイトに簡単振り分け
Wordpressでサイトを作る際にユーザーをスマホサイトとPCサイトにデバイスによって自動で振り分けられたら便利ですよね?   尚かつ一つのテンプレートでスマホとPCのサイトをWordpressの管理画面で管理できたら尚更良いという事で以下の方法をご紹介致します。   まずfunction.phpに
function is_mobile(){
 $useragents = array(
 'iPhone', // iPhone
 'iPod', // iPod touch
 'Android', // 1.5+ Android
 'dream', // Pre 1.5 Android
 'CUPCAKE', // 1.5+ Android
 'blackberry9500', // Storm
 'blackberry9530', // Storm
 'blackberry9520', // Storm v2
 'blackberry9550', // Storm v2
 'blackberry9800', // Torch
 'webOS', // Palm Pre Experimental
 'incognito', // Other iPhone browser
 'webmate' // Other iPhone browser
 );
 $pattern = '/'.implode('|', $useragents).'/i';
 return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}
と記載します。 その後に振り分けたいテンプレートで
<?php if(!is_mobile()) { ?>
PCのhtmlを記載
<?php } else { ?>
スマホのhtmlを記載
<?php } ?>
と記載します。 これを全テンプレートでやる事でPCサイトとスマホサイトを同じテンプレート上で管理できるので更新などが大変楽になります。   ただheader.phpなどは適宜スマホ用を用意するなどした方がいいですよ。

Comments

comments



Archive

Category


PageTOPへ