WPtouch ProでWordPressをモバイルフレンドリーにする

サイトの人口統計によっては、モバイルフレンドリーなウェブサイトを持つことが重要になる場合があります。これは、異なる画面サイズ/デバイスに適応するレスポンシブWordPressテーマを使用するか、サイトのデザインを変更したくない場合はモバイル専用バージョンを作成することで実現できます。この記事では、WPTouch Proを使用してモバイルフレンドリーなWordPressサイトを作成する方法を説明します。

WPtouch Proは、WordPressサイトを最新のスマートフォンブラウザ向けのネイティブモバイル体験に変換できる商用WordPressプラグインです。高速で、完全な国際化サポート、iOSホーム画面統合、およびモバイルユーザーエクスペリエンスを向上させるためのその他の多くの方法を備えています。

WPtouch Proをご購入いただくと、プラグインのライセンスキーとダウンロードファイルが届きます。ブログにインストール（簡単なプラグインインストールガイドに従ってください）、その後ダッシュボードから有効化する必要があります。

アクティベート後、プラグインはライセンスキーを入力するよう促す通知を表示します。プラグインのアップデート、テーマやアドオンのダウンロードを受け取るには、ライセンスキーを入力する必要があります。「ライセンスをアクティベート」リンクをクリックして、ライセンスキーを入力してください。

次の画面で、アカウントのメールアドレス（プラグイン購入に使用したもの）と製品ライセンスキーを入力し、アクティベートボタンをクリックしてください。WPTouchはライセンスキーを検証し、成功メッセージを表示します。

アクティベートすると、プラグインは WordPress 管理バーに WPTouch Pro メニュー項目を追加します。プラグインを設定するには、WP Touch Pro » Core Settings に移動する必要があります。

コア設定画面では、サイトのモバイル版に関する様々なオプションを設定できます。この画面の最初のオプションは、サイトのタイトルとバイラインを変更することです。これは、サイトのタイトルとバイラインが長い場合に、モバイル画面にうまく収まらない場合に特に役立ちます。

この画面の次のオプションは地域化です。WP Touch ProはWordPressのインストールからサイトの言語を自動検出しますが、このオプションを使用して手動で言語を選択することもできます。

コア設定画面の表示オプションを使用すると、プラグインを非アクティブ化せずにモバイルテーマを手動で無効にできます。デフォルト設定は通常であり、モバイルデバイスからサイトにアクセスするすべての訪問者に対してモバイルテーマの表示を有効にします。これをプレビューに変更すると、モバイルテーマは、サイトの管理者がログインしている場合にのみ表示されます。また、無効を選択して、モバイルテーマの表示を完全にオフにすることもできます。

コア設定ページには、いくつかの高度なオプションがあります。たとえば、サイトのモバイルバージョン用のカスタムランディングページを選択できます。テーマのフッター領域に表示されるカスタムコードを追加できます。また、すべてのWP Touch Pro設定をバックアップしてから、WP Touch Proがインストールされている別のWordPressサイトにインポートすることもできます。これは、ステージングサイトまたはローカルインストールがある場合に便利なオプションです。

コア設定ページを確認したら、このページの最下部にあるテーマのプレビューボタンをクリックすることで、デスクトップでモバイルサイトをプレビューできます。テーマの外観に満足したら、変更を保存ボタンをクリックして設定を保存できます。

WPTouch Pro 3でモバイルテーマを変更する

デフォルトでは、WPTouch Pro 3 には 1 つのモバイルテーマがプリインストールされています。WPTouch Pro » Themes & Extensions から追加のテーマをダウンロードしてインストールできます。Bauhaus、CMS、Classic Redux、Simple は、すべてのライセンスプランで利用可能なテーマです。テーマをインストールするには、テーマの下にある Install ボタンをクリックするだけです。WPTouch Pro はクラウドからテーマをダウンロードしてインストールします。テーマがインストールされたら、activate ボタンをクリックしてそのテーマを使用できます。

WPTouch Proでのモバイルテーマのカスタマイズ3

