Vous êtes intéressé par la création drsquoun grand site Web? Bonne nouvelle Plus facile que jamais! Vous nrsquoavez pas besoin de coder manuellement chaque page à partir de zéro ou drsquoengager une équipe professionnelle. Tout ce dont avez vraiment besoin, crsquoest drsquoun plug in appelé elementor. C’est l’un des générateurs de pages WordPress les plus polyvalents et les plus accessibles sur le marché. Mieux encore, lrsquoentrée est complètement gratuite! Dans nous allons passer en revue étape par étape comment utiliser elementor et passer en revue certaines de ses meilleures fonctionnalités. Enfin, devriez avoir l’impression de tout ce dont avez besoin pour créer un site WordPress à tout moment!
Résumé: elementor Getting started explore comment elementor Free vs elementor pro options utilise elementor Free page Builder? Comment utiliser elementor Theme Builder comment utiliser elementor pour créer des modèles comment créer des POP ups dans elementor comment utiliser elementor pour créer des sites mobiles réactifs pourquoi utiliser elementor pro et srsquoopposer à lrsquoutilisation drsquoelementor page Builder Conclusions Elementor Getting started elementor est un générateur de page populaire qui fonctionne parfaitement avec des thèmes WordPress légers comme Astra. Ce générateur de page permet de contrôler tous les aspects de lrsquoapparence et de la mise en page des pages et des messages du site, des dizaines de widgets ajoutant des fonctionnalités via une interface glisser déposer propre.
Maintenant, rappelez que l’élément lui même n’est pas un thème WordPress: c’est juste un plugin. Crsquoest important parce que devez encore choisir un thème spécifique pour gérer drsquoautres aspects du site. Installer elementor après avoir installé WordPress et les thèmes sélectionnés pour votre site, pouvez installer elementor page Builder en suivant plusieurs chemins différents: Méthode 1: site Web de lrsquoélément. Visitez le site Web de lrsquoélément pour une version gratuite de lrsquoélément. Le bouton de téléchargement est visible
Affiche une position importante en haut de la page drsquoaccueil.
Après avoir entré un courriel, le navigateur télécharge automatiquement le fichier zip. Ensuite, allez dans la section plug ins à l’arrière plan du site WordPress, cliquez sur Ajouter nouveau et téléchargez le fichier. Compressez votre site Web via le bouton le plug in en haut. Après lrsquoinstallation, appuyez sur Activer! Méthode 2: le tableau de bord WordPress accède à l’arrière plan du site WordPress, appuyez sur le bouton Ajouter un nouveau dans l’onglet plug ins et préparez à installer le plug in. Pour trouver un élément, tapez le mot « élément » dans la barre de recherche du plug in.
Le générateur de page de lrsquoélément doit apparaître comme la première option plug in à installer. Après le téléchargement, cliquez simplement sur installer, puis cliquez sur Activer. Quelle que soit la méthode que choisissez pour installer elementor, le trouverez désormais dans la liste des plug ins installés, et il a ses propres entrées dans le menu latéral. À partir de cette zone, pouvez ajuster les paramètres du plug in. Cependant, contrairement à de nombreux plug ins, la fonctionnalité maximale de lrsquoélément apparaît sur la page elle même. Cela signifie que passez la plupart de votre temps à utiliser elementor lors de la création ou de lrsquoédition de pages et de messages.
Nous allons bientôt examiner la création de pages et de modèles avec elementor, Mais commençons par comprendre les options entre et elementor à un niveau plus élevé! Lrsquoune des caractéristiques les plus importantes de tout générateur de page est la facilité drsquoutilisation. Vous devez avoir accès à Youtube et concrétiser votre vision sans avoir à faire beaucoup de recherches folles sur YouTube. Heureusement, elementor est lrsquoun des générateurs de page les plus simples que nous ayons jamais utilisés. Il srsquoagit drsquoun éditeur frontal, ce qui signifie que pouvez voir exactement à quoi ressemble la page lorsque travaillez avec elle.
Une fois terminé
Dans la version pro. Voici un exemple rapide de douzaines de gadgets dans elementor pro: portefeuille module Flip Box Price List Quotation action calls for these pro elements will help you make your web look more Fashion and Professional and also aimed at Support of E commerce, including Deep Integration with woocommerce. Enfin, lrsquoélément prend en charge les widgets tiers. Vous trouverez de nombreux plug ins drsquoelementor tiers qui peuvent étendre davantage les widgets disponibles et même développer vos widgets en utilisant les ressources de développement drsquoelementor!
Vous nrsquoêtes pas sûr de vouloir ajouter plus de widgets? Bien qursquoil soit pratique de fournir des widgets sur votre site pour tout ce que voulez faire, ce nrsquoest certainement pas nécessaire. Il existe également de nombreux plugins WordPress tiers gratuits pour travailler avec elementor et vos thèmes WordPress. Elementor Free vs elementor pro si voulez un générateur de page gratuit avancé qui est plus parfait que de nombreuses options de paiement, elementor est un bon choix! Cela dit, elementor pro a ajouté quelques fonctionnalités idéales pour accélérer votre flux de travail et donner plus de contrôle sur lrsquoapparence et la fonctionnalité de votre site. Lrsquoajout drsquoun générateur de thème, de widgets avancés et drsquoéléments globaux est populaire, mais nrsquoen avez certainement pas besoin pour créer un grand site Web. Comparaison des fonctions de lrsquoélément Voici un aperçu rapide des principales différences entre lrsquoélément libre et lrsquoélément pro. Élément gratuit
Elementor pro
Prix
Libre
À partir de 49 $par site et par année
Nombre de widgets
25 +
50 +
Page Builder
♪
♪
Générateur de thème
X,
♪
Y compris le soutien 242157
X,
♪
Contenu dynamique
X,
♪
Modèles et modules professionnels
X,
♪
Intégration
X,
♪
Crsquoest un moment.
Elementor ale Inc. Nous créons un nouveau titre pour la page. Tout ce que avez à faire est de cliquer sur la boîte qui affiche lrsquoen tête, puis de maintenir le bouton de la souris enfoncé et de le faire glisser dans la zone Widget de la page (où le Widget drag ici est affiché). ne voulez pas que cet élément prenne toute la largeur de la page (par défaut), pouvez personnaliser la structure de cette partie de la page en cliquant sur le petit bouton plus +.
Lorsque cliquez sur le bouton plus, verrez lrsquooption select your Properties. Utilisons trois colonnes égales.
Après avoir cliqué sur lrsquoicône avec trois colonnes, nous voyons maintenant une nouvelle section de la page avec trois colonnes, chacune avec un bouton.
Que faire si nous voulons personnaliser ce que nous voyons dans cette section? Vous avez raison, faisons glisser un widget là Bas. Nous faisons glisser un élément vidéo dans la colonne du milieu qui, par défaut, précharge la liste de lecture vidéo de lrsquoélément.
Étape 4. Pour chaque section ou projet que avez entré sur la page, pouvez choisir de le personnaliser davantage. Regarde ces six points. Par exemple, si sélectionnez un titre, pouvez modifier son contenu, son style ou ses fonctionnalités avancées telles que les marges et le remplissage, la réactivité, etc. Étape 5. Page de publication une fois que êtes satisfait des paramètres, pouvez vérifier le produit fini. Nous avons déjà vu lrsquoapparence de cette page dans lrsquoéditeur, mais si nous regardons lrsquoaperçu de la page actuelle, nous verrons qursquoelle est la même! Crsquoest une très bonne chose. Cela signifie qursquoune fois que la page que travaillez est active, pouvez assurer qursquoelle ressemble exactement à ce qursquoelle était lorsque lrsquoavez éditée. Crsquoest lrsquoune des caractéristiques les plus importantes de lrsquoélément. Page Builder Summary crsquoest évidemment un exemple rapide, mais il montre à quel point les points de vente sont simples
Réparer les éléments et créer un site de travail! En fin de compte, nrsquoavez pas besoin drsquoêtre un expert pour créer un site Web avec elementor. Il y a tellement de modèles à choisir que nrsquoavez jamais à recommencer à zéro à moins que ne le vouliez. Nous recommandons fortement de regarder le thème ASTRA, qui contient un grand nombre de modèles drsquoéléments appelés modèles de démarrage que pouvez utiliser. Nous aimerions également souligner un autre point: que choisissiez elementor Free ou elementor pro, les écrous et boulons du générateur de page elementor sont les mêmes. Pro nrsquooffre que des fonctionnalités plus avancées via des widgets avancés pour aider à commercialiser, e commerce, concevoir et intégrer instantanément avec drsquoautres outils communs tels que mailchimp et Adobe typekit. Construire elementor de cette façon est une grande décision, car une fois que êtes prêt à sauter de elementor Free à elementor pro, nrsquoavez plus à apprendre quoi que ce soit. Comment utiliser elementor Theme Builder en général, devez supprimer les fonctionnalités utiles lorsque quelque chose devient plus facile à utiliser. Heureusement, elementor est un cas particulier à la fois facile à utiliser et polyvalent, en grande partie grâce à son générateur de thème. Le thème Builder est disponible dans la version pro drsquoelementor et est un tournant pour ceux qui connaissent bien le page Builder, car il permet de créer des en têtes personnalisés, des pieds de page et drsquoautres contenus dynamiques pour votre site. Il permet même de couvrir tous les aspects du thème WordPress afin que puissiez rester au travail et apporter les changements nécessaires! Pourquoi le contenu dynamique est il nécessaire? Eh bien, parfois voudrez peut être héberger une page de vente sans titre traditionnel et barre latérale, ou voudrez peut être enregistrer une mise en page personnalisée de billet de blog à utiliser lors de lrsquoajout de nouveaux articles. Les possibilités sont infinies. Créer un en tête pied de page co
N elementor est il prêt à utiliser Theme Builder pour créer un en tête ou un pied de page personnalisé avec elementor? Crsquoest ce qursquoon fait! Étape 1. Après être connecté au tableau de bord WordPress, cliquez sur Templates dans le tableau de bord WordPress et allez à Templates sous element dans le menu latéral. Étape 2. Ajouter un nouveau modèle ou importer un modèle permet de créer un nouveau modèle pour un titre. avez déjà vu un titre qui aime son apparence, pouvez lrsquoimporter comme point de départ. non, cliquez sur Ajouter nouveau. Une boîte de dialogue permet de sélectionner le type de modèle, le titre dans cet exemple et le nom du modèle. (Note: elementor Free ne comprend que des modèles partiels et de page. La version pro comprend plusieurs catégories de modèles supplémentaires, y compris les widgets globaux, les en têtes, les pieds de page, les modèles individuels et les archives.) Étape 3. connaissez cette procédure, crsquoest parce qursquoelle est identique à lrsquoéditeur que nous avons utilisé lors de la création de la page entière. Il srsquoapplique maintenant à la création drsquoen têtes personnalisés. Vous pouvez suivre cette procédure pour créer votre propre mise en page en utilisant différents widgets ou même des images spécifiques ou drsquoautres contenus. Une fois le nouveau titre sauvegardé, il est facilement accessible à partir de la nouvelle page. Créer une page woocommerce en utilisant elementor crée une page de produits woocommerce personnalisée comme nrsquoimporte quelle autre page ou partie que pouvez créer. Tu sens un schéma ici? Avec woocommerce Builder, element prend en charge la création de modèles pour une seule page de produit. Lorsque créez un nouveau modèle, verrez une bibliothèque de modèles qui contient des blocs ou des pages entières qui peuvent être utilisés pour les pages de produits woocommerce. Nrsquooubliez pas que ce modèle woocommerce aura de nombreux widgets de produits dynamiques
Flexibilité, il vaut certainement la peine de voir le plug in ultime de lrsquoélément! Comment utiliser elementor pour créer des modèles pouvez créer des modèles pour tous les types de sections et de pages, y compris: pied de page en tête de billet simple page de produit drsquoarchive de blog dans cet exemple, nous utilisons des modèles drsquoarticle page. Utilisez lrsquoélément pour créer un modèle de page dans lrsquoélément, et les pages et les messages sont inclus dans le modèle de page. Il srsquoagit drsquoun modèle sauvegardé que pouvez utiliser pour nrsquoimporte quelle nouvelle page ou billet de blog, permettant drsquoêtre cohérent même si plusieurs membres de lrsquoéquipe publient. Mieux encore, cette fonctionnalité est disponible pour tous les utilisateurs drsquoéléments, y compris elementor free. Étape 1. Après être connecté au tableau de bord WordPress, cliquez sur Templates dans le tableau de bord WordPress et allez à Templates sous element dans le menu latéral. Étape 2. Ajouter un nouveau modèle ou importer un modèle permet de créer un nouveau modèle pour un titre. Dans la boîte de dialogue, sélectionnez le type de modèle de page et nommez le nouveau modèle. Ensuite, cliquez sur créer un modèle pour commencer! Étape 3. Comme lors de la création de la page précédente, utiliserez le même éditeur ici. Il suffit de créer de nouvelles sections, drsquoéditer des colonnes et de faire glisser différents widgets sur la page. Après avoir conçu votre page préférée, pouvez lrsquoenregistrer comme modèle afin que puissiez accéder à nrsquoimporte quelle autre page à lrsquoavenir. Comment créer un pop up dans element voulez créer un pop up dans element? Peut être pourriez offrir un magnétisme au plomb gratuit, faire une annonce, obtenir un contact ou autre chose? La création drsquoune fenêtre contextuelle dans lrsquoélément est simple. Cependant, devez passer à la version pro pour créer une fenêtre contextuelle. La version pro a des fonctionnalités très intéressantes, telles que bienvenue à la fenêtre contextuelle, ajout de produits de vente, intention de quitter la fenêtre contextuelle, etc.
Continuez à utiliser les paramètres comme le souhaitez. Par défaut, lrsquoimage de fond répond automatiquement. Vous pouvez contrôler complètement la personnalisation de lrsquoimage pour lrsquoadapter à votre appareil et même utiliser différentes images en fonction de la taille de lrsquoécran. Saviez que les partitions peuvent être affichées ou cachées en fonction de votre choix drsquoappareil? Par exemple, si voulez cacher une ligne drsquoimages ou de texte sur votre appareil mobile, pouvez le faire facilement. Il suffit drsquoaller à Édition gt avancé gt réaction. Avez remarqué qursquoil y a beaucoup drsquooptions dans la visibilité? Par défaut, cette section est définie pour srsquoafficher sur tous les appareils. voulez le cacher, activez le bouton en fonction de votre appareil. Bien que cette section soit toujours visible lors de lrsquoédition drsquoune page, elle nrsquoest pas visible à lrsquoavant une fois la page publiée. Pour modifier lrsquoaffichage de lrsquoensemble de la page, cliquez simplement sur lrsquoicône mode réponse au bas du tableau de bord de lrsquoélément. Par défaut, remarquerez que la vue est déplacée. Pour passer drsquoun appareil à lrsquoautre, cliquez simplement sur lrsquoicône de lrsquoappareil en haut. Pour quitter la vue de réponse, cliquez simplement sur X dans le coin supérieur droit. Dans quelle mesure est il facile de créer des vues mobiles qui répondent rapidement? Crsquoest simple, non? Pourquoi utiliser elementor maintenant que nous savons comment utiliser elementor, regardons un problème hors contexte qui se produit souvent. Pourquoi devrions nous drsquoabord utiliser elementor? Malgré votre expérience, il peut être difficile de créer un site Web. Il faut du temps et de lrsquoénergie pour atteindre le point de navigation et maintenir lrsquoesthétique globale du site. êtes un freelance ou un Webdesigner, connaissez tous les nouveaux clients
De nouveaux défis et des exigences spécifiques ont suivi. En effet, des plateformes comme WordPress facilitent tout le processus de développement du site. Crsquoest à dire que tu en veux toujours plus. Heureusement, avez des créateurs de pages de glisser déposer comme elementor qui ont porté lrsquoensemble du processus de développement Web à un nouveau niveau. Elementor peut faire beaucoup pour , de la construction de pages Web avec une variété de widgets et drsquoéléments aux blocs et modèles impressionnants. Examinons pourquoi le plug in elementor page Builder devrait être utilisé. 1. Facile à utiliser. Il est très simple de créer un site Web en utilisant elementor. Il suffit de 1 2 3. En utilisant la fonction glisser déposer, il suffit drsquoajouter le Widget ou le projet que avez sélectionné, de le personnaliser comme le souhaitez, puis de publier la page. Crsquoest simple. Vous nrsquoavez pas besoin de savoir comment programmer ou drsquoavoir des connaissances en programmation. Modifier elementor live est un éditeur WYSIWYG. Lrsquoaperçu en direct permet de voir exactement à quoi ressemble la page après sa mise à jour, plutôt que de la publier. la page ne fonctionne pas comme le souhaitez, devez la recréer. 3. Ressources puissantes et impressionnantes Avec plus de 90 widgets étonnants (aussi appelés blocs) et plus de 300 modèles de conception, pouvez libérer votre imagination tout en créant des pages Web, des pages drsquoatterrissage, des POP ups, et plus encore. Des titres aux boutons, des icônes des médias sociaux aux bibliothèques et aux manèges, presque toutes les fonctionnalités que souhaitez ajouter au site Web ont un widget. 4. Conception réactive puisque plus de 50% du trafic du site provient drsquoappareils mobiles, devez avoir le meilleur affichage mobile du site. Avec elementor, pouvez facilement prévisualiser et personnaliser les pages de votre bureau, de vos appareils mobiles et de votre tablette. Il suffit de modifier la vue et de modifier chaque élément
La ligne de gorge du Code ou lrsquoensemble du bloc de code, une simple annulation peut revenir au point de départ. Lrsquohistorique de révision de lrsquoélément permet de tracer facilement lrsquoensemble du processus de création de page. Même si nous ne voyons aucune raison de quitter elementor, si voulez passer à un autre site Web, votre site Web continuera de fonctionner. Comme certains constructeurs de page, lrsquoutilisation drsquoun élément nrsquoest pas bloquée par un code court. 14. Communauté active Avec elementor, nrsquoêtes pas seul. Grâce à la grande popularité des plug ins elementor, pouvez connecter à une communauté en croissance. Vous pouvez continuer à apprendre et à accéder à de nouveaux outils, idées de conception et plus encore. Sans parler du soutien de la communauté si avez besoin drsquoaide, de conseils et drsquoidées pour construire un grand site Web. 15. Free last but not least, you can begin Using elementor completely free. Bien qursquoil existe une version professionnelle, comme décrit dans le texte, la version gratuite devrait être disponible. Avantages et inconvénients de lrsquoutilisation drsquoelementor page Builder comme tout le reste, elementor a ses avantages et inconvénients. Bien que les avantages lemportent sur les inconvénients, nous énumérons ici les deux aspects. Elementor page Builder Professional Elementor page Builder cons Interface simple et intuitive Vous devez passer à la version pro pour le support Glisser déposer le constructeur de page Pas drsquooption de prix à vie Personnalisation facile des pages pour une variété drsquoappareils (bureau, mobile, tablette) Chargement lent de la page Aperçu en temps réel lors de lrsquoédition e 90 widgets, plus de 300 modèles et différents blocs à choisir Intégration parfaite avec des outils tiers Sécurité, mise à jour régulière
Créer des POP ups personnalisés et accrocheurs
I et animation
Compatible avec tous les sujets
Intégration sans faille avec woocommerce
La version gratuite fonctionne bien
Conclusion wow, nous avons beaucoup introduit elementor dans cet article! En ce qui concerne les principales conclusions, jrsquoespère que comprendrez pourquoi elementor est un excellent générateur de page qui élimine beaucoup de spéculations dans la conception web. Il offre un équilibre idéal entre facilité d’utilisation et profondeur de fonctionnalité, ce qui en fait l’un des générateurs de page les plus accessibles disponibles pour WordPress. J’espère aussi que souviendrez qu’astra correspond à elementor en tant que thème WordPress. Léger, rapide et flexible, Astra ajoute des fonctionnalités supplémentaires à elementor pour permettre de créer tout ce dont rêvez! Merci pour votre lecture! Jrsquoespère que cet article donnera un bon point de départ pour réussir avec elementor. avez des questions ou des commentaires, veuillez nous les faire part ci dessous!
