[WordPress]ブラウザやスマホごとに条件分岐する方法

WordPress

2015.04.232024.08.18

過去の「WordPressでブラウザがIE かどうかを調べて条件分岐する方法」の記事で$is_IE変数の使い方を紹介させていただきましたが、WordPress ではIE以外にもChrome、Safari、iPhone、iPadなどのユーザーエージェントを調べて条件分岐することができます。

[WP]WordPressでブラウザがIEかどうかを調べて条件分岐する方法

WordPressで用意されている$is_IE変数を使うと、ブラウザのユーザーエージェントを調べることができますので、例えば、Internet ExplorerだけにCSSやJavascriptを読ませるなどの条件分岐が可能になります。 ...

各ブラウザの条件分岐
iPhone、iPadの条件分岐
1. $is_iphone
2. is_ipad()

各ブラウザの条件分岐

WordPressで用意されている以下の変数でブラウザ情報を調べて、条件分岐を行うことができます。

$is_chrome

<?php if ($is_chrome) : ?>
  // Chrome用
<?php else: ?>
  // その他
<?php endif; ?>

<?php if ($is_chrome) : ?>

// Chrome用

<?php else: ?>

// その他

<?php endif; ?>

$is_gecko

<?php if ($is_gecko) : ?>
  // Gecko用
<?php else: ?>
  // その他
<?php endif; ?>

<?php if ($is_gecko) : ?>

// Gecko用

<?php else: ?>

// その他

<?php endif; ?>

$is_IE

<?php if ($is_IE) : ?>
  // IE用
<?php else: ?>
  // その他
<?php endif; ?>

<?php if ($is_IE) : ?>

// IE用

<?php else: ?>

// その他

<?php endif; ?>

$is_winIE

<?php if ($is_winIE) : ?>
  // WinのIE用
<?php else: ?>
  // その他
<?php endif; ?>

<?php if ($is_winIE) : ?>

// WinのIE用

<?php else: ?>

// その他

<?php endif; ?>

$is_macIE

<?php if ($is_macIE) : ?>
  // MacのIE用
<?php else: ?>
  // その他
<?php endif; ?>

<?php if ($is_macIE) : ?>

// MacのIE用

<?php else: ?>

// その他

<?php endif; ?>

$is_safari

<?php if ($is_safari) : ?>
  // Safari用
<?php else: ?>
  // その他
<?php endif; ?>

<?php if ($is_safari) : ?>

// Safari用

<?php else: ?>

// その他

<?php endif; ?>

$is_opera

<?php if ($is_opera) : ?>
  // Opera用
<?php else: ?>
  // その他
<?php endif; ?>

<?php if ($is_opera) : ?>

// Opera用

<?php else: ?>

// その他

<?php endif; ?>

iPhone、iPadの条件分岐

以前に紹介させていただいた記事でis_mobileによるスマートフォンの判定について紹介させていただきましたが、iPhoneやiPad向けにより細かい条件分岐も可能です。

[WP]is_mobile 判定で、スマホとPCとで表示する情報を変える方法

最近は特に、スマートフォンやタブレットでのアクセスにも気を使いながらサイトやブログを構築することが多いので、PCサイトとiPhone、Android、iPad とで表示する情報を変えてあげることも必要になってきます。今回はWordPres...

$is_iphone

こちらはWordPress で用意されている$is_iphone変数を使います。

<?php if ($is_iphone) : ?>
  // iPhone用
<?php else: ?>
  // その他
<?php endif; ?>

<?php if ($is_iphone) : ?>

// iPhone用

<?php else: ?>

// その他

<?php endif; ?>

is_ipad()

こちらはご利用のテーマファイルのfunctions.phpに以下の記述を追加して、

function is_ipad() {
  $is_ipad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
  if ($is_ipad) {
    return true;
  } else {
    return false;
  }
}

function is_ipad() {

$is_ipad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

if ($is_ipad) {

return true;

} else {

return false;

}

条件分岐したい個所に以下のように記述します。

<?php if (is_ipad()) : ?>
  // iPad用
<?php else: ?>
  // その他
<?php endif; ?>

<?php if (is_ipad()) : ?>

// iPad用

<?php else: ?>

// その他

<?php endif; ?>