Comment créer un site Web avec WordPress et Elementor ?

Tout le monde ne dispose pas des compétences techniques nécessaires pour personnaliser un site Web. Il y a beaucoup à apprendre en ce qui concerne le HTML, le PHP et le CSS. Cependant, la programmation n’est pas le seul moyen de personnaliser une apparence. En fait, il faut peu d’efforts pour créer un site Web avec WordPress et Elementor.

WordPress est l’un des systèmes de gestion de contenu les plus flexibles et les plus polyvalents sur Internet. Elementor est un système d’édition riche en fonctionnalités qui facilite le développement. Combinez les deux et vous obtenez une plateforme qui permet à quiconque de créer le site de ses rêves.

Dans ce tutoriel, je vais vous montrer comment créer un site Web WordPress en utilisant Elementor. Vous pouvez commencer à concevoir quelque chose de spectaculaire aujourd’hui et commencer à construire pour demain.

Configuration de WordPress et de l’hébergement

La première chose dont vous aurez besoin est un hébergement web et un nom de domaine. C’est la base de votre site. Voyez cela comme une forme d’immobilier numérique que vous devez acheter pour construire votre “maison” ou votre “entreprise”.

Allez sur la page d’hébergement WordPress de Webographie et cliquez sur “Get Started”. Vous suivrez ensuite les instructions de la page suivante pour configurer votre compte. Vous pouvez soit enregistrer un nouveau nom de domaine gratuit, soit transférer celui que vous avez déjà.

Une fois que vous aurez configuré votre compte Webographie, vous aurez accès à cPanel. Ce tableau de bord est livré avec une variété d’outils pour vous aider à réussir. Faites défiler l’écran vers le bas jusqu’à ce que vous voyiez la section Softaculous Apps Installer. Cliquez sur l’icône de “WordPress” et installez-le sur votre nouveau domaine.

Installer Elementor

Maintenant que votre hébergement et WordPress sont prêts à fonctionner, il est temps d’installer Elementor. Allez dans la section Plugins de WordPress et cliquez sur “Add New”.

Recherchez “Elementor” dans la zone de texte à droite.

Installez et activez le plugin “Elementor Page Builder”.

Créer votre première page avec Elementor

Le plugin étant installé, nous allons maintenant passer à la création de la première page. Allez dans la section Pages et cliquez sur “Add New”.

Il s’agit de notre page d’accueil. Intitulez la page “Home” et cliquez sur le bouton “Save Draft”. C’est une bonne idée de prendre l’habitude de sauvegarder constamment votre travail. Cela réduit les risques de tout perdre en cas de problème.

Sous le titre, cliquez sur le bouton “Edit with Elementor” pour ouvrir l’éditeur du plugin.

Créez votre page d’accueil avec Elementor en utilisant un modèle préétabli

La façon la plus simple de commencer avec Elementor est d’utiliser un modèle préétabli. Cela vous donnera l’occasion de comprendre les paramètres et d’explorer ce que l’outil peut faire dans un environnement réel.

Cliquez sur le bouton “Ajouter un modèle” situé près du centre de votre écran.

Elementor dispose d’un large éventail de modèles parmi lesquels vous pouvez choisir. Certains sont gratuits tandis que d’autres ne sont disponibles que dans la version Pro du plugin. Trouvez un modèle qui vous plaît et cliquez sur le bouton “Insérer”.

Faites de votre modèle Elementor un modèle pleine largeur

Lorsque vous passez votre souris sur le modèle, vous verrez un panneau de contrôle bleu clair. La première icône est un éditeur pour la section. Cliquez sur cette icône pour changer la vue du panneau de gauche et modifier le modèle.

La première option disponible à gauche sous Layout permet d’étirer le modèle. Vous verrez une sorte d’interrupteur que vous pouvez activer et désactiver. Cliquez sur l’interrupteur pour modifier la mise en page en pleine largeur.

Modifier le texte de la page d’accueil

Vous pouvez maintenant commencer à personnaliser le contenu de la page d’accueil. Pour ce faire, vous pouvez utiliser les différents outils mis à votre disposition. Pour modifier l’un des éléments de la page, il suffit de cliquer dessus et le panneau de gauche se transforme en éditeur pour cette partie particulière.

