WordPressでデバイスごとに使用するテーマを切り替えることができる「Multi Device Switcher」というプラグインがあります。
Multi Device Switcher(マルチデバイス)
PCとスマートフォン、タブレットなどで別のテーマを使用することが可能なのでとても便利。
何が便利かというと、独自でテーマを作成する時などにレスポンシブ対応を考えずにデザイン・コーディングをすることができるのです。
独自のテーマでなくてもPCサイトのみのテーマを使用している場合、スマートフォンでサイトにアクセスするとPCサイトが表示されます。
ユーザビリティーを考えたらサイトの表示をデバイスに合わせて表示した方が閲覧しやすいですよね!
このプラグインを使用すればスマートフォンサイトは別のレスポンシブ対応がされている(デバイスに合わせた)テーマを設定することが可能です。
また、デバイスによってテーマを切り替えられることの他にも「is_multi_device」という関数でデバイスの判定を行うことができます。
サイト制作をしている時に「is_multi_device」関数を使ってデバイスごとに条件分岐して処理することがあったので、その時の方法を記載します。
is_multi_device()の引数に判定をするデバイスを記述します。
デバイスがスマートフォンかどうか判定する場合は下記のように記述します。
1 |
is_multi_device('smart') |
他にタブレット(‘tablet’)、モバイル(‘mobile’)、ゲーム(‘game’)、Custom Switcherなどがあります。
後はif文で条件分岐すればデバイスの判定を行うことができます。
判定するデバイスが一致すれば「true」一致しなければ「false」を返します。
使用例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<?php // スマートフォンの判定 if (is_multi_device('smart')) { // スマートフォンの処理 } // タブレットの判定 elseif (is_multi_device('tablet')) { // タブレットの判定 } // モバイルの判定 elseif (is_multi_device('mobile')) { // モバイルの処理 } // 上記以外 else { // 上記以外(PCなど)の処理 } ?> |
デバイスごとに別の処理を実行したり、表示する内容を変更することができます。
今回、サブディレクトリに設置しているWordPressでサイトのフッターに表示するPC Switcher(PCとモバイルの切り替えボタン)のURLがうまく出力されなかったので、
「is_multi_device」関数を使用して別に処理を行いました。
WordPressでデバイスごとに別のテーマを使用したい場合、「Multi Device Switcher」はとても使いやすいプラグインです。
ぜひ、チェックしてみてください。
ホームページに関するお悩みは、仙台のホームページ制作アド・エータイプにお任せください!