wordpressでスマートフォンだけに表示・非表示を行う

 wordpressのwp_is_mobileはモバイルとPCで表示を切り替えることができる便利なタグだが、タブレットでもスマートフォンでも適応されてしまうのが難点だ。

 スマートフォンだけに表示を適応したい場合もあるとおもう

 で調べてみたら、やっぱりタブレットとスマートフォンの表示を切り替えることができることが判明。

スマートフォンだけに表示・非表示を行う場合

1、function.phpに以下の記述を記載。

//スマホ表示分岐
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']);
}

2、スマートフォンだけに表示したい部分には以下の記述を追加する。

<?php if (is_mobile()) :?>
  スマートフォンでのみ表示させたいコード
<?php endif; ?>

 PC・タグレットなどで表示したい部分は以下の記述を記載する

<?php if (!is_mobile()) :?>
  PCでのみ表示させたいコード
<?php endif; ?>

 function.phpの編集をするときには、サーバーのfunction.phpファイルから編集したほうが無難。

 ちなみに、wordpressのテーマによってはすでにfunction.phpの記載がある場合もある。

おすすめ記事

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

お金を掛けたくない人はGoogleBloggerをサーバーにすると良いかも
似た文章やHTML、スタイルシートなどの違いを比較するソフト
人気のフィード(RSS)リーダーfeedlyを設置してみた
WordPressテーマPrincipleで更新日を表示する
FC2ブログ記事直下に広告とランキングを自動的に挿入する
GoogleAdSenseの「関連コンテンツ ユニットβ版」
function.phpを含めたwordpressテーマの子テーマ化
レンタルサーバーミニバードの契約切れの対処
WordPress月別アーカイブを横表示にしてフッターに配置してみた
WordPressツリー化プラグイン「小粋空間」のプラグインを使う方法
独自ドメインをレンタルサーバーに登録する・ムームードメイン&レンタルサーバーミニバード
テキストモードにクイックタグを追加-WordPress投稿の編集のカスタマイズ
GoogleAdsenseのはじめ方・まずは登録用のサイトを作ることから始めよう
プラグインのCSS(スタイルシート)を縮小してブログの表示速度を早くしよう
Googleカスタム検索で自分のサイトへ戻るためのリンク設定をする

Menu

HOME

 TOP