Comment utiliser elementor: guide complet (2021)

Vous êtes intéressé par la création d’un grand site Web? Bonne nouvelle… Plus facile que jamais! Vous n’avez pas besoin de coder manuellement chaque page à partir de zéro ou d’engager une équipe professionnelle. Tout ce dont vous avez vraiment besoin, c’est d’un 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, l’entrée est complètement gratuite! Dans cet article, nous allons passer en revue étape par étape comment utiliser elementor et passer en revue certaines de ses meilleures fonctionnalités. Enfin, vous devriez avoir l’impression de tout ce dont vous 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 s’opposer à l’utilisation d’elementor 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 vous permet de contrôler tous les aspects de l’apparence 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 – vous que l’élément lui – même n’est pas un thème WordPress: c’est juste un plugin. C’est important parce que vous devez encore choisir un thème spécifique pour gérer d’autres aspects du site. Installer elementor après avoir installé WordPress et les thèmes sélectionnés pour votre site, vous pouvez installer elementor page Builder en suivant plusieurs chemins différents: Méthode 1: site Web de l’élément. Visitez le site Web de l’élément pour une version gratuite de l’élément. Le bouton de téléchargement est visible
Affiche une position importante en haut de la page d’accueil.
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 télécharger le plug – in en haut. Après l’installation, 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 – vous à 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 l’é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 vous choisissez pour installer elementor, vous 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, vous pouvez ajuster les paramètres du plug – in. Cependant, contrairement à de nombreux plug – ins, la fonctionnalité maximale de l’élément apparaît sur la page elle – même. Cela signifie que vous passez la plupart de votre temps à utiliser elementor lors de la création ou de l’é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 vous et elementor à un niveau plus élevé! L’une des caractéristiques les plus importantes de tout générateur de page est la facilité d’utilisation. Vous devez avoir accès à Youtube et concrétiser votre vision sans avoir à faire beaucoup de recherches folles sur YouTube. Heureusement, elementor est l’un des générateurs de page les plus simples que nous ayons jamais utilisés. Il s’agit d’un éditeur frontal, ce qui signifie que vous pouvez voir exactement à quoi ressemble la page lorsque vous 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, l’élément prend en charge les widgets tiers. Vous trouverez de nombreux plug – ins d’elementor tiers qui peuvent étendre davantage les widgets disponibles et même développer vos widgets en utilisant les ressources de développement d’elementor!
Vous n’êtes pas sûr de vouloir ajouter plus de widgets? Bien qu’il soit pratique de fournir des widgets sur votre site pour tout ce que vous voulez faire, ce n’est 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 vous 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 vous donner plus de contrôle sur l’apparence et la fonctionnalité de votre site. L’ajout d’un générateur de thème, de widgets avancés et d’éléments globaux est populaire, mais vous n’en avez certainement pas besoin pour créer un grand site Web. Comparaison des fonctions de l’élément Voici un aperçu rapide des principales différences entre l’élément libre et l’élément pro. Élément gratuit

À partir de 49 $par site et par année

50 +

♪

♪

♪

♪

♪

♪

C’est un moment.
Elementor ale Inc. Nous créons un nouveau titre pour la page. Tout ce que vous avez à faire est de cliquer sur la boîte qui affiche l’en – 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é). Si vous ne voulez pas que cet élément prenne toute la largeur de la page (par défaut), vous pouvez personnaliser la structure de cette partie de la page en cliquant sur le petit bouton plus +.

Après avoir cliqué sur l’icône avec trois colonnes, nous voyons maintenant une nouvelle section de la page avec trois colonnes, chacune avec un bouton.

