Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • hey ; @Ziyaretçi, coin kasmak için reklama bas. reklam başı 100coin.
Nasıl Yapılır

İnfo

Administrator
Puanları 30
Çözümler 53
Katılım
14 May 2022
Mesajlar
1,594
Çözümler
53
T. puanı
2,539
Konum
Almanya
İnfo


XenForo 2.2 PWA - Progressive web app nedir?
Önce mobil. Bunu tekrar tekrar duyuyoruz ve tüm web trafiğinin yarısından fazlası mobil cihazlardan geldiği için, mobil ziyaretçilerinize harika bir deneyim sağlamak her zamankinden daha önemli.


Elbette, XenForo 2, herhangi bir ekran boyutuna zarif bir şekilde uyum sağlayan ve XenForo'yu tüm cihazlarda kullanmayı bir zevk haline getiren tamamen duyarlı bir tasarım üzerine inşa edilmiştir, ancak şimdi herhangi bir XenForo sitesini ilerici bir web uygulaması haline getirerek bunu bir adım daha ileri götürüyoruz.


Progressive (İlerici) web nedir?
Tamam, biraz geri dönelim. Bir web sitesinin her platform için yerel kod üretmek zorunda kalmadan bir uygulama gibi görünmesini ve davranmasını veya herhangi bir satıcının App Store eşdeğerini geçmesine olanak tanıyan bir teknoloji düşünün.


Aşamalı web uygulamaları veya PWA'lar, bir dizi yeni web standardı kullanarak hem mobil hem de masaüstü cihazlardaki web siteleri ve yerel uygulamalar arasındaki uçurumu kapatmayı amaçlamaktadır. XenForo 2.1'de tanıtılan bir özellik olan Push bildirimleri, bu tür bir standardın popüler bir örneğidir. XenForo 2.2'de, XenForo'yu yüklenebilir hale getirerek, daha zarif çevrimdışı kullanım uygulayarak ve rozetleme API'si için destek ekleyerek bu standartlara verdiğimiz desteği genişletiyoruz.


Ayarlanışı
Push bildirimleri gibi, bu özelliklerden tam olarak yararlanmanın bir şeyleri ayarlamak için birkaç ek adım gerektireceğini unutmayın. Ek olarak, push bildirimlerinde olduğu gibi, bu özellikler yalnızca PWA'ları tam olarak destekleyen cihazlarda ve tarayıcılarda kullanılabilir. En dikkate değer istisnaların ne olabileceğine dair bir tahminde bulunmak ister misiniz?

Tahmin etmiş olabileceğiniz gibi, Apple'ın endüstri standartlarını uygulamada devam eden başarısızlığı nedeniyle bir kez daha macOS'taki Safari ve iOS tabanlı tarayıcılar ne yazık ki bu gelişimi desteklememektedir.


Gereksinimler
Bu özelliklerden tam olarak yararlanmak için ...
  • XenForo kurulumunuza SSL / HTTPS üzerinden erişilmelidir.
  • Sitenizin 12 veya daha az karakterden oluşan nispeten kısa bir başlığı olmalıdır.
  • Siteniz için biri 192px ve diğeri 512px olmak üzere bir çift kare simge yayınlamalısınız.
1670614231616.png

PWA'lar neye benziyor?
Siteniz gereksinimleri karşılıyorsa, ziyaretçilerinize 'uygulamanızı' kendi cihazına yükleme seçeneği otomatik olarak verilir.

Arayüzün kesin ayrıntıları ve kuruluma izin veren koşullar tarayıcıya göre değişebilir ve bazı durumlarda sitenizle bir kullanıcının sahip olduğu etkileşim derecesine bağlı olabilir.Chrome ile masaüstü veya Android'de gezinirken, uygulama hem mobil hem de masaüstü cihazlarda adres çubuğu aracılığıyla yüklenebilir. Desteklenen mobil cihazlarda, tuval dışı menüde de göze çarpan ancak göze batmayan bir başlık görüntülüyoruz.
1670614253216.png
1670614266492.png

Uygulama yüklendikten sonra, tam olarak yerel bir uygulamayla aynı şekilde kullanıma hazır hale gelir. Mobil cihazlarda bu, ana ekrandaki bir simge aracılığıyla açılabileceği anlamına gelir. Masaüstü cihazlarda, sisteminizi arayarak veya hatta uygulamayı görev çubuğunuza veya yuvanıza sabitleyerek açılabilir.
1670614315286.png
1670614326228.png

Uygulama yüklenirken bazı cihazlar bir açılış ekranı görüntüleyecektir. Açılış ekranı, stilinizin simgelerinden ve arka plan renginden otomatik olarak oluşturulur.
1670614339406.png

Çoğu cihaz için, uygulamayı minimal bir arayüz görüntüleyecek şekilde ayarladık. Bu arayüzün öğeleri de tarayıcıya göre değişir, ancak en önemlisi gezinme kontrollerini içerir. Chrome çalıştıran Android cihazlar için, yerel yenilemek için çek ve geri düğmeli gezinme kontrollerini kullanabiliriz, bu nedenle herhangi bir ek arayüz olmadan bunu yapıyoruz.
1670614357682.png

Bir kullanıcı, uygulamayı uygun bir ağ bağlantısı olmadan açmaya veya uygulamada gezinmeye çalışırsa, basit bir çevrimdışı mesaj görüntüleriz.

Gelecek düşüncemiş
PWA teknik özellikleri ve standartları sürekli olarak gelişmektedir. Tüm cihazlarda her zaman mümkün olan en iyi deneyimi sağlamak için zaman geçtikçe onları izlemeye devam edeceğiz.
 

Ekli dosyalar

  • 1670614274998.png
    6.5 KB · Görüntüleme: 11
  • 1670614297531.png
    7.9 KB · Görüntüleme: 11
SPAM YAPMAK YASAKTIR!
  • Örneğin: teşekkürler, sağol, çok iyi, asdqwe, çalışıyor, ty ve benzeri!
  • Örneğin: Aynı mesajı sürekli olarak yazmak. teşekkürler, tşk ve benzeri!
  • Bir başkasının mesajını kopyalayıp aynısını yazmak yasaktır.
  • Bilginiz olmadığı konulara yorum sayınız artsın diye mesaj atmak yasaktır.
  • Yorum yaparken kendi fikrinizi yazınız!
  • Spam mesaj atan görürseniz RAPOR tuşu ile bize bildirmeniz önem ve rica olunur!

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz

Zevkini yansıtan rengi seç

Geniş / Dar görünüm

Temanızı geniş yada dar olarak kullanmak için kullanabileceğiniz bir yapıyı kontrolünü sağlayabilirsiniz.

Izgara görünümlü forum listesi

Forum listesindeki düzeni ızgara yada sıradan listeleme tarzındaki yapının kontrolünü sağlayabilirsiniz.

Resimli ızgara modu

Izgara forum listesinde resimleri açıp/kapatabileceğiniz yapının kontrolünü sağlayabilirsiniz.

Kenar çubuğunu kapat

Kenar çubuğunu kapatarak forumdaki kalabalık görünümde kurtulabilirsiniz.

Sabit kenar çubuğu

Kenar çubuğunu sabitleyerek daha kullanışlı ve erişiminizi kolaylaştırabilirsiniz.

Köşe kıvrımlarını kapat

Blokların köşelerinde bulunan kıvrımları kapatıp/açarak zevkinize göre kullanabilirsiniz.

Geri