Différences

Ci-dessous, les différences entre deux révisions de la page.

--- admin:pwa [2020/12/18 11:36] – lucyboat
+++ admin:pwa [2020/12/18 12:12] (Version actuelle) – [Objectif] lucyboat
@@ Ligne 2: / Ligne 2: @@
 > Ajouter un raccourci à l'écran d'accueil
+Cette documentation est en cours de construction, les éléments repérés par le symbol FIXME seront complétés prochainement.
 ===== Objectif =====
@@ Ligne 9: / Ligne 11: @@
 Il s'agit d'ajouter un raccourci sur votre smartphone vers une Progressive Web Application (PWA).
-La PWA d'Amapress vous permettra d'intégrer une version optimisée de votre site pour un charegment plus rapide des pages. Le site est affiché sans le contexte de l’interface du navigateur : format plein écran, cela permet une meilleurs lisibilité.
+La PWA d'Amapress vous permettra d'intégrer une version optimisée de votre site pour un chargement plus rapide des pages. Le site est affiché sans le contexte de l’interface du navigateur : format plein écran, cela permet une meilleurs lisibilité.
+Pour les amapiens équipés de smartphones, ils auront ainsi un accès direct vers le site de l'Amap et l'utiliser lors d'une disptribution par exemple.
-Pour les amapiens équipés de smartphones, ils auront ainsi un accès direct vers le site de l'Amap et pourront ainsi y accéder lors d'une disptribution par exemple.
 ===== Prérequis =====
@@ Ligne 22: / Ligne 25: @@
 Retrouvez les réglages PWA dans l’ ►**Etat d’Amapress, section 3/ Configuration**.
+==== Activez les plugin PWA et Autoptmize ====
-Activez les plugin ►**PWA **et ►**Autoptimize**
+  * Cliquez sur ►**Progressive Web App __(Installer) __ **
+  * Cliquez sur ►**Autoptimize __(Installer) __ **
+FIXME L'ergonomie de cette section est en cours d'amélioration
 {{:admin:8727ecacc38dd4cff365dd59ff240346.png}}
-Configurez ►**PWA**
+==== Configuration Progressive Web App ====
 Donnez un nom court à l'appli de votre site et choisissez les paramètres qui vous conviennent.
@@ Ligne 35: / Ligne 42: @@
 {{:admin:355f8624a164225a16fa32c8b8c776bf.png}}
-Configurez ►**Autoptimize**
+==== Configuration Autoptimize ====
-Cochez la case **►Optimisez le code Javascript ?** et laissez les paramètres par défaut.
+Accessible depuis ►**Tableau de bord>Réglages>Options d’Autoptimize**
+=== Javascript ===
+Cochez la case **►Optimisez le code Javascript ?**  et laissez les paramètres par défaut.
 {{:admin:2b8742a41d1098450c98055c14d90c7d.png}}
-Optimisez le code CSS
+=== CSS ===
+Cochez la case **►****Optimisez le code CSS ?**  et laissez les paramètres par défaut.
 {{:admin:392a2cc162251fd22cd5a6efc23ade66.png}}
-Enregistrer les modifications et vider le cache
+{{:admin:f44e40a0148a438ba62b6846ad32f71f.png}}
+=== HTML ===
+Cochez la case **►****Optimisez le code HTML ?**  et laissez les paramètres par défaut.
+> Cliquez sur ►**Enregistrer les modifications et vider le cache**