ワードプレスで使えるプラグイン その1 端末によってテーマを切り替える

今回からブログを作るための無料のオープンソースウェアであるワードプレス(WORD PRESS)も取り上げていきます。
インストール方法については、ネットで調べるとたくさんあると思うので割愛します。
もしインストールが難しい場合は、サーバー側でインストールしてくれるサービスがおすすめです。
例えば、ロリポップサーバーでは、一発でインストールできるサービスがあり、しかも格安です。

ワードプレスの良いところはオープンソースということで、有志のユーザーが様々なテンプレートやプラグインを開発し公開していることです。その多くは無料です。

基本的な機能は同じでいて、自由にカスタマイズすることで全く違った機能と見掛けになる、という高機能性が人気の秘密です。デザインを変えればCMS(コンテンツ・マネージメント・システム)機能を持った見掛けは普通のウェブサイトとしても使えます。

さて、カスタマイズなのですが、なんでもできるかというとそうではありません。
自由な面も多々ありますが、色々と制約もあります。

例えば、テンプレートには管理画面も含まれているのですが、カスタマイズ性はテンプレートによって異なります。Aというテンプレートはスマホにも対応して細かいところまで変更できるのに、Bというテンプレートはあまり細かいところまで変更ができない、なんてことに気付いたりします。

テンプレートもプラグインもたくさん有りすぎて、なにを使うのが最適なのかが分からない、というのがワードプレスの欠点でもあります。
特にプラグインについてはプロからアマチュアまで数多くの方が参加しているので、その動作や安全性については未知数の所が大きいのです。
なので、単独では動いていたプラグインが、あるプラグインと併用すると干渉して動かなくなる、なんてこともあります。稀にスパイ的な動きをする悪質なプラグインもあります。

最もよく遭遇する問題は、日本語対応していないことかもしれません。
開発者の多くは日本人ではないので、当然言語は英語が中心です。
有志のユーザーが翻訳していることもありますが、それほど多くはありません。

というわけで、使える便利なプラグインをシリーズで紹介していきます。

初回は、最近流行りの多端末対応のためのプラグインです。
スマホやタブレットが普及したことによって、ネットはPCだけではなく様々な端末からのアクセスが見られるようになりました。
多端末の問題点は画面の大きさです。

PCのモニタは巨大化傾向にあり、スマホの画面は相変わらず小さいままです。
「レスポンシブWebデザイン(できるだけ多くの端末に対応する)」という考えもありますが、1つのサイトで1つのデザインを全ての端末に対応することは困難です。特に画像の扱いは頭を悩ませます。
レスポンシブWebデザインは非常に高度なコーディング知識が必要になるため、素人にはお手上げです。

ワードプレスは基本的に1サイト・1テーマです。テーマの変更は簡単にできますが、アクセスユーザーによってテーマを分けることは通常ではできません。
例えば、自分が気に入っているテーマがスマホに対応していないとそこで終わってしまいます。
そこで、端末によって好きなテーマを切り替えることができたら、便利だと思いませんか?

PCからのアクセスはAテーマで、iPhoneからのアクセスはBテーマという感じでテーマを分けることができたらとても便利ですよね。

プラグイン「Any Mobile Theme Switcher」はそれを可能にします。

■インストール方法

[ プラグイン ] メニューから [ 新規追加 ] をクリックし、検索ボックスに [ Any Mobile Theme Switcher ]
と入力し [ プラグインの検索 ] ボタンをクリックします。

該当するプラグインの [ いますぐインストール ] というリンクをクリックします。
インストールが始まるので、インストールが完了したら [ 有効化 ] というリンクをクリックし有効化します。

■設定方法

[ プラグイン ] メニューから [ 設定 ] → [ Any Mobile Theme ] を選択しクリックします。

設定は簡単です。
各端末ごとにインストールされているテーマを選択し、変更を保存するだけです。

各端末ごとにインストールされているテーマを選択し、変更を保存
各端末ごとにインストールされているテーマを選択し、変更を保存

オプションとしてモバイルテーマが表示されているけれど、PC用のテーマに切り替えるためのスイッチリンク(あるいは逆)も設置できます。

リンクのテキストが英語なので、日本語にすると親切です。

Switch To Mobile Version → モバイル用に切り替え
Switch To Desktop Version → PC用に切り替え

テーマの手動切り替えのリンクテキスト
テーマの手動切り替えのリンクテキスト
ショートコード
ショートコード

テーマ切り替えのスイッチを表示したい場合は、以下のショートコードをテーマのテンプレートに埋め込みます。
通常はヘッダーかフッターに挿れます。

[show_theme_switch_link]

このコードがリンクに変換されます。

phpで動的に表示する場合は以下のようにして任意のページに埋め込みます。

<?php echo do_shortcode(‘[show_theme_switch_link]’); ?>

単純にリンクとしても機能します。

http://yourdomain.com/?am_force_theme_layout=desktop (モバイル切り替え)
http://yourdomain.com/?am_force_theme_layout=mobile (PC切り替え)

【引用元 goo イメージサムネイル】

【goo Imgae】

関連記事