ビジネス向けウェブサイト構築運営、ウェブサービス・アプリの企画開発

ワンソース・マルチデバイスが実現する WordPress プラグイン「Multi Device Switcher」

デバイス毎にテーマを切り替える WordPress プラグイン「Multi Device Switcher」をリリースしました。

デバイスの多様化が進んでいます。スマートフォンの急激な普及や携帯端末ゲームがインターネットに繋がったり、パソコンに変わりタブレット型端末を手に取ったり、そして近い将来テレビがネットに繋がるスマートテレビが実現と大小さまざまな大きさのモニターでインターネットを使うようになってきました。

その変化に対応してウェブサイトもあらゆるデバイスで見られるように最適化を図る必要に迫られています。

WordPress プラグイン「Multi Device Switcher」は WordPress のコンテンツマネジメントシステムを活かしてワンソース・マルチデバイスが実現するプラグインです。デバイス (現在 スマートフォン、タブレット端末、携帯モバイル、ゲームの 4 つに対応) によって自動的にテーマが切り替わります。

インストール

  1. WordPress のプラグインページから zip ファイルをダウンロード
  2. zip ファイルを解凍
  3. "multi-device-switcher" をプラグインディレクトリ "/wp-content/plugins/" にアップロード
  4. WordPress メニュー「プラグイン」で「Multi Device Switcher」を有効化
  5. デバイスのテーマをディレクトリ "/wp-content/themes/" にアップロード
  6. WordPress メニュー「外観 > マルチデバイス」へ
  7. 設定
  8. 完了

または、WordPress メニュー「プラグイン > 新規追加」から「Multi Device Switcher」で検索してインストール、有効化。

設定

オプションは「テーマ」と「ユーザーエージェント」の2つです。タブで切り替えて設定できます。

テーマ

デバイス毎のテーマを選択します。テーマは前もって用意してください。

ユーザーエージェント

デバイス毎のユーザーエージェントを必要に応じて追加修正できます。新しいユーザーエージェントが出たときに追加してください。

以上でデバイス毎にテーマが切り替わります。

ちょっとした活用法

テーマオプションを「None」にするとテーマは切り替わりません。CSS3 の Media Queries (メディアクエリ) を採用してレイアウトがデバイスに最適化 (レスポンシブ・ウェブデザイン) しているテーマはテーマの切り替えが必要ありません。その場合に設定します。他のプラグインと組み合わせた柔軟な運営もできます。スマートフォンの表示にプラグイン「WPtouch」や携帯電話端末の表示にプラグイン「Ktai Style」に任せることができます。

=== Multi Device Switcher ===

This WordPress plugin allows you to set a separate theme for device (Smart Phone, Tablet PC, Mobile Phone, Game).

== Description ==

This WordPress plugin allows you to set a separate theme for device (Smart Phone, Tablet PC, Mobile Phone, Game). This plugin detects if your site is being viewed by UserAgent and switches to selected theme.

== Installation ==

  1. Unzip files.
  2. Upload "multi-device-switcher" to the "/wp-content/plugins/" directory.
  3. Activate the plugin through the 'Plugins' menu in WordPress
  4. Upload a separate theme to the "/wp-content/themes/" directory.
  5. Go to the "Multi Device Switcher" options page through the 'Appearance' menu in WordPress.
  6. Configure settings to your needs. Select Theme by Theme option. Add and fix UserAgent by UserAgent option if necessary.
  7. Have fun!

Download:

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

Licenses:

Licensed under GPL version 2.0

GitHub:

thingsym / multi-device-switcher

Donationware:

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

If you like this plugin, please donate to support development and maintenance.

Donationware

Webサービスやインターネットメディアをつくってアイデアをカタチにしています。企画設計からプログラミング (主にLAMP環境, Perl/PHP, JavaScript, HTML, CSS, JSON)、データベースやサーバ構築、デザインまでバリバリやっています。最近はフレームワークやウェブアプリも。

Twitter, はてブ, GREE, ブクログ

最近のコメント

  • 表示件数はデフォルトで、1ページに表示す (thingsym)
  • 大変役立ちました。 JSON FEEDを (bunbun)
ページの先頭へ