WPTouch: WordPress をモバイルフレンドリーにする

モバイル訪問者に対処する方法はいくつかあります。 1 つの方法は、デスクトップデザインと同じ HTML を使用し、CSS を使用してページの表示方法を変更するレスポンシブデザインを使用することです。この方法は、ページごとに URL が 1 つだけ存在することが保証されるため、Google などの検索エンジンで好まれています。

別の方法は、訪問者用のモバイルアプリを作成することです。これにより、訪問者に対するコンテンツの表示方法をカスタマイズできますが、訪問者はデスクトップ上の URL と同じ URL を使用してコンテンツを閲覧していないことになります。

今日はWordPressのプラグインWPtouchについてお話したいと思います。このプラグインは、モバイル訪問者がページを閲覧していることを検出し、スタイリッシュで使いやすいモバイルテーマを表示します。

WPtouch について多くの人が驚くのは、専用のモバイルアプリケーションに期待されるのと同じ種類のインターフェイスを提供していることです。ただし、プラグインはモバイル訪問者にカスタムテーマを表示しているだけです。したがって、専用のモバイルアプリケーションに関連した改善されたユーザーエクスペリエンスと、通常のレスポンシブデザインに関連した SEO の利点が提供されます。

このプラグインにより、訪問者は WPtouch を無効にして、スマートフォンで Web サイトのデスクトップデザインを表示するオプションも提供されます。多くのスマートフォンの画面が直径 5 インチ以上であるため、訪問者は通常のデザインを表示することを好む可能性があるため、これは便利な機能です。

WPtouch は箱から出してすぐにうまく機能しますが、プラグインを使用すると、モバイルのデザインを大幅に制御できます。プラグインで何ができるのかを詳しく見てみましょう。

コア設定

モバイルデザインのタイトルはデフォルトで Web サイトのタイトルになりますが、変更するオプションもあります。管理者用のプレビューモードや、Google Analytics やその他のカスタムコードを追加するためのボックスもあります。

このプラグインを使用すると、モバイルデザインの使用時にスタイルショートコードを無効にすることができます。これは、モバイルテーマの小さいサイズでは見栄えが良くないショートコードを使用している場合に便利です。

特定の URL に対して WPtouch を無効にし、WPtouch を使用するデバイスを定義することもできます。 iOS デバイス、Android、Blackberry、webOS など、ユーザーエージェントの大部分はすでに定義されています。

テーマと拡張機能

WPtouch は無料でダウンロードできますが、プレミアムバージョンは 49 ドルから入手できます。無料版にはバウハウスと呼ばれるデザインがパッケージされています。 WPtouch Pro には 4 つの追加デザインが含まれています。

WPtouch Pro は、プラグインの機能を強化する 3 つの拡張機能も提供します。これには、キャッシュモジュール、モバイルユーザー向けに画像のサイズを削減するモジュール、モバイルユーザーに特定のコンテンツを表示できるモジュールが含まれます。

テーマ設定

表示されるブログ投稿の数など、メイン Web サイトで使用される設定は、モバイルデザインでも変更できます。カテゴリ、著者の詳細、コメントを表示するかどうかも選択できます。

テーマスライダーには、最新のブログ投稿、特定のタグが付いた投稿、または特定のカテゴリ (ニュースなど) の投稿を表示できます。投稿とページ ID を使用して、表示する正確な投稿とページを選択することもできます。

テーマのフォントと色は、ブランド設定セクションから簡単に変更できます。 Web サイトのロゴをアップロードしたり、ソーシャルメディアリンクを表示したり、独自のカスタム HTML フッターを作成したりすることもできます。

WPtouch を使用すると、Android および iOS ユーザーが Web サイトをブックマークするときに表示されるアイコンを変更することもできます。

メニュー

このプラグインは WordPress メニューシステムを利用します。したがって、トップメニューのカスタマイズは簡単です。新しいメニューを作成し、設定エリアで割り当てるだけです。

各メニュー項目にアイコンを関連付けることができます。必要な操作は、必要なアイコンを対応するメニュー項目にドラッグアンドドロップするだけです。

プラグインには 12 個のアイコンセットが含まれています。すべてのセットはプラグインの無料版に含まれているため、使用されているアイコンを変更するためにアップグレードする必要はありません。独自のアイコンをアップロードするオプションもあります。

モバイルデザイン

モバイルのデザインが良くなければ、世界中のすべての設定オプションは意味がありません。ありがたいことに、そうではありません。冒頭で述べたように、デザインは通常、専用のモバイルアプリケーションを連想させるようなルックアンドフィールを備えています。プロフェッショナルなデザインは見栄えがよく、コンテンツは簡単にナビゲートできます。

訪問者は、デスクトップデザイン上で行うのと同じように、他の投稿に移動してコメントを公開できます。

概要

WPtouch は私のお気に入りの WordPress プラグインの 1 つです。これは、ウェブサイトのモバイル対応バージョンを作成する最も簡単で安価な方法です。これは、レスポンシブテーマをまだ使用していない人にとっては素晴らしい選択肢になります。

レスポンシブデザインを使用している人でも、切り替えを検討する必要があるかもしれません。開発者らは、自社のモバイルデザインは、ほとんどのレスポンシブデザインよりも 2 ～ 3 倍速く読み込まれると主張しています。私自身はこれをテストしていませんが、最小限のデザインの方が読み込みが早いのは当然です。

プラグインの無料版には必要なものがすべて含まれていますが、拡張機能を利用するには WPtouch Pro を検討することをお勧めします。特に、キャッシュプラグインは、画像をその場で再フォーマットしてさまざまなデバイスに合わせて最適化するため、読み込み時間を大幅に改善できるようです。プラグインのプレミアムバージョンでは、1 つのチケット発行サポートシステムへのアクセスも許可されます。

まずは WPtouch の無料版 を試してみることをお勧めします。機能が気に入った場合は、アップグレードする価値があるかどうかを検討できます。

このレビューをお楽しみいただければ幸いです。もしそうなら、WPExplorer を購読して最新記事の更新情報を入手することをお勧めします 🙂

ケビン