Vous pouvez modifier les polices, les couleurs, la taille et même l’apparence de chacune des balises d’en-tête sur la page.

Modifier les images d’arrière-plan

Une autre partie importante de la personnalisation consiste à modifier votre image d’arrière-plan. Vous voudrez quelque chose qui ressemble davantage à votre site Web.

Retournez à l’écran de modification de la section et cliquez sur “Style”.

Choisissez une autre image après avoir supprimé celle qui se trouve là.

Vous avez beaucoup d’options lorsqu’il s’agit de modifier l’arrière-plan. Les dégradés, la taille et même le contenu des vidéos YouTube sont utilisables dans Elementor.

Changez les couleurs et les polices

Pour modifier les couleurs et les polices de votre page d’accueil, cliquez sur l’élément que vous souhaitez modifier et cliquez sur l’onglet “Style”. À partir de là, vous pouvez modifier les couleurs du texte à l’aide d’un sélecteur de couleurs ou en saisissant le code hexadécimal si vous l’avez à disposition. Vous avez également accès à un large éventail de polices de caractères.

Lorsque vous choisissez l’apparence des polices, il est bon d’avoir une palette fixe qui ne comprend pas beaucoup de couleurs différentes. Un site qui a trop de choses à faire est souvent distrayant et peut amener le visiteur à partir presque immédiatement.

Une fois vos modifications terminées, cliquez sur le bouton “Enregistrer” en bas à gauche.

Une fois qu’Elementor a enregistré la page, cliquez sur l’icône Menu en haut à gauche.

Cliquez sur l’option “Paramètres de la page” dans la liste du menu.

Mettez le statut dans la liste déroulante “Publié”.

Cliquez sur l’icône “X” en bas à gauche pour quitter l’éditeur et afficher votre page.

Faites de la page la page d’accueil de votre site

Maintenant que la page est créée et publiée, il est temps de la définir comme page d’accueil. Allez dans la zone des paramètres de WordPress et cliquez sur “Lecture”.

Sous l’option “Affichages de la page d’accueil”, vous verrez un bouton radio pour afficher une page statique. Cela indique à WordPress que vous voulez utiliser une page spécifique pour l’écran d’accueil de votre site Web. Cliquez sur le bouton radio à côté de “Une page statique”.

Vous allez maintenant pouvoir modifier les options de page d’accueil et de page d’article. Pour l’instant, cliquez sur la fenêtre déroulante et sur la page “Accueil” que vous avez créée.

Faites défiler jusqu’en bas de la page des paramètres et cliquez sur le bouton “Enregistrer les modifications”.

Votre page d’accueil sera maintenant celle que vous avez créée dans Elementor.

Création du reste des pages de votre site

La page d’accueil n’est pas la seule section que vous pouvez vouloir ajuster. Vous pouvez également modifier des éléments tels que les pages À propos de nous ou Contact. Dans ce cas, il suffit de suivre les étapes trois à neuf en modifiant chaque titre de la page que vous souhaitez créer.

Il est important de noter que vous devrez peut-être déplacer vos widgets dans WordPress pour que votre design s’adapte parfaitement. Vous devez également savoir que certains thèmes ont leurs propres paramètres que vous devrez peut-être ajuster pour que l’ensemble du site s’adapte parfaitement.

Par exemple, il se peut que vous souhaitiez ajuster certaines couleurs de votre thème actuel. En faisant correspondre son schéma de couleurs à celui que vous avez choisi dans Elementor, le site sera visuellement plus fluide.

Personnalisez votre site Web aujourd’hui

Elementor vous donne le contrôle de la personnalisation de WordPress sans apprendre une seule ligne de code. Le système fait tout le travail de fond pour vous. De la création de pages d’atterrissage qui convertissent à la simple création d’un look élégant pour le site, le plugin peut tout gérer. La seule chose que vous devrez ajouter est un peu de votre propre imagination.

Quels types d’outils d’édition avez-vous utilisés dans le passé pour WordPress ? Aimez-vous utiliser des modèles pré-conçus ou des mises en page personnalisées que vous construisez à partir de zéro ?