*

wordpressでiOSデバイスとそれ以外の振り分け

   

PHPを使えるようにプラグインを入れたので、振り分けをしていきます。

で、振り分け方をここ2~3日悩み中だったのですが、今回は「FLV Embedで表示される動画(FlashPlayerで見れるもの)」と「QuickTime Embedで表示される動画(iPhone・iPadなどmac関連で見れるもの)」を準備してるので、
・iOSデバイス
・それ以外
という振り分けをしたいと思います。

スポンサードリンク

結局悩んだ結果、またプラグイン使います。
1)管理画面>プラグインの新規追加で「mobble」を検索してインストール。有効化をします。
(※プラグインを使わずにスマホとそれ以外を振り分けするのは後に書きます)

「mobble」を有効化すると下記の条件分岐タグが使えるようになります。

is_mobile(); // モバイル全般(iPhoneやAndroidなど)
is_tablet(); // タブレット全般
is_ios(); // iOSデバイス(iPhoneとiPadとiPod)
is_handheld(); // 小型デバイス全般(phoneやtabletやNintendoDSなど)

タグなど、詳しくはこちらのサイトさんが掲載されてます。
WordPressでのデバイス振り分けプラグインの決定版「mobble」

2)投稿画面で振り分けるためのPHPを追加→「iOSデバイス」と「それ以外」で振り分け

<?php if(is_ios()) :?>
//iOSデバイス表示用
<?php else: ?>
//それ以外
<?php endif; ?>

上記を投稿画面に記述して実機で確認すると、振り分けられてると思います。

+++++++++++++++++++++++++++

ちなみに、プラグインを使用せずにスマホとPC&タブレットを振り分けする方法ですが

1)functions.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を追加→「スマホ」と「PC&タブレット」で振り分け

<?php if(is_mobile()) :?>
//スマホ表示用
<?php else: ?>
//PC&タブレット
<?php endif; ?> 

参考サイト:
WordPressのis_mobile関数を使って、スマホとパソコン+タブレットで別々のコンテンツを表示させる方法

 -Web, wordpress

Sponsored link

Sponsored link

  関連記事

WordPressでプラグインなしでURLを指定してスクリーンショットを表示する方法

WordPressでスクリーンショットを表示させることって、ちょいちょいあります。 てっきりプラグインなのかと思ってまし

Cyberduck(windows)でブックマーク登録するときニックネームは半角で

以前も引っかかったのに、すっかり忘れてました。 タイトルの通りですが、CyberduckでFTP情報をブックマークに登録

no image

li要素内のa要素にdisplay:block指定で余白ができる

li要素内のa要素にdisplay:block指定で余白ができる こちら参照 http://shigexworks.sa

no image

家計簿アプリその後

しばし前に「アクティブマネーProを使い始めた〜」と書いてましたが、その後についての感想。

アナリティクスのフィルタで特定の国のアクセスを除外

1ヶ月ぶりの投稿になりますかね? 先日から、とあるキーワードでのアクセスが増えていたのですが、明らかに自分のブログの内容

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

共働きの30代女性。
福岡でWebに携わってます。
主に自分用の細かいメモを書いてます。
細かい内容が多いですが、他の方にも役立つなら幸いです。

ブログの記事を紹介していただきました

このブログ更新するの、約1年ぶりか(汗) すごいお久しぶりです。 このブログを始めてもう地味に10年くらい経つのですが(

確定拠出年金、退職したときに行う手続き(継続するor掛金停止する)

私、昨年から確定拠出年金をしております。 会社には確定拠出年金の制度がなかったので、「個人型年金」の加入者として掛金の拠

実は先月で退職しました

だいぶブログさぼっておりましたが、実は先月末で会社を退職しました。 別にこの歳になって、自主退職したわけじゃないのです。

  • ブログランキング・にほんブログ村へ