スマートフォンのホーム画面に WordPress サイトショートカットアイコンを追加する

Last Updated:2023年07月16日| | コメントを残す

WordPress サイトにホーム画面のショートカットボタンを表示して、訪問者がホーム画面にショートカットアイコンを追加できるようにしたい場合は、 WordPressプラグインを使用すると、モバイルとデスクトップに便利なホーム画面ショートカットボタンを表示できます。

WordPress ホーム画面ショートカットボタン追加プラグイン

プログレッシブ Web アプリ (Progressive Web Apps: PWA)は、モバイルWebの利点とモバイルアプリの利点を組み合わせて、最高のモバイルWeb体験を提供する技術です。 PWAは通常のアプリ(Webアプリ)のように携帯電話にインストールされ、ホーム画面からアクセスできます。

モバイルデバイスでは、ユーザーがサイトに簡単にアクセスできるように、ユーザーにホームページのショートカットボタンをホーム画面に追加するように求めることができます。 ホーム画面にサイトのショートカットアイコンを追加するのは非常に簡単ですが、ユーザーに要求し、ユーザーが一定のアクションを取る必要があるため、効果的ではない可能性があります。

訪問者がサイトにホーム画面のショートカットボタンを追加するようにボタンを表示すると、はるかに効果的です。

WordPressPWAプラグインをインストールして、ユーザーがスマートフォンに「ホーム画面ショートカット」アイコンを表示できるように、ホーム画面ショートカットボタンをサイトに表示できます。

PWAプラグインを検索すると、いくつかの無料プラグインと有料プラグインがあります。 お気に入りのプラグインをインストールしてテストしてください。

PWA — easy way to Progressive Web App プラグイン

私は無料のプラグインのXNUMXつであるPWA - easy way to Progressive Web Appをインストールしてテストしました。 このプラグインはユーザー数が少ないが、ユーザー評価が良いほうで活発に更新されるようです。

WordPress お知らせ»プラグイン»新規追加で「PWA — easy way to Progressive Web App」を検索してインストールして有効にすると、 設定 下に PWA アイテムが追加されます。

デスクトップとモバイルデバイス(スマートフォン)にホーム画面のショートカットボタンを表示するには A2HS タブに移動して Position(位置) オプションを指定します。

スマートフォンのホーム画面に WordPress サイトショートカットアイコンを追加する

基本的には Hide (recommended)が設定されています。 このオプションが設定されている場合は、ブラウザで必要に応じて自動的にA2HS(ホーム画面にショートカットを追加)通知が表示されます。

Footerを選択すると、ページフッター(下部)にボタンが表示されます。 ボタンフレーズは ボタンのテキスト フィールドで指定できます。

ホーム画面に追加(A2HS)ボタンを表示

テストしてみると、PCではほとんどのブラウザでうまくいきました。 スマートフォンのChromeブラウザでうまく機能しましたが、一部のモバイルブラウザでは機能しない可能性があります。

ホーム画面に追加 ボタンをクリックするとアプリがインストールされ、ショートカットアイコンがホーム画面に表示されます。 アンインストールするには、アンドロイドフォンでは、アイコンを長押しして削除削除を選択して削除できます。 コンピュータではアプリを削除する必要があります(アイコンのみを削除すると削除できません)。

最後に、

以上で WordPress サイトのホームショートカットアイコンを追加できるプラグインについて説明しました。 ブラウザ自体の機能を使用して、ユーザーがショートカットアイコンをホーム画面に表示することもできますが、スマートフォンの使用に慣れていないユーザーには簡単ではないかもしれません。 そのようなユーザーがホームページのショートカットアイコンをホーム画面に簡単に追加できるように、PWAプラグインのインストールを検討してください。

クパンパートナーズ活動をする場合、リンクを渡すよりも WordPress サイトにランディングページをXNUMXつ作成して、周辺の人々がランディングページを介してクパンサイトに移動できるように、「ホーム画面にショートカット」ボタンを表示すると効果的です。 WordPressで収益型ブログを運営する方が増えている傾向です。 次の記事を参考にしてください。

参考までにクパンで商品を購入する場合は、下のバナーをクリックしてクパンアプリやクパンサイトで商品を検索して購入すると、パートナーズ活動の一環として、私が少しの手数料を提供することができます。 これにより、このブログの運営を支援することができます。

参照


コメントを残す

コメント

割引ニュース
DiviレイアウトAI発売記念割引!
AIで画像、テキスト、コーディング、フルページレイアウトを生成可能
ベストセラー WordPress テーマDivi
0
仕事
0
시간
0
0
期間限定
You This Coupon Code in Checkout
Click the code to Copy