Étape 4. Pour chaque section ou projet que vous avez entré sur la page, vous pouvez choisir de le personnaliser davantage. Regarde ces six points. Par exemple, si vous sélectionnez un titre, vous 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 vous êtes satisfait des paramètres, vous pouvez vérifier le produit fini. Nous avons déjà vu l’apparence de cette page dans l’éditeur, mais si nous regardons l’aperçu de la page actuelle, nous verrons qu’elle est la même! C’est une très bonne chose. Cela signifie qu’une fois que la page que vous travaillez est active, vous pouvez vous assurer qu’elle ressemble exactement à ce qu’elle était lorsque vous l’avez éditée. C’est l’une des caractéristiques les plus importantes de l’élément. Page Builder Summary c’est évidemment un exemple rapide, mais il vous 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, vous n’avez pas besoin d’être un expert pour créer un site Web avec elementor. Il y a tellement de modèles à choisir que vous n’avez jamais à recommencer à zéro à moins que vous ne le vouliez. Nous vous recommandons fortement de regarder le thème ASTRA, qui contient un grand nombre de modèles d’éléments appelés modèles de démarrage que vous pouvez utiliser. Nous aimerions également souligner un autre point: que vous choisissiez elementor Free ou elementor pro, les écrous et boulons du générateur de page elementor sont les mêmes. Pro n’offre que des fonctionnalités plus avancées via des widgets avancés pour vous aider à commercialiser, e – commerce, concevoir et intégrer instantanément avec d’autres outils communs tels que mailchimp et Adobe typekit. Construire elementor de cette façon est une grande décision, car une fois que vous êtes prêt à sauter de elementor Free à elementor pro, vous n’avez plus à apprendre quoi que ce soit. Comment utiliser elementor Theme Builder en général, vous 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 d’elementor et est un tournant pour ceux qui connaissent bien le page Builder, car il vous permet de créer des en – têtes personnalisés, des pieds de page et d’autres contenus dynamiques pour votre site. Il vous permet même de couvrir tous les aspects du thème WordPress afin que vous puissiez rester au travail et apporter les changements nécessaires! Pourquoi le contenu dynamique est – il nécessaire? Eh bien, parfois vous voudrez peut – être héberger une page de vente sans titre traditionnel et barre latérale, ou vous voudrez peut – être enregistrer une mise en page personnalisée de billet de blog à utiliser lors de l’ajout 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? C’est ce qu’on fait! Étape 1. Après vous ê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 vous permet de créer un nouveau modèle pour un titre. Si vous avez déjà vu un titre qui aime son apparence, vous pouvez l’importer comme point de départ. Sinon, cliquez sur Ajouter nouveau. Une boîte de dialogue vous 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. Si vous connaissez cette procédure, c’est parce qu’elle est identique à l’éditeur que nous avons utilisé lors de la création de la page entière. Il s’applique maintenant à la création d’en – 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 d’autres 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 n’importe quelle autre page ou partie que vous 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 vous créez un nouveau modèle, vous 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. N’oubliez 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 l’élément! Comment utiliser elementor pour créer des modèles vous 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 d’archive de blog dans cet exemple, nous utilisons des modèles d’article \/ page. Utilisez l’élément pour créer un modèle de page dans l’élément, et les pages et les messages sont inclus dans le modèle de page. Il s’agit d’un modèle sauvegardé que vous pouvez utiliser pour n’importe quelle nouvelle page ou billet de blog, vous permettant d’être cohérent même si plusieurs membres de l’équipe publient. Mieux encore, cette fonctionnalité est disponible pour tous les utilisateurs d’éléments, y compris elementor free. Étape 1. Après vous ê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 vous 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, vous utiliserez le même éditeur ici. Il suffit de créer de nouvelles sections, d’éditer des colonnes et de faire glisser différents widgets sur la page. Après avoir conçu votre page préférée, vous pouvez l’enregistrer comme modèle afin que vous puissiez accéder à n’importe quelle autre page à l’avenir. Comment créer un pop – up dans element voulez – vous créer un pop – up dans element? Peut – être pourriez – vous offrir un magnétisme au plomb gratuit, faire une annonce, obtenir un contact ou autre chose? La création d’une fenêtre contextuelle dans l’élément est simple. Cependant, vous 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 vous le souhaitez. Par défaut, l’image de fond répond automatiquement. Vous pouvez contrôler complètement la personnalisation de l’image pour l’adapter à votre appareil et même utiliser différentes images en fonction de la taille de l’écran. Saviez – vous que les partitions peuvent être affichées ou cachées en fonction de votre choix d’appareil? Par exemple, si vous voulez cacher une ligne d’images ou de texte sur votre appareil mobile, vous pouvez le faire facilement. Il suffit d’aller à Édition > avancé > réaction. Avez – vous remarqué qu’il y a beaucoup d’options dans la visibilité? Par défaut, cette section est définie pour s’afficher sur tous les appareils. Si vous voulez le cacher, activez le bouton en fonction de votre appareil. Bien que cette section soit toujours visible lors de l’édition d’une page, elle n’est pas visible à l’avant une fois la page publiée. Pour modifier l’affichage de l’ensemble de la page, cliquez simplement sur l’icône mode réponse au bas du tableau de bord de l’élément. Par défaut, vous remarquerez que la vue est déplacée. Pour passer d’un appareil à l’autre, cliquez simplement sur l’icône de l’appareil 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? C’est 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 d’abord utiliser elementor? Malgré votre expérience, il peut être difficile de créer un site Web. Il faut du temps et de l’énergie pour atteindre le point de navigation et maintenir l’esthétique globale du site. Si vous êtes un freelance ou un Webdesigner, vous 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. C’est – à – dire que tu en veux toujours plus. Heureusement, vous avez des créateurs de pages de glisser – déposer comme elementor qui ont porté l’ensemble du processus de développement Web à un nouveau niveau. Elementor peut faire beaucoup pour vous, de la construction de pages Web avec une variété de widgets et d’é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 d’ajouter le Widget ou le projet que vous avez sélectionné, de le personnaliser comme vous le souhaitez, puis de publier la page. C’est simple. Vous n’avez pas besoin de savoir comment programmer ou d’avoir des connaissances en programmation. Modifier elementor live est un éditeur WYSIWYG. L’aperçu en direct vous permet de voir exactement à quoi ressemble la page après sa mise à jour, plutôt que de la publier. Si la page ne fonctionne pas comme vous le souhaitez, vous 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, vous pouvez libérer votre imagination tout en créant des pages Web, des pages d’atterrissage, 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 vous souhaitez ajouter au site Web ont un widget. 4. Conception réactive puisque plus de 50% du trafic du site provient d’appareils mobiles, vous devez avoir le meilleur affichage mobile du site. Avec elementor, vous 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 l’ensemble du bloc de code, une simple annulation peut revenir au point de départ. L’historique de révision de l’élément vous permet de tracer facilement l’ensemble du processus de création de page. Même si nous ne voyons aucune raison de quitter elementor, si vous voulez passer à un autre site Web, votre site Web continuera de fonctionner. Comme certains constructeurs de page, l’utilisation d’un élément n’est pas bloquée par un code court. 14. Communauté active Avec elementor, vous n’êtes pas seul. Grâce à la grande popularité des plug – ins elementor, vous pouvez vous 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 vous avez besoin d’aide, de conseils et d’idées pour construire un grand site Web. 15. Free last but not least, you can begin Using elementor completely free. Bien qu’il existe une version professionnelle, comme décrit dans le texte, la version gratuite devrait être disponible. Avantages et inconvénients de l’utilisation d’elementor page Builder comme tout le reste, elementor a ses avantages et inconvénients. Bien que les avantages l’emportent sur les inconvénients, nous vous é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 d’option de prix à vie Personnalisation facile des pages pour une variété d’appareils (bureau, mobile, tablette) Chargement lent de la page Aperçu en temps réel lors de l’édition Plus de 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