WordPress

スマートフォンサイトのオリジナルテーマ作成時に利用したいプラグインMulti Device Switcher<WordPress>

投稿日:2015年1月13日 更新日:

スマートフォンサイト用のオリジナルテーマを作成する
WordPressプラグインとしては、『WPtouch Mobile Plugin』が有名ですが、
最新バージョンでは、オリジナルテーマを作成する場合に有料となってしまいました。。
よいプラグインはないかとお探しのWEB制作の方もいらっしゃるかと思います。

今回は、乗り換え先として『Multi Device Switcher』プラグインと設置手順を簡単にご紹介いたします。
スマートフォン用のHTMLをゼロから組まれる方に特におすすめです。

*******************************************************************************************
1) Multi Device Switcher プラグインを公式サイトよりダウンロードし、有効化します。

2) スマートフォンサイト用のテーマを作成します。

wptouchプラグインでは、プラグイン内にスマートフォン用のテーマを設置していましたが、
このプラグインでは、PC用のテーマと同じように /wp-content/themes/ 以下に設置します。

3) スマートフォンサイト用のテーマを反映します。

管理画面の  プラグイン > マルチデバイス  > 設定 と進み、
「テーマ」タブの「スマートフォン用テーマ」からスマートフォン用のテーマを選択します。

「変更を保存」ボタンをクリックします。
multi device

これで、スマートフォンからサイトを閲覧した場合、スマートフォン用テーマが反映されるようになります。
このプラグインがiPhoneやアンドロイドからのアクセスかどうか判定し振り分けてくれます。
WPTouchと比較しても、カスタマイズしやすく設定手順も簡単ですね!

4) PC / スマートフォンサイトの切替ボタンの表示/非表示

また、スマートフォンでサイト閲覧時に画面下に表示される PC/スマートフォン切替ボタンですが、
「PC Switcher」タブの「PC Switcherを追加」のチェックを外すと非表示にできます。

multi device2

*******************************************************************************************

-WordPress

関連記事

csvでインポートする場合、セルのテキストを簡単にダブルクォーテーションで囲む方法。

csvでインポートする場合、セルのテキストを簡単にダブルクォーテーションで囲む方法。

WEB制作において、WordPressのプラグインを利用し、記事をCSVインポートする場合、 以下2点のルールがあるかと思います。 1.  フィールドの区切りを”,” をとする。 2. セル内のテキス …

ワードプレスにソーシャルブックマークを簡単に設置するプラグイン

ワードプレスにソーシャルブックマークを簡単に設置するプラグイン

ソーシャルブックマークというのはコレです。 この記事の下にもある Twitter や Facebook の共有ボタンをブログ内に設置して、 良質な記事の場合には「ツイート」や「いいね!」を簡単にクリッ …

WordPress4.3バージョンアップで使えなくなるプラグイン

WordPress4.3バージョンアップで使えなくなるプラグイン

最近急に涼しくなりましたね。夕方になると長袖が必要に感じる肌さむさですが、 が、新陳代謝が良好なため汗が止まらないSです。(私には冷房が必要ですアピール) というわけで、WordPressが4.3にバ …

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレス導入時に入れておくと便利なプラグイン(セキュリティ編)

ワードプレスはオープンソースのため、そのソースコードが公開されております。 誰でも無償で、誰でも改変して商用利用も可能であるというメリットもございますが、 デメリットとして悪意のある者から不正侵入を許 …

WordPress固定ページで「ビジュアル」「テキスト」切替できなくする方法<WordPress>

WordPress固定ページで「ビジュアル」「テキスト」切替できなくする方法<WordPress>

今回は、WordPressの固定ページ ウィジウィグ切替でHTML崩れる問題について、 簡単な解決方法をご紹介いたします。 目次1 「ウィジウィグ切替でHTML崩れる問題」とは2 「ウィジウィグ切替で …