モバイルサイトのテーマを選択したら、ニーズに合わせてカスタマイズしたい場合があります。そのためには、WPTouch Pro » Theme Settingsに移動する必要があります。WPTouch Proのモバイルテーマは高度にカスタマイズ可能です。テーマ設定画面からモバイルサイトのあらゆる側面を微調整できます。テーマ設定のさまざまなセクションを順を追って説明します。

上部のメニュータブでは、カスタマイズできるテーマのさまざまな領域を確認できます。まず、フロントページに表示する投稿数、カテゴリースライダーの有効化、注目の投稿スライダーの有効化などの基本的な設定オプションが含まれる一般タブから開始します。デフォルト設定はほとんどのサイトで機能しますが、必要に応じて変更できます。一部のオプションの横には情報アイコンが表示され、マウスカーソルをアイコンに合わせると、そのオプションのコンテキストヘルプが表示されます。

テーマの変更が完了したら、ページ下部にあるテーマのプレビューボタンをクリックして変更をプレビューできます。行った変更に満足したら、変更を保存ボタンをクリックしてテーマ設定を保存する必要があります。デフォルト設定に戻したい場合は、リセットボタンもあります。

モバイルテーマの一般設定を構成した後、ブランディングタブに切り替えます。ここで、独自のロゴ、背景、カスタムフォント、ソーシャルメディアアイコンなどをアップロードできます。ロゴやブランドカラーに合わせてテーマカラーを変更することもできます。

あなたのサイトをモバイルWebアプリに転換する

WPTouch Proを使用すると、サイトをWebアプリに変換することで、モバイルデバイスの機能を最大限に活用できます。まず、テーマ設定画面のブックマークアイコンタブをクリックする必要があります。Androidデバイス用とiOSデバイス用（iPhone、iPod、iPad）の2つのアイコンをアップロードする必要があります。

その後、テーマ設定のWebアプリモードタブをクリックします。iOS Webアプリモードを有効にするチェックボックスをオンにするだけで、Webアプリモードの詳細設定が表示されます。デフォルト設定を使用することも、独自のカスタム起動画面をアップロードすることもできます。

WPTouch Proでモバイルサイトを収益化する

WPTouch Proテーマでは、モバイルサイトに広告を非常に簡単に表示することもできます。テーマ設定の下にある広告タブに移動し、Google AdSenseまたはカスタム広告サービスから選択する必要があります。

Google AdSenseの場合、Google AdSenseアカウントから取得できるGoogle AdSenseパブリッシャーIDとスロットIDを入力する必要があります。その後、広告を表示したい場所を選択します。変更を保存すると、モバイルサイトに広告が表示され始めます。

WPTouch Proでモバイルサイトのナビゲーションメニューをカスタマイズする

WPTouch ProはデフォルトのWordPressメニュー機能を使用しますが、モバイルサイトでのメニューの表示方法を変更または選択できます。メニューを設定するには、WPTouch Pro » Menusに移動する必要があります。まず、メニューを選択する必要があります。メニューにWordPressのページを表示するか、既存のメニューを選択するかを選択できます。

メニュー設定タブでは、WordPressメニューをさらにカスタマイズできます。アイコンをメニュー項目にドラッグするだけで、各メニュー項目にアイコンを関連付けることができます。

デフォルトでは、WPTouch ProにはElegant ThemesによってデザインされたElegantアイコンセットが付属しています。他のアイコンセットは、横にあるインストールボタンをクリックしてインストールするか、独自のカスタムアイコンセットをアップロードできます。

WPTouchは、WordPress搭載のウェブサイトを本格的なモバイルウェブアプリケーションに変換するための優れたプラグインです。美しいテーマと強力なカスタマイズオプションにより、コードを一行も書かずに数分で魅力的なモバイルサイトを作成できます。この記事が、WP Touch Proでモバイルフレンドリーなサイトを作成するのに役立ったことを願っています。フィードバックや質問については、以下のコメントを残すか、Twitterでフォローしてください。