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

WS PWA Assistant

Manifest.webmanifest ve Service Worker üreten, ikon/splash/screenshot yöneten PWA eklentisi.

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

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/developertugrul/wordpress-pwa-extension/archive/refs/heads/main.zip
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