レスポンシブテーマが標準の時代に、なぜWordPressサイトをモバイルフレンドリーにするためにプラグインが必要なのか、不思議に思うのは仕方がないことでしょう。 答えは簡単です。 WPtouch は、既存のデスクトップ WordPress テーマをそのままに、モバイル訪問者のためのシンプルな(そしてカスタマイズ可能な)モバイル テーマを自動的に生成する WordPress プラグインです。 WPtouch は、モバイル デバイスでインターネットを閲覧する膨大な数の人々に対応するためのシンプルなソリューションを提供します。

WPtouch

WPtouch

この記事では、WPtouch で WordPress サイトをモバイル フレンドリーにする方法を説明します。 しかし、その前に、なぜ WPtouch を使用する代わりにレスポンシブなテーマを選択する方が良いのかを探ってみましょう。

WPtouch ではなくレスポンシブなテーマを検討すべき理由

最近、WordPress ウェブサイトをモバイル フレンドリーにする最善の方法は、完全に応答するテーマを使用することです。 テーマがレスポンシブであれば、Web サイトもレスポンシブです。 そのため、WPtouch などの追加のプラグインをインストールする必要はありません。

さらに、WPtouch を使用する際の主な問題は、モバイル デバイスで見たときに、サイトの一般的なテーマを生成し、既存の WordPress テーマとは大幅に異なるように見える可能性があるということです。 ブランディングの観点からも、これは理想的とは言えません。 一方、レスポンシブなテーマを選択すると、デスクトップとモバイルの両方、すべてのデバイスでデザインの一貫性を実現できます。

さらに問題を単純化すると、自尊心のある最新の WordPress テーマは、ボックスから完全にレスポンシブになっています。

Our IsleMag theme displayed on multiple devices

上記の IsleMag を含め、当社のすべてのテーマは完全に応答性があります。 しかし、完全なレスポンシブ・テーマを使用することは、それが可能であれば、最適な解決策であると考えています。 そうでない場合は、WPtouch を使用してウェブサイトをモバイル フレンドリーにする方法を説明します!

How to make your WordPress site mobile friendly with WPtouch

WPtouchWPtouch

Author(s): WPtouch

Current Version: 4.3.39

Last Updated: 2020年11月11日

wptouch.4.3.39.zip

WPtouch の美しさは、そのシンプルさにあります。 WordPress プラグイン リポジトリからインストールして有効化すると、すぐに新しいモバイル テーマが表示され、WordPress サイトをモバイル フレンドリーにする最も簡単な方法であることに気づくでしょう。 以下は、WPtouch が任意のブログの 3 つの主要なセクション、投稿/ページ、ホームページ、およびコメントをどのように表示するかの例です:

WPtouch 表示例

WPtouch 表示例

印象深いことに、プラグインがインストールされて起動すると追加の設定は不要になるのです。 ただし、デザインの一貫性のために、新しいモバイル サイトがデスクトップ サイトとより密接に類似するように、いくつかの基本的な修正を適用することをお勧めします。

これを行うには、WordPress ダッシュボードから WPtouch アイコンに移動します。

WordPress バックエンド サイドバー

WordPress バックエンド サイドバー

WPtouch settings dashboard にアクセスすると、かなり広範囲に及ぶ設定が表示されます。

WPtouch Helps Make Your WordPress Site Mobile Friendly

WPtouch Helps Make Your WordPress Site Mobile Friendly

新しいモバイル フレンドリー テーマの外観を調整するには、サイドバーでテーマ設定をクリックすると、WPtouch によってテーマ設定のオプションの長いリストが表示されます。 モバイル用テーマの外観に最も影響を与えるものを掘り下げてみましょう。

まず、モバイル デバイスに表示されるカスタム ロゴをアップロードできることに気づくでしょう。 さらに、ヘッダーに検索バーを追加したり、メニュー ボタンを表示する側を選択したりすることもできます。 ご想像のとおり、このインターフェイスでは、WPtouch で使用される色をカスタマイズすることができます。 メイン デザインに一致する配色を選択することをお勧めします。

また、さまざまなフォントを選択することもできます。 デスクトップ Web サイトのフォントと同様のフォントを選択することを再度お勧めします。

Selecting theme colors using WPtouch

Selecting theme colors using WPtouch

最後に、ページの下部に、ブログ記事のプレゼンテーションに関するいくつかのオプションに遭遇します。

Configuring blog post display using WPtouch

Configuring blog post display using WPtouch

サムネイル、タグ、投稿日、各記事についたコメント数などを表示することが可能です。

オプションのステップ:デザインの一貫性を高めるために WPtouch テーマを検討する

デフォルトの WPtouch テーマがデスクトップ Web サイトのデザインを思うように補完できない場合、WPtouch の 35 ドルから入手できる 7 つのプレミアム テーマを購入して、より独自の方法で WordPress サイトをモバイル フレンドリーにすることも検討できるかもしれません。

これらのテーマにアクセスするには、WPtouch ダッシュボードのサイドバーで [テーマ] をクリックします:

Browsing WPtouch themes

Browsing WPtouch themes

そこから、その選択をブラウズすることができます。 利用可能なテーマのいずれかをクリックすると、WPtouch はスクリーンショットとさらなる詳細を表示します。 購入ページに移動するには、[詳細] をクリックします。

Browsing WPtouch themes

Browsing WPtouch themes

まとめ

80% 以上のインターネットユーザーがスマートフォンを所有しており、モバイルフレンドリー・ウェブサイトの重要性に疑いの余地はないでしょう。 モバイル端末のユーザーは、モバイルフレンドリーな体験を期待し、操作が困難なウェブサイトにはほとんど我慢できないので、モバイル端末のユーザーを無視することは、あなたのウェブサイトに災いをもたらすかもしれません。

あなたのウェブサイトがすべての画面サイズに対応するようにするには、次のオプションのいずれかを選択するようにしてください:

  • オプション a) レスポンシブなテーマで新たに始める(もちろん、当社のものをお勧めします).
  • オプション b) WPtouch プラグインをインストールしてカスタマイズし、デスクトップ ウェブサイトを模倣します.

Articles

コメントを残す

メールアドレスが公開されることはありません。