モバイルとPCで表示を変えることができる条件分岐の関数

公開日: : 最終更新日:2014/09/04 wordpressの関数(テンプレートタグ) , , ,

 wordpressでは標準でモバイルとPCで表示を変えることができる条件分岐の関数がある。

 この条件分岐の関数(タグ)を使うとモバイルとPCで表示する内容を変えることができる。

スポンサーリンク

利用するwordpressの関数

PCで表示する関数

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

モバイルのみで表示する関数

<?php if (wp_is_mobile()) :?>
  モバイルでのみ表示させたいコード
<?php endif; ?>

 wp_is_mobileは便利な関数だがスマートフォンでもタブレットでも適応されてしまうのが難点。

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

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

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']);
}

*STINGER3の場合はすでにfunction.phpに書き込まれているようでさらに書き込むとエラーになる。

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

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

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

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

  • にほんブログ村 ブログブログ ブログノウハウへ
    にほんブログ村
  • FC2ブログランキング
  • このエントリーをはてなブックマークに追加

関連記事

タグ関数wordpress

ユーザータグ(タグ)を追加する関数(テンプレートタグ)

 カテゴリーで分類しきれない部分を保管するユーザータグ(タグ)はどうやったらwordpressサ

記事を読む

タグ関数wordpress

更新日時や公開日時を表示するwordpressの関数

 wordpressには公開日や更新日を表示する関数が用意されている。  ページに更新日や公開

記事を読む

タグ関数wordpress

WordPressでキャッチフレーズを表示する

 WordPressのテーマの中には、キャッチフレーズが表示されないテンプレートがあるみたいだ。

記事を読む

wordpressカスタマイズ

phpはどうやって読み込む?

 wordpressのphpを呼び出すのってどうするのだろう?  wordpressのphpフ

記事を読む

wordpress条件分岐

ページごとに表示する・しない(wordpressの条件分岐)

 wordpressの条件分岐を覚えておくと便利だ。  条件分岐というのは「○○のなら××を表

記事を読む

Message

メールアドレスが公開されることはありません。


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


follow us in feedly

応援してね⇒にほんブログ村 ブログブログ ブログノウハウへにほんブログ村

ワードプレスのテキストとビジュアルのタブの切り替えができない

 しばらくぶりにブログを更新しようと思ってみたら、ワードプレスの更新や

プラグインを使わずにソースコードを表示させる方法

 ソースコードを表示させるのに便利なのはプラグインの利用。  で

ソースコードの解説にCrayon Syntax Highlighter

 Webサイト上でHTML/CSSやプログラミングのコードを解説す

ウィジェットが豊富で使いやすいWordPressテーマSimplicity

 SimplicityというWordpressテーマを使ってみた。

お客様のホームページがアップロードされていない状態です

 Wordpressの手動インストールで無事インストールできたのに

WordPressテーマGush2のTOPページアーカイブページに要約を表示する

 Wordpressの無料テンプレート(テーマ)Gush2はすっき

FC2ブログとWordPressのURLの構造法則と変数

 記事数の多いFC2ブログを変数を使ってWordpressに引越し

記事数の多いFC2ブログの引越しは変数で作業時間短縮

 FC2ブログからWordpressへの引越し第二段。  FC2

プラグインの内容をメモできるWordPressプラグイン

 Wordpressのプラグインは便利だが、説明文が英語のせいで中

WordPressのカテゴリーの管理画面にIDを表示できるようにするカスタマイズ

 Wordpressのカテゴリーの管理画面に記事のIDを表示できる

海外スパムをシャットアウト「Throws SPAM Away」日本産プラグイン

 Wordpressでブログを運営していると英語のスパムコメントが

→wordpress初心者・STINGER3カスタマイズ中の記事をもっと見る

Googleでブログを作ろう 
 Googleの無料ブログサービスBloggerで作っているブログ。
 Bloggerの設定やカスタマイズ方法などを載せている。

使える無料ソフト&無料サービス
 高いパソコンに入ってるようなソフトは必要ない!をコンセプトに無料ソフトや無料のWEBサービスをご紹介。

  • コメントテスト

  • PAGE TOP ↑