Outil de personnalisation des mises en page WordPress avec Elementor

Voulez-vous créer vos propres mises en page personnalisées dans WordPress ?

Elementor est un constructeur de page WordPress drag-and-drop qui vous permet de concevoir facilement des mises en page WordPress personnalisées sans avoir aucune connaissance en matière de codage.

Dans cet article, nous allons vous afficher comment créer facilement des mises en page WordPress personnalisées avec Elementor en quelques clics.

Pourquoi et quand avez-vous besoin de mises en page WordPress personnalisées ?

De nombreux thèmes WordPress gratuits et premium sont livrés avec plusieurs choix de mises en page pour différents types de pages. Cependant, il arrive qu’aucune de ces mises en page ne réponde à vos Prérequis.

Si vous savez coder en PHP, HTML et CSS, vous pouvez créer vos propres modèles de page ou même créer un thème enfant pour votre site. Cependant, la majorité des utilisateurs/utilisatrices de WordPress n’étant pas développeurs/développeuses, cette option ne leur convient pas.

Ne serait-ce pas génial si vous pouviez simplement concevoir des mises en page à l’aide d’une interface de type « glisser-déposer » ?

C’est exactement ce que fait Elementor. C’est un plugin de constructeur de page WordPress drag-and-drop qui vous permet de créer facilement vos propres mises en page WordPress personnalisées sans aucune compétence en codage.

Il dispose d’une interface utilisateur intuitive qui vous permet de construire des mises en page personnalisées avec une Prévisualisation directe. Il est livré avec de nombreux modules prêts à l’emploi pour toutes sortes d’éléments de conception web.

Elementor dispose de plusieurs modèles conçus par des professionnels que vous pouvez charger instantanément et utiliser comme point de départ. Il fonctionne avec tous les thèmes WordPress conformes aux normes et est compatible avec toutes les extensions WordPress populaires. Pour plus de détails, consultez notre avis complet sur Elementor.

Cela dit, voyons comment créer des mises en page WordPress personnalisées avec Elementor.

Premiers pas avec Elementor

Tout d’abord, vous devrez acheter l’extension Elementor Pro. Il s’agit de la version payante de l’extension gratuite Elementor et vous donne accès à des fonctionnalités supplémentaires et à 1 an de support.

Ensuite, vous devrez installer et activer l’extension Elementor. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, vous devez vous rendre sur la page  » Réglages  » d’Elementor pour configurer les paramètres de l’extension.

Ici, vous pouvez activer Elementor pour différents types de publication. Par défaut, il est activé pour les publications et les pages de WordPress. Si vous avez des types de publication personnalisés sur votre site, ils apparaîtront également ici et vous pourrez les activer.

Vous pouvez exclure ou inclure des rôles du compte qui peuvent utiliser Elementor lors de la rédaction de publications ou de pages. Par défaut, le constructeur de page est activé uniquement pour les administrateurs/administratrices.

Ensuite, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour stocker vos Réglages.

Créer des mises en page WordPress personnalisées avec Elementor

Tout d’abord, vous devez créer une nouvelle page ou une nouvelle publication sur votre site WordPress. Sur l’écran de modification de l’article, vous remarquerez le nouveau bouton  » Modifier avec Elementor « .

En cliquant dessus, vous lancerez l’interface utilisateur d’Elementor, où vous pourrez modifier votre page à l’aide du constructeur de page par glisser-déposer d’Elementor.

Vous pouvez ajouter des sections et construire votre page à partir de zéro, ou vous pouvez choisir un modèle.

Les modèles vous donnent un moyen rapide et facile de commencer. Elementor est livré avec plusieurs modèles professionnellement conçus que vous pouvez personnaliser autant que vous le souhaitez.

Commençons par un modèle en cliquant sur le bouton « Ajouter un modèle ».

Une fenêtre surgissante s’affichera, dans laquelle vous pourrez voir les différents modèles disponibles. Vous devez rechercher un modèle qui ressemble à ce que vous voulez pour votre page.

Dans notre exemple, nous nous intéressons aux modèles de page 404.

Vous devez maintenant cliquer pour sélectionner le Modèle qui vous plaît, puis cliquer sur le bouton  » Insérer  » pour l’ajouter à votre page.

Elementor va maintenant charger le Modèle pour vous.

Vous pouvez maintenant commencer à modifier le Modèle pour qu’il corresponde à vos besoins. Il suffit de pointer et de cliquer sur n’importe quel élément pour le sélectionner, et Elementor vous affichera ses Réglages dans la colonne de gauche.

Comment fonctionnent les mises en page d’Elementor ?

Parlons maintenant du fonctionnement des Mises en page d’Elementor.

Les Mises en page Elementor sont construites à l’aide de sections, de colonnes et de widgets. Les sections sont comme des lignes ou des blocs que vous placez sur votre page.

Chaque section peut avoir plusieurs colonnes, et chaque section et colonne peut avoir ses propres styles, couleurs, contenu, etc.

