MobiLoud を使用してサイトを WordPress モバイルアプリに変換する

公開: 2023-01-03

最近では、Web サイトの訪問者の多くがデスクトップよりもモバイルでサイトを閲覧していることはよく知られています。 統計によると、「[i]米国だけでも、すべてのオンライン トラフィックの 63% がスマートフォンとタブレット デバイスからのものでした」。 それは軽視できる統計ではありません。 サイトを WordPress モバイルアプリに変換することは理にかなっています。

WordPress でサイトを実行すると、通常、すぐにモバイル対応になります。 ただし、使用するテーマとデザイナーのスキルによって異なります。 サイトのモバイル版では、機能が不足している場合があります。

サイトを単純なモバイル応答性にとどまらず、訪問者専用のモバイル アプリを作成することを検討する価値があります。 モバイル アプリを用意することは、顧客が自分の携帯電話で好きなように体験できるようにすることで、ブランドを強化する優れた方法です。

しかし、モバイル アプリを開発することは、恐ろしく費用がかかり、複雑になる可能性があります。 もちろん、安価な Web アプリ ソリューションもありますが、それらは通常、アプリを提供し、その後はその配布に対処する必要があります。

既存の WordPress サイトをネイティブ モバイル アプリに変換し、アプリ ストアに掲載するのに役立つ MobiLoud というサービスがあります。 さらに、更新できない静的な製品が残ることはありません。 サイトに加えた変更は、アプリに自動的に反映されます!

この記事では、MobiLoud を使用してサイトを動的な WordPress モバイル アプリに変える方法を紹介します。

モビラウドの紹介

MobiLoud を使用すると、既存の WordPress サイトを、iOS と Android の両方のプラットフォームで実行されるモバイル アプリに変換できます。 これは「ノーコード」ソリューションであるため、実現するために新しいスキルを習得する必要はありません。

MobiLoud Web サイトのスクリーンショット

MobiLoud を使用すると、WordPress サイトから直接ネイティブ アプリを構築できます。 また、別個の Web サイトとアプリを維持する必要もありません。Web サイトの構築に集中でき、アプリは動的に更新されます。 これは、サイトの 2 つのイテレーションを開発するのに時間を無駄にしないことを意味します。 訪問者にとっては、使用するプラットフォームに関係なく、エクスペリエンスが同じであることを意味します。

各アプリはカスタムで、個々の Web サイトに基づいているため、MobiLoud が開発したアプリは 100% ユニークです。 ここでは WordPress サイトに焦点を当てていますが、あらゆる技術スタックや Web サイトでも機能します。

WordPress 用の MobiLoud プラグインとともに、MobiLoud チームがすべての初期設定と構成を処理します。 基本的に、あなたは精巧なサービスを受けていますが、代理店を雇う場合のように法外な料金を払っているわけではありません。 アプリ自体の設定と構成を処理するだけでなく、アプリを公開してアプリ ストアに入れることもできます。 MobiLoud は 100% のアプリ承認率を誇り、60 日間の返金保証を提供しています。

通常、WordPress サイトをアプリに変換するには 3 週間かかりますが、完了すると、今後サイトに加えた更新が即座に反映されます。

モビラウドをお試しください！

モビラウドの使い方

MobiLoud を使用してカスタムのネイティブ アプリを作成することは、2 つの側面からなるシステムです。 1 つ目は、WordPress サイトで MobiLoud を使用してアプリを設計および構成する場所です。 2 つ目は、アプリを開発して Apple と Google に提出する MobiLoud チームに引き渡すことです。

最初のステップは、WordPress サイトに MobiLoud プラグインをインストールすることです。

MobiLoud プラグインをインストールする

MobiLoud プラグインを WordPress.org ページから直接ダウンロードすることから始めます。

プラグインの zip ファイルをダウンロードしたら、WordPress サイトの管理ダッシュボードに移動します。 プラグイン→新規追加を選択します。 [プラグインのアップロード]をクリックし、保存した .zip ファイルを参照します。 [今すぐインストール]をクリックして、アクティブ化します。

WordPress サイトから直接コア プラグインを検索することもできます。 管理ダッシュボードで、プラグイン→新規追加を選択します。 検索バーで「MobiLoud」を探すと、オプションとして表示されます。 インストールして有効化するだけです。

MobiLoud Canvas を表示している WordPress プラグイン メニューのスクリーンショット

MobiLoud での作業

アクティブ化すると、管理者ダッシュボード メニューにCanvasが表示されます。 キャンバスの上部には、アプリの構成に役立つ複数のタブがあります。

キャンバス メニュー

テーマ オプション

テーマ オプションでは、アプリが WordPress サイトをどのように複製するかについて重要な決定を行う必要があります。 まず、モバイル アプリで別のテーマを有効にしてから、Web サイトで使用できます。 プラグインを使用すると、現在インストールされているテーマから選択して、アプリ用にカスタマイズできます。

必要に応じて、アプリの WordPress 管理バーを非表示にすることもできます。

CSS エディター

その名のとおり、CSS エディターを使用すると、カスタム CSS コードをアプリに挿入できます。 この CSS コードは WordPress サイトには反映されません。アプリ固有のものです。 両方でカスタム CSS を使用する場合は、テーマ オプションで適用し、カスタマイザーで作業することをお勧めします。

