Les modèles sont le moyen le plus rapide d'importer des dessins dans une page web. Nombreux sont ceux qui ne savent pas comment convertir HTML en modèle de page Elementor. Par conséquent, les choses deviennent plus compliquées. Pour résoudre ce problème, nous allons vous montrer comment créer facilement un modèle Elementor.
Pendant que nous créons le modèle, vous devez vous rappeler que nous avons besoin d'une page préétablie. Bien entendu, vous pouvez créer une page web dès maintenant et commencer à travailler avec. Nous allons concevoir notre page dans Elementor.
Cependant, pour cet événement, nous utilisons des widgets fabriqués par Element Pack. Assurez-vous de lire entièrement ce blog pour savoir comment convertir HTML en modèle de page elementor.
Étape 1 : Conception d'une page pour le modèle
Tout d'abord, nous devons créer notre page. Entrons dans le vif du sujet.
Accédez à votre Tableau de bord WordPress> Pages> Ajouter un nouveau.
Donnez un nom à votre page et cliquez sur Editer avec Elementor. Votre page s'ouvre alors dans l'éditeur Elementor.
Ensuite, créez votre page comme vous le souhaitez. Dans l'image ci-dessus, nous avons créé la page en utilisant les widgets Heading, Scroll Nav, Advanced Button, Search et Slider. Ces widgets widgets de l'addon elementor sont tous réalisés par Element Pack. Notre page est maintenant prête à être convertie en modèle de page elementor.
Étape 2 : Conversion en modèle de page Elementor
Pour créer un modèle, nous devons suivre quelques étapes. Tout d'abord, suivez l'image ci-dessus et cliquez sur Enregistrer comme modèle en bas du menu de droite. Vous devez cliquer sur la flèche à côté du bouton Mettre à jour pour faire apparaître l'option. C'est la première étape de la création d'un modèle de page elementor.
Une nouvelle fenêtre contextuelle apparaît ensuite. À partir de là, vous pouvez donner un nom à votre modèle et cliquer sur Enregistrer. Votre modèle sera enregistré dans votre bibliothèque elementor.
Certains utilisateurs demandent également s'il existe un convertisseur html vers elementor en ligne ou un plugin html vers elementor pour simplifier le processus. Bien que Elementor ne dispose pas d'un convertisseur direct, vous pouvez facilement créer et sauvegarder vos designs en suivant ces étapes.
Étape 3 : Exportation du modèle sur le disque local
L'enregistrement du modèle fait apparaître votre bibliothèque de modèles. À partir de là, cliquez sur les points marqués sur votre nouveau modèle. Deux options apparaissent. Cliquez sur Importer.
Votre template sera téléchargé et sauvegardé au format Json. Maintenant, vous pouvez placer ce fichier dans votre répertoire local> wp-content> templates. Ce fichier est également connu sous le nom de fichier json du modèle elementor.
En sauvegardant le fichier de cette manière, vous pourrez accéder à ce modèle à partir de n'importe quel tableau de bord WordPress.
Si vous travaillez avec du HTML personnalisé, vous pouvez consulter des guides sur les sujets suivants html vers json elementor ou html vers elementor jsonmais Elementor gère la plupart de ces opérations automatiquement lors de l'exportation et de l'importation de modèles.
Meilleure solution web : Vous souhaitez dynamiser votre site web avec notre produit ?
Étape 4 : Insérer le modèle de page elementor
Vous avez le fichier Json du modèle dans votre répertoire local, ce qui signifie qu'il se trouve maintenant dans la bibliothèque de WordPress. Voyons maintenant comment l'insérer dans votre page.
Tout d'abord, créez une nouvelle page et éditez-la avec elementor. Cliquez ensuite sur le dossier de modèles illustré dans l'image ci-dessus.
Vous pouvez maintenant voir votre bibliothèque de modèles. À partir de là, survolez votre modèle, cliquez sur Insérer et cliquez sur Oui.
Voilà, c'est fait ! Votre modèle elementor apparaîtra sur votre page, à la place du HTML. Ceci est particulièrement utile si vous cherchez à convertir des sites web en elementor ou à réutiliser des designs.
Comment masquer un élément html dans une page Elementor ?
Si vous ne souhaitez pas convertir le modèle HTML en elementor, vous pouvez simplement le cacher temporairement, afin de pouvoir récupérer la version html.
Voici les étapes les plus simples pour cacher un template html dans une page elementor :
Étape 1 : Accédez à votre Elementor page et sélectionnez l'option widget html elementor.
Étape 2 : Dans la barre de menu de gauche, cliquez sur Avancer tabulation.
Étape 3 : Faites défiler vers le bas et trouvez le menu réactif dans la liste.
Étape 4 : Activez la fonction de masquage pour les ordinateurs de bureau, les téléphones portables et les tablettes, selon vos besoins.
Voilà, c'est fait. Vos modèles HTML ne s'afficheront pas dans votre page Elementor. Cependant, il s'agit d'un masquage temporaire, vous pouvez les rendre visibles à tout moment en désactivant la bascule.
Questions fréquemment posées :
Comment afficher le code source d'une page HTML créée avec Elementor ?
Cliquez avec le bouton droit de la souris sur la page, puis cliquez sur "Voir la source de la page". Cela montre la source de la page. Élémentaire html structure.
Comment modifier le code HTML dans Elementor ?
Recherchez HTML dans le menu de gauche. Utiliser la fonction code html elementor et, après l'édition, appuyez sur Publier pour enregistrer les modifications.
Comment ajouter un code HTML dans WordPress Elementor ?
Insérer le wordpress elementor code html ou le bloc widget html elementor et ajoutez le code entre .
Puis-je exporter des dessins Elementor au format HTML ?
Oui, mais Elementor exporte JSON par défaut. Vous aurez besoin d'outils ou de méthodes manuelles pour convertir une page elementor en htmlou exporter elementor vers html.
Conclusion
Convertir du HTML en modèle de page elementor ou simplement exporter votre design Elementor en JSON n'est pas une tâche difficile et vous pouvez le faire aussi. Il vous suffit de suivre les étapes correctement.
Certains utilisateurs préfèrent le processus inverse et recherchent un convertisseur elementor vers html ou des moyens de exporter une page elementor en html. Dans ce cas, vous pouvez utiliser la fonction d'enregistrement du navigateur ou des plugins qui convertir elementor en html.
Ce blog est sponsorisé par Element PackLe pack de widgets "tout-en-un" pour Elementor. Merci d'avoir lu ce blog. Je vous souhaite une bonne journée.
