Skip to main content

WordPressのWebプッシュ通知: 開始から最初の購読者まで15分で

WordPressにWebプッシュ通知を設定するのは、正しいアプローチを使えば15分以内で完了します。私が自分のサイトにPushProをセットアップした方法を、サーバーへの展開から最初の購読者まで、正確にご紹介します。 必要なもの PHP 7.4+ と MySQLが使えるWebホスティング ドメインでのHTTPS(プッシュプロトコルに必須) ファイルアップロード用のFTPまたはコントロールパネルアクセス WordPressダッシュボードへのアクセス 5ステップでのインストール ステップ1:データベースを作成する ホスティングのコントロールパネル(cPanel、Pleskなど)で新しいMySQLデータベースと、そのデータベースへの全権限を持つユーザーを作成します。 ステップ2:PushProをアップロードして設定する PushProのファイルをホスティングのサブフォルダ(例:/push/)にアップロードします。設定ファイルを開き、データベース情報を入力して、ブラウザからインストールを実行します。 ステップ3:VAPIDキーを生成する VAPIDはWebプッシュ通知の認証プロトコルです。PushProダッシュボードが自動的にVAPIDキーペアを生成します。 ステップ4:WordPressプラグインをインストールする WordPress用PushProプラグインをインストールし、PushProインストールのURLとAPIキーを入力します。プラグインが必要なサービスワーカーファイルを自動的に管理します。 ステップ5:opt-inを設定する opt-in表示のタイミングを設定し(ブログなら30秒推奨)、ウィジェットのテキストをカスタマイズして有効にします。最初のテスト:新しいタブでサイトを開き、設定した遅延を待ち、通知を承諾します。これであなたが最初の購読者です。 PushPro:pushpro.store

Software Products
WordPressのWebプッシュ通知: 開始から最初の購読者まで15分で

COVER // WORDPRESSのWEBプッシュ通知: 開始から最初の購読者まで15分で

WordPressにWebプッシュ通知を設定するのは、正しいアプローチを使えば15分以内で完了します。私が自分のサイトにPushProをセットアップした方法を、サーバーへの展開から最初の購読者まで、正確にご紹介します。

必要なもの

  • PHP 7.4+ と MySQLが使えるWebホスティング
  • ドメインでのHTTPS(プッシュプロトコルに必須)
  • ファイルアップロード用のFTPまたはコントロールパネルアクセス
  • WordPressダッシュボードへのアクセス

5ステップでのインストール

ステップ1:データベースを作成する

ホスティングのコントロールパネル(cPanel、Pleskなど)で新しいMySQLデータベースと、そのデータベースへの全権限を持つユーザーを作成します。

ステップ2:PushProをアップロードして設定する

PushProのファイルをホスティングのサブフォルダ(例:/push/)にアップロードします。設定ファイルを開き、データベース情報を入力して、ブラウザからインストールを実行します。

ステップ3:VAPIDキーを生成する

VAPIDはWebプッシュ通知の認証プロトコルです。PushProダッシュボードが自動的にVAPIDキーペアを生成します。

ステップ4:WordPressプラグインをインストールする

WordPress用PushProプラグインをインストールし、PushProインストールのURLとAPIキーを入力します。プラグインが必要なサービスワーカーファイルを自動的に管理します。

ステップ5:opt-inを設定する

opt-in表示のタイミングを設定し(ブログなら30秒推奨)、ウィジェットのテキストをカスタマイズして有効にします。最初のテスト:新しいタブでサイトを開き、設定した遅延を待ち、通知を承諾します。これであなたが最初の購読者です。

PushPro:pushpro.store

Let's Talk

Have a Project in Mind?

Whether it's a software challenge, an AI integration, or a course enquiry — I'm always open to a real conversation.

hello@debasisbhattacharjee.com · +91 8777088548 · Mon–Fri, 9AM–6PM IST