シングスブログ

中小企業のマーケティングやブランディングのコンサルティング。事業運営、組織運営のPDCA改善やホームページの制作、ウェブサイト改善などITネット活用を中心にサービスを提供しています。

メニュー

WordPressプラグイン「Multi Device Switcher」をアップデートしました。

今回の WordPressプラグイン「Multi Device Switcher」アップデートは、is_disable_switcher(), is_pc_switcher() の2つの関数を追加しました。

これまでのアップデートでデバイスの判定に is_multi_device関数を使ってコンテンツを出し分けたり、JavaScript でのデバイス判定を使った WordPressテーマのカスタマイズが可能です。

今回も is_disable_switcher(), is_pc_switcher() の2つの関数の追加でさらに詳細な状態のデバイス判定ができるようになりました。テーマを編集してコンテンツを出し分けたり、function.php で WordPressのオプション設定を切り替えたりできます。

is_multi_device(), is_disable_switcher(), is_pc_switcher() の3つ関数でテーマのカスタマイズができる環境を整えてみました。

サンプルコード

たとえばスマートフォンでアーカイブの投稿表示件数を 10 件にする場合、スマートフォンで表示するテーマの function.php にこんな感じで書いて。ってことができます。

if ( function_exists( 'is_multi_device' ) && function_exists( 'is_pc_switcher' ) ) :
function custom_posts_per_page_count( $query ) {
if ( is_multi_device('smart') && ! is_pc_switcher() ) {
if ( $query->is_main_query() ) {
set_query_var( 'posts_per_page', 10 );
}
}
}
add_action( 'pre_get_posts', 'custom_posts_per_page_count' );
endif;

以上、テーマのカスタマイズで是非活用してみてください。


is_pc_switcher() function

is_pc_switcher() function is a boolean function, meaning it returns either TRUE or FALSE. Return the the state of PC Switcher by the Multi_Device_Switcher class. Return true if the theme has switched by the PC Switcher.

Usage

<?php is_pc_switcher(); ?>

Example

<?php
if ( function_exists( 'is_pc_switcher' ) ) {
if ( is_pc_switcher() ) {
/* Theme switched by the PC Switcher. Display and echo specific stuff here */
} else {
/* Display and echo specific stuff here */
}
}
?>

Parameters

None

Return Values

(boolean) Return the state of PC Switcher.

is_disable_switcher() function

is_disable_switcher() function is a boolean function, meaning it returns either TRUE or FALSE. Return the state of disabled by the Multi_Device_Switcher class.

Usage

<?php is_disable_switcher(); ?>

Example

<?php
if ( function_exists( 'is_disable_switcher' ) ) {
if ( is_disable_switcher() ) {
/* Disabled. Display and echo specific stuff here */
} else {
/* Display and echo specific stuff here */
}
}
?>

Parameters

None

Return Values

(boolean) Return the state of disabled.


Download:

WordPress のプラグインページからどうぞ。

Installation:

WordPress プラグイン「Multi Device Switcher」のインストール詳細はこちらからどうぞ。

Code Repository:

thingsym / multi-device-switcher (GitHub)

Licenses:

Licensed under GPL version 2.0

Donationware:

よろしければ、開発とメンテナンスのために寄付していただければうれしいです。

Donationware

シェア

