Les outils Elementor facilitent la conception de pages, d'articles et de sites web entiers.
Comment appliquer en toute sécurité les nouveaux modèles Elementor
Les modèles Elementor sont des mises en page préconçues pour des pages individuelles ou des éléments spécifiques de l'interface utilisateur (UI). Bien qu'ils ressemblent à des thèmes WordPress, ils sont fondamentalement différents.
L'application d'un nouveau modèle Elementor à votre site web peut modifier son apparence ou ses fonctionnalités. C'est pourquoi vous devez effectuer certaines préparations avant de changer de modèle.
- Étape 1 : Créer une sauvegarde
Avant d'apporter des modifications à un modèle Elementor, vous devez créer une sauvegarde. Ainsi, si vous rencontrez un nouveau problème de conception, vous pourrez revenir à l'état précédent.
Différents plugins sont disponibles pour aider à créer des sauvegardes de sites web. Par exemple, l'utilisation du plugin UpdraftPlus plugin, vous pouvez copier tous les fichiers et les informations de la base de données dans le nuage.
- Étape 2 : Mettre le site en mode maintenance
Le changement de modèle de votre site web peut entraîner des pannes, des erreurs ou d'autres problèmes inattendus. Après avoir appliqué une nouvelle conception, vous devrez peut-être prendre le temps de tester le site et de procéder à des ajustements.
Avant d'appliquer un nouveau modèle Elementor, le site doit être mis en mode maintenance. Cela empêchera les visiteurs d'accéder au site pendant que vous testez le nouveau design !
Plusieurs plugins peuvent être utilisés pour créer des modes de maintenance personnalisés, WP Maintenance Mode étant un choix populaire.
Ce plugin possède de nombreuses fonctionnalités supplémentaires, notamment l'ajout d'un compte à rebours à l'écran de démarrage de votre maintenance. Cette fonctionnalité peut vous aider à créer l'impression d'une refonte et d'une relance de votre site web.
Une fois que vous avez mis votre site web en mode maintenance, vous êtes libre d'essayer différents modèles et de tester leur affichage sur le front-end. Lorsque vous êtes satisfait des résultats, vous pouvez annuler le mode de maintenance et laisser vos visiteurs découvrir le nouveau design.
- Comment sauvegarder un élément ou un modèle
L'utilisation d'un modèle peut vous aider à maintenir la cohérence du design sur l'ensemble de votre site et à gagner du temps lorsque vous utilisez le même design sur plusieurs sites.
Par exemple, les agences de conception et de développement WordPress peuvent tirer profit de la création de modèles contenant les éléments de base qu'elles utilisent couramment pour les sites web de leurs clients.
1:Enregistrer la page en tant qu'élément ou modèle.
La possibilité d'enregistrer n'importe quelle page en tant que modèle Elementor vous aide à créer une apparence standardisée prête à être déployée sur votre site.
La création de modèles permet d'éviter de recréer manuellement les mêmes éléments pour chaque page, ce qui augmente considérablement la productivité.
Pour enregistrer la page actuelle en tant que modèle Elementor, en bas de la barre latérale d'Elementor, trouvez le boutonMises à jour / communiqués(en anglais). Cliquez ensuite sur l'icône en forme de flèche située à côté de ce bouton :
Enregistrer la page en tant qu'élément ou modèle
Vous pouvez maintenant cliquer sur le boutonEnregistrer comme modèle. Une fenêtre s'ouvre dans laquelle vous pouvez spécifier un nom descriptif pour ce modèle :.
Nommez le modèle de page et cliquez sur Enregistrer. Vous pouvez ensuite nommer le modèle de page en lançant la bibliothèque Elementor et en sélectionnant "Mes modèlesVous pouvez à tout moment accéder à la conception en cliquant sur l'onglet "Conception".
2:Enregistrer la partie en tant qu'élément ou modèle.
De nombreux sites web comportent des éléments récurrents, tels que des formulaires de génération de prospects ou des textes décrivant les produits les plus vendus. En créant des modèles de section, vous pouvez facilement ajouter ces éléments à n'importe quelle page. Vous pouvez même créer des modèles de section pour différentes catégories de contenu, comme les modèles d'appel à l'action (CTA). Lorsque vous avez besoin d'un appel à l'action, il vous suffit d'importer ce modèle et d'adapter le message.
Pour créer un modèle, maintenez la touche Contrôle enfoncée et cliquez sur la section concernée. Sélectionnez ensuite Enregistrer comme modèle. Dans la fenêtre contextuelle, attribuez un nom descriptif au modèle et cliquez sur Enregistrer.
Pour appliquer un modèle, lancez la bibliothèque de modèles Elementor, allez dans l'onglet Mes modèles, trouvez le modèle enregistré et ajoutez-le à la page.
- Comment créer un élément ou un modèle
Pour créer une page ou une partie d'un modèle, naviguez vers Modèles > Modèles enregistrés. Cliquez ensuite sur "Ajouter un nouvel élément". Dans la fenêtre suivante, le menu déroulant "Sélectionner le type de modèle..." s'ouvre :
- Sélectionner le type de modèle
Il est maintenant possible de spécifier le type de modèle à créer. Nous avons déjà abordé les pages et certains modèles, mais cette fenêtre offre d'autres options.
Après avoir sélectionné le type de modèle, donnez au dessin un nom descriptif et cliquez sur "Créer un modèle". La bibliothèque Elementor sera lancée et vous pourrez utiliser un modèle existant comme base. Vous pouvez également fermer cette fenêtre et créer un modèle à partir de zéro.
Utilisez l'éditeur standard d'Elementor pour créer le modèle. Lorsque vous êtes prêt à enregistrer votre modèle, cliquez sur "poste". La boîte de dialogue Paramètres de publication s'ouvre.
Dans la boîte de publication, vous pouvez définir des règles pour l'utilisation de ce modèle. Par exemple, vous pouvez cliquer sur "Ajouter une condition"et spécifie que cette mise en page ne doit être utilisée que pour des pages uniques.
- Comment exporter des éléments ou des modèles
Vous pouvez exporter des éléments ou des modèles à partir du tableau de bord de WordPress. Cette méthode peut vous aider à partager vos créations avec vos collègues ou à les envoyer à vos clients pour approbation. Vous pouvez même utiliser la fonction d'exportation pour créer des sauvegardes des designs conçus par Elementor.
L'exportation de modèles est un moyen facile d'utiliser des designs sur plusieurs sites web. C'est très pratique pour les agences de conception et de développement WordPress qui gèrent plusieurs sites web. Si vous souhaitez tirer profit d'un design, l'exportation est souvent la première étape pour le partager avec le monde entier.
Dans le tableau de bord de WordPress, naviguez vers "modèle > Modèles enregistrés"pour exporter le modèle. Dans cet onglet, vous pouvez voir tous les modèles enregistrés dans la bibliothèque.
WordPress divise également ces modèles en balises de page et de section. Il suffit de trouver le modèle que vous souhaitez exporter et de le survoler :.
- Choisissez entre les modèles de page et de section.
Lorsque le lien "Exporter le modèle" apparaît, cliquez dessus. Elementor télécharge maintenant ce modèle sous forme de fichier JSON.
Il est également possible d'exporter des modèles depuis la bibliothèque Elementor. Dans cette bibliothèque, ouvrez le dossier "Mes modèlesL'onglet " Bibliothèque ". Trouvez le modèle que vous souhaitez exporter et appuyez sur l'icône à trois points qui lui est associée pour exporter le modèle directement depuis la bibliothèque, puis cliquez sur Exporter.Elementor télécharge maintenant ce modèle sous forme de fichier JSON.
- Comment importer des éléments ou des modèles
Si vous avez un modèle au format JSON ou ZIP, vous pouvez le télécharger dans la bibliothèque Elementor. Tout d'abord, accédez à la sectionModèles > Modèles enregistrés. En haut de cet écran, cliquez sur Importer un modèle :.
Ensuite, sélectionnez les éléments ou les modèles à importer et cliquez sur "Importer maintenant". Le modèle apparaît alors dans votre bibliothèque.
Pour appliquer ce design à la mise en page de votre site web, il vous suffit d'ouvrir la page ou l'article concerné à l'aide d'Elementor ou d'un éditeur. Cliquez ensuite sur l'icône du dossier pour ajouter un modèle.
Trouvez le bouton Ajouter un modèle.
Dans la fenêtre suivante, sélectionnez "Mes modèles". Vous y trouverez tous les modèles importés par Elementor :.
Pour voir à quoi ressemblera ce modèle lorsqu'il sera appliqué à la page actuelle, cliquez sur Aperçu. Si vous utilisez ce modèle, sélectionnez le lien d'insertion qui lui est associé.
- Comment exporter et importer des éléments ou des pages individuels
Les pages peuvent être enregistrées en tant que modèles Elementor et exportées au lieu d'être recréées manuellement. Vous pouvez importer des modèles dans n'importe quel site sur lequel Elementor est installé. Pour enregistrer une seule page en tant que modèle, cliquez sur l'icône en forme de flèche à côté du bouton Publier/Mettre à jour d'Elementor et sélectionnez Enregistrer en tant que modèle.
- Enregistrement d'une page unique en tant que modèle
Dans la fenêtre contextuelle, indiquez le nom du modèle. Cliquez ensuite sur Enregistrer.
La galerie de modèles WordPress devrait s'ouvrir automatiquement. Vous pouvez trouver le modèle que vous venez de créer et cliquer sur son icône à trois points. Lorsque vous y êtes invité, sélectionnez Exporter.
- Trouvez n'importe quel modèle dans la bibliothèque.
Il est également possible de le faire en naviguant dans le tableau de bord de WordPress vers "modèle > Modèles enregistrés"pour exporter ce modèle de page unique. Survolez le modèle concerné et cliquez sur "dériver".
Une fois qu'un modèle de page unique est stocké en toute sécurité sur votre ordinateur local, il peut être importé sur un autre site web. Il suffit de se rendre sur le nouveau site et de naviguer vers "Modèles > Modèles enregistrés".
En haut de l'écran, cliquez sur "Importer un modèle". Vous pouvez maintenant importer votre modèle d'une page.
Comment exporter et importer un site web Elementor entier
Par exemple, vous souhaitez créer une boîte à outils contenant toutes les pages standard d'un site web (telles que la page de contact et la page d'accueil). Cette boîte à outils peut ensuite être utilisée pour construire le site web de base.
- Exporter l'ensemble du site web d'Elementor
La fonction Export Toolkit d'Elementor vous permet d'exporter l'intégralité de votre site web, y compris le contenu et les paramètres. Cette fonction est utile si vous créez des sites web connexes et que vous souhaitez conserver le même style de marque. Par exemple, vous pouvez créer un microsite pour promouvoir le lancement d'un produit.
Dans votre tableau de bord WordPress, accédez à la sectionElementor > artefact. Cliquez sur Import/Export.
Cliquez sur Démarrer l'exportation. Lorsque vous y êtes invité, indiquez le contenu et les données à télécharger. Par exemple, vous pouvez choisir d'exporter uniquement les modèles. Ou, pour exporter tout le contenu, y compris les pages, les articles et les types d'articles personnalisés :.
Ensuite, cliquez sur pour développer la section Informations sur le kit afin d'attribuer un nom descriptif au fichier. Pour donner un nom descriptif à votre fichier, vous pouvez également saisir la description facultative.
Lorsque vous êtes satisfait de vos choix, cliquez sur Exporter. Elementor va maintenant créer votre suite et afficher un résumé de tout ce qui est contenu dans le fichier :.
Elementor télécharge automatiquement la boîte à outils générée sur votre ordinateur. Lorsque vous y êtes invité, cliquez sur Retour au tableau de bord.
- Importer votre site web
Il est recommandé de créer une sauvegarde complète avant de procéder. Une fois la sauvegarde terminée, vous devez activer la fonctionnalité Elementor Experiments sur le site cible. Naviguez vers "Elementor > Tools" et sélectionnez et activez la fonctionnalité Import/Export Template Suite.
Ensuite, cliquez sur "Démarrer l'importation". Dans l'écran suivant, sélectionnez le fichier que vous avez téléchargé à l'étape précédente pour l'importer.
Comment corriger l'erreur "Fichier invalide" d'Elementor ?
Parfois, lorsque vous essayez d'importer un modèle, vous pouvez voir une erreur "Fichier invalide". Cela signifie que vous essayez d'importer un modèle créé avec une version antérieure d'Elementor. Pour résoudre ce problème, vous devez temporairement passer à une version antérieure d'Elementor. Ce changement peut entraîner des problèmes sur votre site.
Lorsque vous êtes prêt à continuer, allez dans la liste des plugins Elementor et sélectionnez Advanced View.
- Cliquez sur Options d'affichage avancées.
En bas de la page, utilisez le menu déroulant pour sélectionner une version antérieure d'Elementor. Pour de meilleurs résultats, il est recommandé de télécharger la dernière version d'Elementor 1, 1.9.8.
- Télécharger la dernière version d'Elementor
Vous pouvez mettre à jour en utilisant des thèmes et des plugins simples. Après avoir activé ce plugin, vous pouvez télécharger d'anciennes versions d'Elementor sans désactiver et supprimer la dernière version.
Après avoir téléchargé une ancienne version d'Elementor, naviguez vers Plugins > Installed Plugins.WordPress devrait avoir automatiquement basculé vers l'ancienne version du logiciel :.
Vous devriez maintenant être en mesure d'importer le modèle sans aucun problème. Une fois l'importation terminée, retournez dans Plugins > Installed Plugins et restaurez la dernière version d'Elementor. Le modèle devrait maintenant se trouver dans la bibliothèque et être prêt à être utilisé.
Plugin Elementor pour l'importation et l'exportation de modèles
Happy Addons Pro étend l'expérience standard d'Elementor en ajoutant plus de 20 nouvelles fonctionnalités. Il comprend plusieurs fonctionnalités qui peuvent être intégrées dans vos flux de travail d'importation et d'exportation :.
Si vous utilisez plusieurs sites, vous pouvez avoir besoin d'utiliser la fonction de copier-coller inter-domaines de Happy Addons Pro. Il s'agit de la possibilité de copier facilement le contenu d'un site et de le coller dans un domaine complètement différent.
Résumé :
Cet article explique comment utiliser Elementor pour créer, enregistrer, exporter et importer des modèles, y compris des modèles de page et de section. En suivant ces étapes, vous pouvez améliorer l'efficacité de la conception, maintenir la cohérence de la marque sur votre site web et vous assurer que votre site web peut être facilement récupéré en cas de problème. Ces méthodes sont utiles, que vous soyez une organisation de développement gérant plusieurs sites web ou un utilisateur individuel cherchant à maintenir la cohérence de la conception.