プッシュ通知

このセクションでは、アプリを動的に更新するサイトのさまざまな領域を構成できます。 MobiLoud チームからプッシュ キーを取得する必要があります。 プッシュ通知は、次のような更新を処理します。

  • バディプレス
  • bbPress
  • PeepSo
  • ラーンダッシュ

また、新しい投稿が公開されるたびに自動プッシュ通知を設定することもできます。必要に応じて、含めるカテゴリを選択できます。

ログインと購読

サイトのユーザーのログイン機能を有効にしたい場合は、ここで行うことができます。 たとえば、ログイン機能を有効にすることを選択した場合、MobiLoud はユーザーごとにプッシュ通知を送信する機能を追加し、Web サイトの一般的なログイン機能を改善します。

「ウェブサイトに戻る」、「登録する」、「通知する」チェックボックスなど、デスクトップのログインページに表示される通常の WordPress リンクを非表示にすることもできます。

このセクションには、アプリのログイン画面に挿入されるカスタム CSS を追加できる別の領域もあります。

カスタムログインと登録

[カスタム ログインと登録] タブでは、アプリの UX をさらにカスタマイズできます。

キャンバス メニュー

MobiLoud では、背景、ボタン、リンク、テキストなどのカスタム カラーを選択できます。 ロゴのカスタム レイアウトを作成するセクションもあり、最大幅と好きなカスタム CSS を設定できます。

[Term of Agreement] チェックボックスを有効にすると、条件を追加し、ビジュアル エディタまたはテキスト エディタを使用してコンテンツをカスタマイズできます。

キャンバス メニュー

リダイレクトおよびカスタム登録 URL を構成するオプションもあります。 また、新規登録用に特定のユーザー ロールを選択したり、忘れたパスワードやログイン用のカスタム URL を設定したりすることもできます。

顧客アプリの例

MobiLoud で作成された Jack & Jones アプリ
MobiLoudで作られた唯一のアプリ
MobiLoudで作ったレインボーアプリ

MobiLoud は、その Web サイトで広範なナレッジ ベース セクションを提供しています。 これには、アプリを希望どおりに表示するのに役立つステップバイステップのチュートリアルが含まれています。

設定後

MobiLoud を使用して WordPress サイトのデザインと設定を決定したら、次は MobiLoud チームに作業を任せます。 ネイティブ アプリのすべての開発は、彼らの側で処理されます。 開発には通常 3 週間かかります。開発が完了すると、アプリは Apple と Google に提出され、顧客は使用しているモバイル プラットフォームに簡単にダウンロードできるようになります。

アプリが公開されたら、WordPress サイトに変更を加えると、アプリに反映されます。 たとえば、WooCommerce ストアに追加した新製品は、アプリに自動的に表示されます。 更新のために行う必要がある追加の開発はありません。これは非常に便利で、費用対効果が高いです。

価格

MobiLoud には、月額サブスクリプションと初期設定サービスの 2 つの価格帯があります。

毎月のサブスクリプション

MobiLoud の料金プランは、月額 170 ドル (年払い) から始まります。 ベースラインのスタートアップ計画から、以下が含まれます。

  • iOS および Android 用のネイティブ アプリ
  • 電話とタブレットのサポート
  • 自分のアカウントで公開する
  • メンテナンスアプリのアップデート
  • 無制限のプッシュ通知
  • Google アナリティクスと Firebase の統合
  • 最大 1,000 人のアクティブ ユーザー
  • メールサポート
MobiLoud 価格のスクリーンショット

次の階層である成長プラン (月額 382 ドル) には、以下も含まれます。

  • 最大 10,000 人のアクティブ ユーザー
  • MobiLoud のブランディングが削除されました
  • アプリとウェブサイトの統合に関する実践的な技術サポート
  • 優先メールサポート

ニーズとアクティブ ユーザーの数に基づいた企業プランもあります。 このプランは、専任のアカウント マネージャーを含む、はるかに高いレベルのサポートを提供します。 また、カスタム開発、カスタム機能と統合のサポートなども利用できます。

MobiLoud は 60 日間の寛大な返金保証を提供しているため、サービスを試すリスクはありません。

初期設定

これは、MobiLoud チームがアプリの初期セットアップ作業を行うサービス領域です。

MobiLoud 価格のスクリーンショット

アプリの提出 (必須)

アプリを構成すると、MobiLoud はコンパイル、テスト、および Apple と Google への送信を行います。 彼らは、ネイティブ アプリの開発におけるすべての作業を処理します。 これは、上記の月額プランに加えて、一律 $500 の料金です。

フルサービスパッケージ（オプション）

これには、アプリの開発と提出作業が含まれ、また、アプリがプロとして最高の外観になるようにするためのすべてのグラフィック デザイン作業も含まれます。 これは 1,350 ドルの 1 回限りの定額料金です。

愛用できる WordPress モバイルアプリ

iOS や Android 向けのネイティブ モバイル アプリを作成するのは手の届かないことだと思っていたとしても、その考えは無視できます。 本日より、WordPress サイトをユーザーが気に入るモバイル アプリに変換できます。

今日から MobiLoud を使い始めましょう!