Elementor pour WordPress est un excellent moyen de créer un site Web. À l’aide d’un éditeur glisser-déposer sans code, vous pouvez personnaliser à peu près tous les aspects de la conception de votre site Web. Il y a plus de 90 widgets parmi lesquels choisir – y compris du texte, des images, des boutons et du contenu dynamique – que vous pouvez faire glisser et déposer n’importe où sur les pages et les publications de votre site Web pour la combinaison la plus étonnante visuellement.
Elementor est disponible en tant que plugin gratuit, mais les meilleures fonctionnalités, y compris la prise en charge premium et la possibilité de créer un modèle complet à partir de zéro, sont verrouillées derrière un abonnement premium. Elementor Pro vous aide à concevoir non seulement des articles et des pages, mais également des en-têtes et des pieds de page à l’aide de la même interface glisser-déposer. Elementor Free, cependant, est limité à la personnalisation des publications et des pages.
Quelle que soit la version que vous choisissez, Elementor est un plugin robuste et flexible qui vous permet de créer de superbes designs qui peuvent soit améliorer votre thème existant, soit vous aider à en créer un nouveau à partir de zéro. Dans cet article, nous examinons tout ce que vous devez savoir pour concevoir votre site Web avec Elementor et WordPress. Voir aussi notre meilleurs constructeurs de sites Web liste pour plus d’options, ou notre liste de Tutoriels WordPress pour en savoir plus sur la maîtrise de WordPress.
Tutoriel Elementor : Préparation
Avant de commencer à utiliser Elementor, vous devez disposer d’un site Web exécutant la dernière version de WordPress. Vous pouvez créer votre propre site Web WordPress en suivant les instructions étape par étape de notre Guide du débutant. Une fois cela fait, vous êtes prêt à passer à l’étape suivante et à commencer à installer Elementor.
01. Installez le plugin Elementor pour WordPress
Elementor est un plugin gratuit avec une version payante en option pour WordPress. Pour télécharger et installer le plugin sur votre site WordPress, vous devrez soit visiter Elementor.com, soit accéder au référentiel de plugins WordPress. Notez que la version payante du plugin est disponible exclusivement sur Elementor.com.
Si vous avez juste besoin d’accéder à la version gratuite d’Elementor, vous pouvez la télécharger et l’installer directement à partir du référentiel de plugins. Visitez simplement la page d’administration de votre site Web WordPress (généralement www.yourwebsite.com/wp-admin.php). De là, accédez à Plugins > Ajouter un nouveau et recherchez Elementor Page Builder. Une fois que le plugin apparaît dans les résultats de la recherche, vous pouvez cliquer sur Installer puis sur Activer le plugin.
Vous pouvez également télécharger le plugin sur Elementor.com. Visitez simplement le site Web et cliquez sur Commencer. À partir de là, vous pouvez suivre un assistant simple qui vous aidera à choisir le forfait qui vous convient (gratuit ou payant) et vous fournira un fichier ZIP téléchargeable. Vous pouvez télécharger le fichier ZIP sur votre site Web WordPress en accédant à Plugins > Ajouter un nouveau > Installez le plugin dans votre administrateur WordPress.
Si vous êtes abonné à la version payante d’Elementor, vous devrez installer un plugin supplémentaire appelé Elementor Pro en plus d’Elementor. Il est disponible en téléchargement uniquement sur Elementor.com une fois que vous avez payé pour un forfait premium et peut être installé en le téléchargeant sur votre tableau de bord WordPress.
02. Créez votre première page ou postez avec Elementor
Quelle que soit la version à laquelle vous vous êtes abonné, Elementor vous permettra de modifier des pages et des publications individuelles à l’aide d’un éditeur par glisser-déposer. Accédez simplement à la publication ou à la page que vous souhaitez modifier en visitant votre tableau de bord WordPress et en naviguant vers Pages > Ajouter un nouveau ou alors Des postes > Ajouter un nouveau. Une fois que vous êtes dans l’éditeur de page ou de publication, cliquez sur Modifier avec Elementor pour passer à l’interface utilisateur Elementor.
Elementor propose une interface glisser-déposer minimaliste qui vous permet de personnaliser vos pages et vos publications à l’aide de colonnes ou de grilles. Il y a une barre latérale sur la gauche avec une série d’éléments que vous pouvez faire glisser et déposer sur votre page à droite. Ces éléments incluent des sections, des titres, du texte, des images, des boutons, etc. Bien entendu, la version payante contient plus d’éléments que la version gratuite d’Elementor.
A partir de là, c’est assez explicite. Cliquez et faites simplement glisser les éléments dont vous avez besoin pour créer la mise en page souhaitée pour votre page. Vous pouvez également choisir parmi l’un des nombreux modèles prédéfinis disponibles via la bibliothèque de modèles si vous n’avez pas envie de créer une mise en page personnalisée. Pour accéder à la bibliothèque de modèles, vous pouvez cliquer sur l’icône du petit dossier dans la zone de contenu de votre page.
03. Travailler avec le générateur de thème Elementor
Le générateur de thèmes est accessible à partir de Modèles > Générateur de thème sur votre tableau de bord WordPress. Il débloque des options supplémentaires pour personnaliser votre site Web et vous permet de créer un thème entier à partir de zéro dans WordPress. Il est disponible uniquement sur la version pro d’Elementor. En l’utilisant, vous pouvez ajouter un nombre illimité de modèles et les configurer pour qu’ils s’affichent dans des conditions spécifiques sur certaines zones de votre site.
Vous pouvez créer plusieurs types de modèles, notamment en-tête, pied de page, page unique, publication unique, archive, résultats de recherche et erreur 404. Elementor recommande d’ajouter au moins un modèle à chacun de ces types de modèles afin de créer un thème complet. pour votre site web. Vous pouvez également créer plusieurs modèles du même type. Par exemple, vous pouvez créer un en-tête séparé pour votre page de destination et un autre pour vos publications.
Theme Builder utilise la même interface utilisateur que l’éditeur de publication et de page. Vous pouvez faire glisser et déposer des éléments pour personnaliser la conception de chaque modèle et le configurer pour qu’il soit publié sous certaines conditions sur votre site Web. Le générateur de thèmes d’Elementor est facilement l’aspect le plus polyvalent et le plus remarquable du plugin.
04. Construisez une boutique en ligne avec Elementor
WooCommerce est le plugin de commerce électronique ultime pour WordPress. Il est actuellement utilisé par plus de 2 millions de boutiques en ligne dans le monde. Avec Elementor, il peut être utilisé pour créer le site Web de commerce électronique ultime, avec une interface intuitive et une excellente conception de l’expérience utilisateur.
Une fois que vous avez installé et activé WooCommerce et Elementor à partir de votre tableau de bord WordPress, vous pouvez personnaliser chaque page de votre boutique en ligne à l’aide de modèles personnalisés. Pour ce faire, rendez-vous sur Élémentor > Générateur de thème et créez un nouveau modèle sous Produit unique.
Cela vous permettra de personnaliser la page de description du produit de votre boutique en ligne. Concevez simplement votre page à l’aide de l’éditeur de site par glisser-déposer ou choisissez l’un des nombreux modèles disponibles pour commencer. Elementor est entièrement compatible avec WooCommerce et applique automatiquement les modifications de mise en page à toutes les descriptions de produits sur votre site Web.
Les meilleures offres de création de sites Web d’aujourd’hui
Lire la suite:
— to www.creativebloq.com
Jeu de briques
Snake
Pacman
Bubble