Uygulamayı Ana Ekrana Ekleme Hak.

Merhaba arkadaşlar bu internet sitesinde mobile giriş yapınca uygulamayı ana ekrana ekle diye bir yazı çıkıyor. Tıklanınca android telefonda uygulama gibi kısayol ekliyor. Bunu wordpres sitesine nasıl yaparız acaba?

https://www.parapik.com/manifest.json


detay.

https://blog.betapage.co/how-to-add-...p-99d5237fabff


şurada da hazır hali var.

https://codelabs.developers.google.c...home-screen/#0

Ne yapmam gerekiyor

PM gönderdim

öncelikle headerda. head tagları arasına manfesti ekliyorsun.

şu şekilde :

<link rel="manifest" href="manifest.json">

bendeki örnek bu. : https://www.erkankavas.com/manifest.json

daha sonra alt kısma


( script taglarına alarak aşağıdaki kodu ekliyorsun )

if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("sw.js", {
scope: '.'
}).then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}, function(err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
}

şu ekliyorsun.


sw.js dosyası da şurada : https://www.erkankavas.com/sw.js


not: manifest içindeki iconu doğru boyutta ve doğru yerde vermeyi unutma.
incelemek istersen android chrome'dan kişisel siteme gidebilirsin : erkankavas.com

ekran görüntüsü.:



@Musadgn;

E-ticaret sitesi için faydası nasıl acaba kullanan varmi