PWA & Push Notifications Plugin

主な機能

PWA化

サイトをアプリのようにホーム画面に追加可能。オフラインでも閲覧できます。

プッシュ通知

新規投稿時に自動でプッシュ通知を送信。外部サービス不要の自己ホスト型。

訪問者設定

左下の歯車アイコンから通知のON/OFFやカテゴリー選択が可能。

カテゴリー別通知

管理者・訪問者がカテゴリー別に通知を設定できます。

手動キャッシュ更新

管理画面からキャッシュバージョンを更新して最新コンテンツを配信。

セキュリティ対策

WordPress標準関数によるnonce・sanitize処理。VAPID認証対応。

プラグイン構成

pwa-push-plugin/ ├── pwa-push-plugin.php (メインファイル) ├── readme.txt ├── admin/ │ └── class-admin-settings.php ├── assets/ │ ├── css/ (admin.css, frontend.css) │ ├── js/ (admin.js, frontend.js) │ └── icon-192.png, icon-512.png └── includes/ ├── class-pwa-manifest.php ├── class-service-worker.php ├── class-push-subscription.php ├── class-push-sender.php ├── class-vapid.php └── templates/

インストール方法

pwa-push-plugin フォルダを WordPress の wp-content/plugins/ にアップロード
WordPress管理画面の「プラグイン」メニューから有効化
「設定」→「PWA & Push通知」で設定を行う
サイトアイコンを設定（外観 → カスタマイズ → サイト基本情報）
通知を有効にするカテゴリーを選択

技術仕様

HTTPS必須 - PWAとプッシュ通知はHTTPS環境でのみ動作
Font Awesome 6.5.1 - アイコン表示に使用
VAPID認証 - 外部サービス不要の自己ホスト型通知
対応ブラウザ - Chrome, Firefox, Edge, Safari (macOS)