WordPressプラグイン「Multi Device Switcher」をアップデートしました。への 9 件のコメント

  1. kome

    はじめまして、いつも大変便利に使わせていただいております。
    今回のアップデートでSSLページの切り替えができないようになってしまいました。
    https://●●●/inquiry だとすると https://inquiry?pc-switcher=1 にリダイレクトされる
    (ドメインが抜けてしまう)
    Wordpress4.1.1 を使用、非SSLページは問題なく動作しています。
    恐れ入りますが一度ご確認いただけますでしょうか。
    よろしくお願いいたします。

  2. ゆき

    素晴らしいプラグインありがとうございます。
    そしてすみません。質問があるのですが…。
    現在wordpressサイトにこちらのプラグインをいれせていただいており、他に
    zen cache
    mo cache
    db cache reloaded
    などのキャッシュプラグインも入れさせていただいております。
    そうしますと、スマホではスマホ、PCではPCサイトが見ることはできるのですが、
    ときどき、スマホでPC、PCでスマホ表示がされることがあります。
    このとき、たとえばPCでスマホサイトが表示されているときは、
    最下部の「PC表示」を押しても、まったく変わりません。
    ただこのとき、キャッシュプラグインを解除すると、元に戻ります。
    キャッシュプラグインとバッティングしている…?
    別のクライアントなどでPC表示されたものをそのまま表示している…?
    原因が分からないのですが、もし可能であれば、こちらの対処方法などはお分かりになりますでしょうか…?
    もしよろしければ、お教え頂ければ幸いです。
    ここまで読んでくださって、本当にありがとうございました。

  3. thingsym

    キャッシュ系のプラグインをWordPressに導入すると、先に見ていたページを保存して、次に見た人が同じページをスマホで見ても保存していたページを送り返してしまいます。それがPCで見ていたページだとスマホでもPCページが表示されてしまう現象です。
    キャッシュ系のプラグインが先に動作して、WordPressをほとんど動かさずに済ませることを考えると。
    Multi Device Switcher は動的にテーマを切り替えているので、キャッシュ系のプラグインとは相性が悪いです。
    対処としては、2つほど、キャッシュ系のプラグインを止めるか。キャッシュを活かすのであれば、テーマ側でレスポンシブウェブデザインに対応するか。があります。

  4. thingsym

    ご報告ありがとうございます。
    本日バグ修正をしたWordPressプラグイン「Multi Device Switcher」をアップデートしました。
    今後ともよろしくお願いいたします。

  5. kome

    先ほどupdateして、問題なく動作することを確認いたしました。
    ご対応いただき、誠にありがとうございました。

  6. 野澤

    はじめまして。WP初心者になります。スマホ対応にできるプラグインを検索していましたらこちらを見つけ早速インストールさせていただきました。
    ただ、早速設定をしようとしたところ選択項目が表示されません。
    全ての選択項目が「なし」しかないのですが、何か最初に設定をすることがありますか?
    初歩的な質問で申し訳ありません。
    ご連絡お待ちしております。

  7. thingsym

    切り替えにスマホ用のテーマはインストールしていますか?
    有効済みのテーマ以外のテーマがあれば表示されると思います。
    一度確認してみてください。

  8. 岡田

    いつもお世話になっています。
    初めて質問させていただきます。
    Multi Device Switcherを使用して3年経過しました。
    昨日、新しい2つのプラグイン「BackWPup」と「W3 Total Cache」を入れたところ、スマホサイトがおかしくなってしまいました。
    スマホサイトに対応しているページとPCサイトのままになっているサイトとバラバラに分かれます。(ちょうど半分ずつくらいの割合)
    固定ページの同じpage.phpファイルで設定しているページがバラバラに分かれますので、原因がまったくわかりません。
    追加した二つのプラグインを停止しても変化はありません。
    また、Multi Device Switcherを停止、削除後にサイトを見ても、同じようにスマホ用とPC用がバラバラに表示されます。
    現在のバージョンは 1.5.1です。本日アップグレードしましたので、昨日までは違うバージョンでした。どちらのバージョンでも同じバグが発生しました。
    なにかアドバイスをお願いいたします。
    何かアドバイスをお願いいたします。

  9. thingsym

    キャッシュ系のプラグインをWordPressに導入すると、先に見ていたページを保存して、次に見た人が同じページをスマホで見ても保存していたページを送り返してしまいます。それがPCで見ていたページだとスマホでもPCページが表示されてしまう現象です。
    Multi Device Switcher は動的にテーマを切り替えているので、キャッシュ系のプラグインとは相性が悪いです。
    停止後にキャッシュを削除すると、直ると思います。

コメントを残す

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

購読