WordPressの投稿記事内で、スマホとPCを分岐する方法【PHP】

WordPressを使ってて、PCとスマホの表示を分けたい！と思ったことはありませんか？

けっこうカンタンにできちゃうんです！今日はその方法を紹介します。

※必ずバックアップを取ってください。手順を間違えると最悪WordPressが起動しなくなる可能性もあります。最後まで読んでも理解できない場合は、やめたほうが良いと思います。

と、脅しましたが、手順としてはそんなに難しくないです。

やることが理解できれば、1分ほどでできると思います。

手順1: is_mobile関数を組み込む

WordaPressの左側のサイドバーから、外観→テーマ編集と進んでください。

その中に多分、『テーマのための関数(functions.php)』というのがあるので、それをクリック。

コードがバーっと表示されていると思います。

(ここらへんでウワーッ、って思う人はやめたほうが良いかもしれませんｗ)

ここにis_mobile関数を組み込みますが、元々追加されている場合もあるので、

その場合はこの手順1はスキップして頂いて構いません。

is_mobile関数

function is_mobile(){
    $useragents = array(
        'iPhone', // iPhone
        'iPod', // iPod touch
        'Android.*Mobile', // 1.5+ Android *** Only mobile
        'Windows.*Phone', // *** Windows Phone
        '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']);
}

こちらを先ほどのfunctions.phpにコピーします。

(※ここで挿入する位置を間違えると、画面が真っ白になりますよ～)

ポイント

もう一度、is_mobile関数が入っていないか確認(2個入れちゃダメ)

<?php ほげほげ ?> ←このように"ほげほげ"の位置に入れなきゃいけない

例えば、だいたいのコードは

<?php
function　ほにゃらら～～～

から始まっていると思いますので

<?php
ほげほげ←ここ！
function　ほにゃらら～～～

に上のソースコードをコピペしてあげたら良いです。

これを追記したら、一度ブログが死んでいないか確認しましょう。

もし、死んだ場合は下の方に応急処置を書いておきますので参考にしてください。

手順2: ショートコードを追加する

ショートコードとは同じことをしたいときに、"WordPress内で共通の命令を支持するタグ"とでも覚えておいてください。(今回は"frompc"というショートコードと"fromsp"というショートコードを追加します)

これを使えるように、更に先ほどのコードに追加します。

function pccontents( $atts, $content = null ) {
    if(is_mobile()) {
        return '';
    } else {
        return '' . $content . '';
    }
}
function spcontents( $atts, $content = null ) {
    if(is_mobile()) {
        return '' . $content . '';
    } else {
        return '';
    }
}
add_shortcode('frompc', 'pccontents');
add_shortcode('fromsp', 'spcontents');

これを同じくfunctions.phpに挿入します。

<?php
ほげほげ←さっきの！
ふがふが←ここ！
function　ほにゃらら～～～

に加えてあげたら良いと思います。

(もちろん、知識がある方は好きなところに加えてください)

ここで、もう一度ブログが死んでいないか確認しましょう。