WordPressモバイル対応

そもそもなぜアプリを作るのかと聞かれるのですか?アプリはもはやマーケティングにはあまり役立たないかもしれませんが、顧客にとっては非常に便利であり、サイトとのやり取りに関する選択肢が増えます。モバイルインターネットの増加に伴い(デスクトップよりもモバイルアプリ経由でインターネットにアクセスする人が増えています)、アプリの人気が高まっています。.


1つを構築することに伴うコストとフラストレーションも大幅に減少しました。昔は多くの企業がアプリに興味を示していましたが、ほとんどの企業はアプリを構築できませんでした。それは単に難しすぎた。または高額(ほとんどの開発者は1時間あたり100ドル以上の料金がかかります)

しかしありがたいことに、今は状況が異なります。有能なアプリを構築するために、多くのお金やコーディングの知識は必要ありません。さらに良いことには、オプションがあります。今日は次のことを見ていきます。

  • WordPressサイトがモバイル対応であることを確認する
  • PhoneGapを使用した独自のアプリの構築(およびコーディング)
  • WordPressプラグインを使用してアプリを作成する(別名簡単な方法)

無料アプリビルダーに関する注意

ここ数年、アプリを構築するための「無料」のオプションが数多く表示されていますが、最も信頼できるものの1つは アドビのPhoneGapビルド. 彼らのサイトが宣伝しているように、HTML5、CSS、JavaScriptファイルをアップロードするだけで、サイトはそれらをすぐにダウンロードできるアプリに組み立てる作業を行います。何よりも、Android、Windows Phone 8、iOSの3つを同時に構築できるため、時間を大幅に節約できます.

結果はそれほど豪華ではありません。実際、この方法で実際に行うことは、ホームページをアプリとして偽装することです。視聴者がアイコンをタップすると、携帯電話のブラウザからアクセスした場合と同じモバイルサイトに移動します。したがって、この方法を効果的に実行するには、モバイルでの表示用に最適化された既存のサイトが必要です.

1. WordPressサイトにモバイルバージョンがあることを確認する

WordPressサイトがモバイルデバイス用に最適化されていない場合、これはまったく意味がありません。最適化してください!もちろん、TotalのようなモバイルレスポンシブWordPressテーマを使用するのが最も簡単です。しかし、テーマが反応しない場合、役立つプラグインがたくさんあります.

iThemesモバイル

iThemesモバイル

情報とダウンロード

iThemes Mobileを使用すると、現在のサイトデザインに基づいて、シンプルで効果的なモバイルテーマを作成できます。管理パネルを使用すると、コードをいじる必要なく、外観のほとんどの側面をカスタマイズできます.

任意のモバイルテーマスイッチャー

任意のモバイルテーマスイッチャー

Any Mobile Theme Switcherは、視聴者が使用しているデバイスを検出し、そのデバイスの特定のテーマを表示する基本的なプラグインです。したがって、モバイルOSごとに1つずつ、複数のテーマのバランスをとる場合は、そのようにすることができます。.

WordPressモバイルパック

WordPressモバイルパックプラグイン

最後に、WordPressモバイルパックがあります。これは、クロスプラットフォームのモバイルWebアプリケーション、UIおよびテーマ設定オプションのホストを提供し、Googleアナリティクスとの簡単な統合を提供します.

2. PhoneGap Buildを使用してアプリを作成する

Adobe PhoneGapビルド

技術に精通していて、実際に使いたい場合は、Adobe PhoneGapを使用してWordPress Webサイト用のアプリを実際に作成できます。アドビのドキュメントには完全なステップバイステップガイドがありますが、ここでは、従う必要のある手順を簡単に説明します.

ステップ1:準備

始める前に、手元のアプリをテストする方法があることを確認してください。ブラウザ開発ツールを使用して、モバイルデバイスビューを模倣するか、次のようなサービスを試すことができます。 CrossBrowser Testing. ただし、管理できる場合は、iOSデバイスとAndroidデバイスを手元に置いておくことをお勧めします。.

次に、する必要があります Adobe PhoneGap Buildをインストールする お使いのコンピュータ上。クリックしてMacまたはPCバージョンをダウンロードし、画面の指示に従います。アドビはまた、無料のインストールをお勧めします PhoneGap開発者アプリ ビルド中にアプリをすぐにテストできます.

ステップ2:アプリを作成する

次に、PhoneGapプログラムを使用して アプリを作成. 注意してください– PhoneGapはCordovaに基づいているため、実際にアプリをコーディングするにはそれを理解する必要があります。.

