マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

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

執筆者:


comment

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

関連記事

【WordPress】カスタム投稿でタクソノミーのタームごとに月別アーカイブをなんとか表示させる方法。

【WordPress】カスタム投稿でタクソノミーのタームごとに月別アーカイブをなんとか表示させる方法。

WordPressでWEB制作時にカスタム投稿を用いている場合、 タクソノミーのタームごとに月別アーカイブを表示させたい場合がございます。 本日はその方法のご紹介です。 以下のような形式で月別アーカイ …

Movable Type6を操作してみました

Movable Type6を操作してみました

先日リリースされました、movable type6を操作していました。 – ダッシュボード グーグルアナリティクスをアカウント設定しますと、 サイト情報欄に、アクセスの情報が表示されます。 …

WordPressのテーマカスタマイズ時に私が必ず入れるプラグイン【Show Current Template】

WordPressのテーマカスタマイズ時に私が必ず入れるプラグイン【Show Current Template】

WordPressのテーマをカスタマイズする際に とても便利なプラグイン、Show Current Templateのご紹介。 「わーどぷれすっ!から引用」 Show Current Template …

ワードプレスの外部リンクを自動的に別窓に設定してくれるプラグイン

WordPressサイトの外部リンクを自動的に別ウィンドウで開くように設定できるプラグインを御紹介いたします。 単に別ウィンドウとして開くだけではございません。 リンクジュースを溢さないように設定する …

Alt 【WordPress】カスタムフィールドで何でも出来る!カスタムフィールドの便利な使い方 その1

【WordPress】カスタムフィールドで何でも出来る!カスタムフィールドの便利な使い方 その1

WordPressでサイトを作る場合カスタムフィールドがとても便利ですよね! そして投稿ページで入力したカスタムフィールドの値を他のトップページや固定ページでも使いたい。なんて事があるかと思います。 …