WP Manifestindependent plugin directory
manifest / performance / wordpress-pwa-extension

WS PWA Assistant

by Your Team · github.com/developertugrul/wordpress-pwa-extension

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/developertugrul/wordpress-pwa-extension/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/developertugrul/wordpress-pwa-extension ↗

Profesyonel WordPress PWA (Progressive Web App) eklentisi. Manifest (manifest.webmanifest) ve Service Worker (sw.js) üretir; ikon, splash ve ekran görüntülerini medya kütüphanesinden seçip gerekli boyutlarda otomatik oluşturur. Çeşitli cache stratejileriyle offline deneyimini yönetmenizi sağlar.

Özellikler

  • Manifest ve Service Worker uçları:
    • https://siteadresi/manifest.webmanifest
    • https://siteadresi/sw.js
  • Admin arayüzü (PWA Assistant):
    • Uygulama adı, kısa ad, start_url, display, theme_color, background_color, orientation, scope, id, açıklama
    • İkon üretimi: tek bir temel ikon seç; 36–512 px tüm ikonları (512 maskable) üret
    • Splash üretimi: tek bir temel splash seç; iOS boyutlarını (640x1136 … 2048x2732) üret ve listele
    • Ekran görüntüleri: tek bir uzun ekran görüntüsünden 1280x720, 540x720, 1903x1031 boyutları “üstten kırpma (top‑crop)” ile üret
    • Service Worker stratejileri: Network First, Cache First, Stale‑While‑Revalidate, Network Only, Cache Only
    • Cache versiyonu, Offline URL, ek precache listesi, hariç tutulacak desenler (regex/dize)
  • Otomatik eklemeler: <link rel="manifest">, <meta name="theme-color">, Apple touch icon (152x152 varsa), footer’da SW kaydı

Kurulum

  1. Klasörü wp-content/plugins/ws-pwa/ altına kopyalayın.
  2. WordPress eklentilerden “WS PWA Assistant”ı etkinleştirin.
  3. Admin > PWA Assistant menüsünden ayarlarınızı yapın:
    • Manifest alanlarını doldurun ve kaydedin.
    • Temel ikon/splash seçip “Oluştur” butonlarıyla görselleri üretin.
    • Ekran görüntülerini tek bir uzun görselle yükleyip “Oluştur” deyin (otomatik top‑crop).
    • Service Worker stratejisini, cache versiyonunu ve offline URL’yi belirleyin.

Service Worker Stratejileri

  • Network First: Önce ağ; hata halinde cache; yoksa offline URL.
  • Cache First: Önce cache; yoksa ağ ve sonuç cache’e yazılır.
  • Stale‑While‑Revalidate: Cache varsa anında; arka planda ağdan yeniler.
  • Network Only: Sadece ağ.
  • Cache Only: Sadece cache.

Hariç tutma (Exclude) için örnekler: /horizon, \/wp-admin\/, ^\/api\/real-time.

Uçlar (Endpoints)

  • Manifest: /manifest.webmanifest
  • Service Worker: /sw.js

Gelişmiş

  • Offline sayfası: Tema/eklentinizde bir offline sayfası oluşturup URL’sini “Offline URL” alanına girin.
  • Precache listesi: Kritik statik varlıkları (CSS/JS/font/ikon) satır satır ekleyin.
  • Cache versiyonu: Değiştirince eski cache’ler temizlenir (activate sırasında purge).

Katkı ve İletişim

  • Pull Request ve Issue’larınızı bekliyoruz.
  • Geliştirici profili: @developertugrul