デフォルトの「Hello World」の例、Framework7、プッシュ通知、React Hot Loader、または空のテンプレートから選択して開始します。次に、プロジェクトで作業するローカルハードドライブ上の場所を選択し、名前とIDを指定する必要があります。完了すると、PhoneGapはアプリの表示に使用できるサーバーアドレスを提供します.

一見すると、ルートディレクトリには、PhoneGapが実際にアプリを作成するためのキーファイルが必要です。具体的には、index.html(少なくとも)、config.xml、およびサブディレクトリフォルダー(最後のフォルダーはオペレーティングシステム固有).

これはPhoneGapアプリの例です プロジェクトの構造 ページ:

PhoneGapアプリプロジェクトの構造\

独自のアイコンを作成する必要もあります。もちろん、これを自分で処理することも、無料のオンラインツールを使用することもできます。. IconsFlow は、プリセット画像、色オプション、グラデーションなどを使用してプロのアプリアイコンをすばやく作成するのに役立つ優れたツールです。アイコンをデザインし、無料のアカウントを作成してファイルをダウンロードするだけです。アイコンは既にあるが、すべてのデバイスとオペレーティングシステム用にサイズを変更する必要がある場合は、無料 アプリアイコンメーカー ちょうどそれを行うことができます。しかし、Googleのクイック検索を実行すると、アイコンを作成するために選択できる他のウェブサイト、サービス、アプリがたくさんあることがわかります。.

ステップ3:アプリをテストする

アプリが完成し、準備ができたら、以前にインストールしたPhoneGap Developer Appを使用してアプリをテストできます。提供されたサーバーアドレスを必ず使用してください。そこから、モバイルデバイスでアプリを表示し、問題をトラブルシューティングし、修正を追加し、完全に再アップロードして再構築できます.

重要な注意:PhoneGap BuilderがiOSで機能するのは、iOSデベロッパープログラム(この記事の執筆時は年間99ドルの価格)に参加して証明書を提供した場合のみです。プログラムのソフトウェアを使用すると、実際に自分でアプリを構築できます。ただし、PhoneGapを提案するのは、3つすべてを一度に実行することで時間を節約できるためです。個別に行う必要はありません。つまり、最終的には使用しない可能性のある多くのサービスの代金を支払うことになりますが、アプリをiProductsで使用したい場合は、ここである程度の制限があります。.

3. WordPressの代替アプリビルダーを使用する

iOSのツールに加えて、使用できる他のアプリ構築サービスやプラグインがたくさんあります。これらは、自分でアプリを構築するよりもはるかに簡単です。それらのいくつかはまた、(少なくとも)Androidアプリを無料でビルドします。必ず開発者のメインサイトを確認してください。.

AppPresser

AppPresser

AppPresserは最も大きく、最も人気があり、おそらく最初のWordPress用モバイルアプリフレームワークです。完全な統合を提供します。ほとんどのアプリビルダーはWordPressサイトからのフィードのみを使用しますが、AppPresserを使用すると、すべてのプラグイン、投稿、ページを使用できます。さらに、サイトを編集するとすぐに、アプリが自動的に更新されます。 eコマースも完全にサポートしています.

WPMobileアプリ

WPMobileアプリ

WPMobile Appを使用すると、サイトにAndroidアプリとiOSアプリの両方を作成できます。基本プラグインは無料ですが、実際にアプリを作成するには、生涯ライセンスの料金を支払う必要があります(1つのアプリ形式で79ユーロ、または両方で149ユーロから)。 WPMobileアプリには、カスタマイズオプション、無料のライブテスト、自動アプリ更新、プッシュ通知サポート、ソーシャル統合、プレミアムサポート(行き詰まった場合のウェルカム機能)があります。.

モビラウド

Mobiloud

MobiLoudは高額(月額120ドルから)ですが、App StoreとGoogle Playへのアプリの送信を含め、ほとんどすべてのことを処理するので、価格はかなりリーズナブルです。 MobiLoudを使用すると、最終的なアプリは、デバイス間の互換性、簡単なソーシャル共有、収益化(広告またはサブスクリプションによる)、プッシュ通知などを提供します。そして、サービスがプラグイン(上記にリンクされている)とペアになっている場合、WordPress内からアプリを管理し、通知をプッシュできます。.

最後に、あなたのためにそれをするためにあなたが支払うことができるたくさんの人々があります。ただし、DIYを行うための簡単で手頃な価格の方法がたくさんあるので、基本的なアプリにその道を進む必要はありません。.


アプリを作成する方法はたくさんあります。一見すると気が遠くなるように見えますが、上記の方法を使用すると、信じられないほど簡単になります。まずは、良いモバイルサイトがあることを確認してください。今私にそれをさせてください。ここで何か問題がありましたか?他に知っておくべき方法はありますか?以下にフィードバックを残してお気軽に!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me