Différences

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

--- admin:pwa [2020/12/18 00:02] – [Configuration Admin] lucyboat
+++ admin:pwa [2020/12/18 11:57] – lucyboat
@@ Ligne 3: / Ligne 3: @@
 > Ajouter un raccourci à l'écran d'accueil
-===== Prérequis  =====
+===== Objectif =====
-Avoir finalisé la configuration d’Amapress et du site
+Vous l'avez déjà certainement remarqué en navigant sur Internet, certains site vous propose d'**Ajouter un raccourci à l'écran d'accueil.**
-===== Objectif =====
+Il s'agit d'ajouter un raccourci sur votre smartphone vers une Progressive Web Application (PWA).
-Pour les amapiens équipés de smartphones, cela permet d’avoir un raccourci depuis son smartphone vers un site optimisé ce qui permet un chargement plus rapide.
+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é.
-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 pourront ainsi y accéder lors d'une disptribution par exemple.
-===== Configuration Admin =====
+===== Prérequis =====
-Retrouvez les réglages PWA dans l’ ►**Etat d’Amapress, section 3/ Configuration**.
+Avoir finalisé la configuration d’Amapress et du site.
-Activez les plugin
+👉 [[:admin:etat_amapress|]]
-►PWA
+===== Configuration Admin =====
-►Autoptimize
+Retrouvez les réglages PWA dans l’ ►**Etat d’Amapress, section 3/ Configuration**.
+==== Activez les plugin PWA et Autoptmize ====
+  * Cliquez sur ►**Progressive Web App __(Installer) __ **
+  * Cliquez sur ►**Autoptimize __(Installer) __ **
 {{:admin:8727ecacc38dd4cff365dd59ff240346.png}}
-Configurez PWA
+Configurez ►**PWA**
 Donnez un nom court à l'appli de votre site et choisissez les paramètres qui vous conviennent.
@@ Ligne 33: / Ligne 37: @@
 {{:admin:355f8624a164225a16fa32c8b8c776bf.png}}
-Configurez Autoptimize
+Configurez ►**Autoptimize**
-  *
+Cochez la case **►Optimisez le code Javascript ?**  et laissez les paramètres par défaut.
-**<font 11ptfont-family:Arial;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;/Arial;;inherit;;#000000background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;>Puis dans  Tableau de bord>Réglages>Options d’Autoptimize</font>**
-**<font 11ptfont-family:Arial;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;/Arial;;inherit;;#000000background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;>Optimisez le code Javascript :</font>**
 {{:admin:2b8742a41d1098450c98055c14d90c7d.png}}
-**<font 11ptfont-family:Arial;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;/Arial;;inherit;;#000000background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;>Optimisez le code CSS :</font>**
+Optimisez le code CSS
-  *
+{{:admin:392a2cc162251fd22cd5a6efc23ade66.png}}
-**<font 11ptfont-family:Arial;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;/Arial;;inherit;;#000000background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;>Optimiser le code HTML ?</font>**
+Enregistrer les modifications et vider le cache
-**<font 11ptfont-family:Arial;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;/Arial;;inherit;;#000000background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;>Enregistrer les modifications et vider le cache</font>**