Pour installer les templates, tu as deux options :
Avant de commencer ⚡️❗️
Si tu n’avais pas encore de site web,
Assure-toi que ton site est créé, et d’avoir accompli les étapes précédentes à savoir :
- Commander un hébergeur et un nom de domaine.
- Installer WordPress.
- Installer Elementor, et si choisi Elementor Pro.
- Activer un thème (ex: Hello ou Astra).
Si tu avais déjà un site web en ligne,
Assure-toi :
- d’avoir une sauvegarde complète de ton site web (avec le pluggin Updraft Plus par exemple).
- et que tu aies bien téléchargé tous les fichiers de sauvegarde sur ton ordi ou le cloud au cas où tu voudrais revenir en arrière.
- d’avoir compris la différence entre les 2 options (cf. point d’attention dans l’option 1 et 2).
Option 1 : Installation avec le plugin de tous les templates (+ simple et + rapide).
Tu auras besoin du fichier se terminant par install.zip, qui est le plugin webappy pour installation rapide et simple des template (voir récupérer mes templates). Ne dézippe PAS ce fichier.
Point d’attention
Ce mode d’installation va « écraser » les précédents réglages de ton site web, notamment d’Elementor, et ajouter toutes les nouvelles pages de la démo.
- Si tu pars de zéro, pas de problème et super pratique (tu n’auras qu’à désactiver les pages dont tu n’as pas besoin).
- Si tu avais déjà un site web : tes réglages vont être remplacés par celui du kit de templates. Assure-toi d’avoir conservé une sauvegarde complète de ton site web pour pouvoir revenir en arrière si besoin avant de lancer l’installation.
Depuis le tableau de bord WordPress de ton site, après avoir installé Elementor :
- Cliquer sur « extensions » dans le menu de la barre latérale gauche.
- Puis sur « Ajouter« .
- Puis sur « Téléverser une extension« .
- Rechercher le fichier préalablement télécharger « …install.zip ».
- Cliquer sur « Installer maintenant » pour installer le plugin « Webappy ».
- Clique sur « Activer l’extension » sous Webappy.
- Dans le menu de la barre latérale gauche, clique sur « Webappy ».
- Suis les instructions et lance-le.
- Une fois l’installation terminé, il est conseillé de supprimer le plugin
- Clique sur Extensions dans le menu latérale gauche.
- Recherche « Webappy »
- Clique sur « désactiver » puis « supprimer ».
Option 2 : Installation manuelle de chaque template
Tu auras besoin a minima des modèles de pages du site (fichiers se terminant par .json).
- Si ce n’est pas déjà fait, télécharge les fichiers depuis ton espace client (voir récupérer mes templates)
- Si tu as opté pour Elementor Pro, assure-toi d’avoir aussi téléchargé les modèles dans le dossier « Extras » (fichier .json).
Point d’attention : avec l’installation manuelle,
- les photos de la démo ne sont pas reprises.
- Par défaut, les modèles de pages héritent des paramètres Elementor existant sur ton site web (ex : couleur, polices, format des boutons…).
- Je te conseille d’importer aussi les réglages Elementor (fichier « setting »).
- Attention, si tu as déjà un site, cela va « écraser » les réglages précédents. Donc, pense à faire une sauvegarde pour pouvoir revenir en arrière si besoin.
- Importer les réglages Elementor pour appliquer le style de la démo (optionnel)
- Importer les modèles de pages
- Créer des pages grâce aux modèles importés.
- Configurer les extras (pre-requis : Elementor Pro).
#1. Importer les réglages Elementor (optionnel)
Depuis le tableau de bord de ton site WordPress :
- Cliquer sur « Elementor« , puis sur « Outils »
- Cliquer sur l »onglet « Importer/exporter un kit ».
- Puis à Importer un kit de modèles « Commencer l’importation«
- Ajouter le fichier .zip »elementor-settings » préalablement téléchargé et qui se trouve dans le dossier les « Templates-modèles de pages ».
- Une ou plusieurs pop-up d’information s’affiche, cliquer sur « Poursuivre » ou « suivant »
- Puis cliquer sur « Importer« .
#2. Importer les modèles de page et de sections
Depuis le tableau de bord de ton site WordPress :
- Cliquer sur « Modèles« , puis sur « modèles enregistrés« .
- Cliquer sur « Ajouter« .
- Puis sur « Importer des modèles« .
- Choisir le modèle de page à importer (fichier .json parmi le dossiers modèles de pages ou de section).
- Puis cliquer sur « Importer maintenant ».
La page apparaît alors dans tes modèles de page.
Réitère l’opération pour tous les modèles de pages et sections que tu souhaites ajouter, y compris les modèles « Extras » si tu as installé Elementor Pro.
#3. Créer des pages grâce aux modèles importées
Depuis ton tableau de bord :
- Cliquer sur « Page » dans le menu latéral gauche.
- Puis, sur « Ajouter« .
- Donner un nom à la page.
- Cliquer sur « Modifier avec Elementor« .
- Cliquer sur l’icône dossier pour rechercher un modèle.
- Rechercher le modèle dans la liste et cliquer sur « Insérer ».
- En option : effectue des réglages de la page complémentaires en cliquant sur l’icône de roue dentée.
- Si le titre de la page apparait et tu veux le masquer, activer « Masquer le titre ».
- Si tu veux masquer l’header et footer / menu entête ou pied de page (par exemple, pour la page coming soon), choisir dans le champ « modèle de page » : « Elementor Canva ».
- Cliquer sur « Publier » pour enregistrer les modifications.
#4. Configurer les modèles « Extras » (pré-requis : Elementor Pro)
Après avoir activé Elementor Pro, depuis ton tableau de bord :
- Cliquer sur « modèles » puis « Constructeurs de thèmes ».
- Choisir un type de modèles correspondant au modèle « extra » à ajouter :
- Header Pro = Entête.
- Footer Pro = Pied de page.
- Page Article = article unique.
- Page Catégorie = Archive.
- Page 404 = Erreur 404.
- NB : Le modèle de page Blog, s’installe comme une nouvelle page (cf. section précédente).
- Cliquer sur « + Ajouter une nouvelle« .
- Rechercher le modèle de page dans l’onglet « modèle«
- et cliquer sur « Insérer ».
- Sauvegarder.
- Définir les conditions d’affichage, par exemple, en sélectionnant « sur tout le site ».
- et sauvegarder à nouveau.
