Kan Themes
PWA

PWA (Progressive Web App)

Kanews PWA — ana ekrana ekleme, manifest, service worker ve PushAI ile birlikte kullanım.

Last updated on

Kanews’in PWA özelliğini açarak sitenizin mobil cihazlarda ana ekrana eklenebilir, çevrimdışı çalışabilen bir uygulama gibi davranmasını sağlarsınız. PWA, web push bildirimlerinden ayrıdır; push için PushAI kullanılır.

Nereye

İşlemYol
PWA ayarlarıKanews → Tema Ayarları → PWA

HTTPS zorunludur: SSL · Gereksinimler.

Adımlar

1. PWA’yı etkinleştirin

  1. Kanews → Tema Ayarları → PWA.
  2. Progressive Web Apps Oluştur anahtarını açın.
  3. Kaydedin.

2. Uygulama bilgilerini doldurun

AyarAçıklama
Uygulama adıAna ekrana eklendiğinde tam ad
Kısa adSimge altı kısa ad
AçıklamaUygulama açıklaması
Arka plan rengiAçılış arka planı
Tema rengiTarayıcı / durum çubuğu
Görüntüleme moduTam ekran, standalone vb.
Başlangıç URL’siAçılış sayfası

3. İkonları yükleyin

48, 72, 96, 128, 192, 512 px — PNG önerilir. En az 192×192 “Ana ekrana ekle” için kritiktir.

4. Hızlı bağlantılar (isteğe bağlı)

Kısayol: başlık, URL, 192×192 ikon. Mobilde uygulamaya uzun basınca menüde görünür.

5. Yükleme popup’ı (isteğe bağlı)

Uygulama yükleme popup’ı + gecikme / süre aralığı.

6. Kaydetme sonrası

Kanews kök dizine manifest.json yazar. PushAI yoksa ayrıca service-worker.js oluşturur.

PushAI ile birlikte

PushAI aktifken:

  • Service worker PushAI’dedir; Kanews offline cache kodunu filtre ile PushAI SW’ye ekler.
  • Ayrı service-worker.js yazılmaz — çakışma olmaz.
  • manifest.json yine Kanews’tedir.

Detay: Kanews Entegrasyonu.

Beklenen sonuç

  • “Ana ekrana ekle” seçeneği
  • Standalone / tam ekran açılış
  • Daha önce ziyaret edilen sayfalarda çevrimdışı önbellek
  • https://site/manifest.json erişilebilir

Dikkat

  • Yalnızca HTTPS.
  • iOS’ta web push genelde ana ekrana eklenmiş PWA modunda anlamlıdır (push yine PushAI ile).
  • Kök dizine yazma izni gerekir.

Yanlış olduysa

  • “Ana ekrana ekle” yok → HTTPS, manifest, 192px ikon.
  • Offline yok → DevTools → Application → Service Workers.
  • manifest yok → kök dizin yazma izni.

Hâlâ olmuyorsa

  1. DevTools → Application → Manifest hatalarını okuyun.
  2. SW’leri kaldırıp önbelleği temizleyin.
  3. Bildirimler / PushAI · destek

Bu sayfa faydali oldu mu?

Sorun Giderme (Push)

PushAI web push sorunları; PWA için ayrı rehbere bakın.

Modüller

Köşe yazıları, firma rehberi, ilan, Gutenberg blokları, e-dergi ve kısakodlar.

On this page

NereyeAdımlar1. PWA’yı etkinleştirin2. Uygulama bilgilerini doldurun3. İkonları yükleyin4. Hızlı bağlantılar (isteğe bağlı)5. Yükleme popup’ı (isteğe bağlı)6. Kaydetme sonrasıPushAI ile birlikteBeklenen sonuçDikkatYanlış olduysaHâlâ olmuyorsa