Vous pouvez ajouter n’importe quoi dans vos colonnes et sections en utilisant les widgets Elementor. Ces widgets sont différents types de blocs de contenu que vous pouvez placer dans vos sections Elementor.

Il suffit de sélectionner un widget et de l’Avancer dans votre section ou colonne. Il existe un vaste ensemble de widgets disponibles qui couvrent tous les éléments de conception web populaires auxquels vous pouvez penser.

Vous pouvez ajouter des images, du texte, des titres, des galeries d’images, des vidéos, des cartes, des icônes, des témoignages, des diaporamas, des carrousels et bien plus encore.

Vous pouvez également ajouter des widgets WordPress par défaut et même les widgets créés par d’autres extensions WordPress sur votre site. Par exemple, si vous utilisez WPForms pour créer différents formulaires pour votre site, alors vous pouvez utiliser son widget dans Elementor.

Une fois les modifications terminées, vous pouvez cliquer sur la flèche située à côté du bouton « Publier » pour voir les différentes options d’enregistrement.

Note : L’enregistrement d’une mise en page ne publiera pas la page sur votre site WordPress, mais l’enregistrera.

Vous pouvez maintenant prévisualiser votre page ou vous rendre dans le Tableau de bord WordPress.

Vous revenez ainsi à l’éditeur/éditrices de publications WordPress. Vous pouvez maintenant enregistrer votre page WordPress ou la publier sur votre site.

Créer vos propres modèles dans Elementor

Elementor vous permet d’enregistrer vos propres mises en page personnalisées en tant que modèles. Ainsi, vous pouvez réutiliser vos propres modèles pour créer de nouvelles pages encore plus rapidement à l’avenir.

Il suffit de modifier la page que vous souhaitez enregistrer en tant que modèle avec Elementor.

Dans l’interface du Constructeur Elementor, cliquez sur la flèche à côté du bouton  » Publier « . Vous verrez maintenant plus d’options pour enregistrer votre publication. Cliquez simplement sur l’option  » Enregistrer en tant que Modèle « .

Une fenêtre surgissante s’affiche, dans laquelle vous devez donner un nom à votre Modèle.

Après avoir saisi/saisie le nom, cliquez sur le bouton « Enregistrer ».

La prochaine fois que vous créerez une mise en page personnalisée, vous pourrez la sélectionner dans l’onglet « Mes Modèles ».

Il vous suffit de cliquer sur le bouton « Insérer » pour votre mise en page personnalisée.

Vous pouvez également exporter ce modèle et l’utiliser sur d’autres sites WordPress à l’aide d’Elementor.

Il suffit de cliquer sur l’icône des 3 points, puis sur l’option « Exporter ».

À partir de là, vous pouvez télécharger le Modèle sur votre ordinateur.

Alternatives à Elementor pour créer des mises en page personnalisées.

Outre Elementor, il existe d’autres constructeurs de pages d’atterrissage et de sites Web qui vous permettent de créer des mises en page personnalisées pour votre site.

Voici quelques-unes des meilleures alternatives à Elementor que vous pouvez utiliser :

• SeedProd est le meilleur constructeur de site WordPress drag-and-drop qui vous permet de créer des mises en page personnalisées pour vos pages d’atterrissage. Il y a plus de 300 modèles de thèmes ou de pages d’atterrissage à choisir. SeedProd offre également des tonnes d’options de personnalisation et de blocs pour créer des pages époustouflantes. Pour plus de détails, vous pouvez consulter notre Avis complet sur SeedProd.
• Divi est un thème visuel et un constructeur de page. Il est dans l’industrie depuis plus de 14 ans et offre différentes fonctionnalités pour créer des mises en page WordPress, y compris une bibliothèque de mises en page. Il y a beaucoup d’options de personnalisation dans le constructeur visuel, et vous n’avez pas à modifier de code.
• Thrive Architect est un constructeur de page puissant et convivial pour les débutants que vous pouvez utiliser pour créer de belles mises en page. Il est livré avec 352+ modèles et de nombreuses options de personnalisation. Vous pouvez utiliser son constructeur visuel public pour modifier n’importe quel élément de la page. Pour plus de détails, consultez notre avis sur Thrive Architect.
• Beaver Constructeur est un autre constructeur de page drag-and-drop populaire pour WordPress. Il est facile à utiliser, et vous pouvez facilement configurer des mises en page pour les pages et les publications en utilisant Beaver Constructeur. Il offre également des modèles prédéfinis pour les pages d’atterrissage, mais il n’y en a pas autant qu’avec SeedProd ou Divi.

Nous espérons que cet article vous a aidé à apprendre à créer des mises en page WordPress personnalisées avec Elementor. Vous pouvez également consulter notre comparaison d’experts entre Elementor vs Divi vs SeedProd et nos choix pour le meilleur logiciel de conception web.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.