Comment créer un site Web époustouflant avec Divi

Construire un site Web WordPress ne doit pas être une tâche herculéenne. Vous n'avez pas besoin d'un plugin de création de site Web WordPress séparé et d'un thème WordPress séparé pour créer un site époustouflant et hautement optimisé. Tout ce dont vous avez besoin est un outil WordPress tout compris fourni avec les thèmes et le créateur de site Web dont vous avez besoin pour créer votre site Web. L'un des outils les plus populaires que vous pouvez envisager est Divi. Dans cet article, nous vous expliquerons étape par étape le processus de création d'un site Web avec Divi. Entrons directement dans les détails.

Qu'est-ce que Divi ?

Tout d'abord, établissons un contexte pour cet outil. Divi est l'un des créateurs de sites Web les plus populaires sur le marché. Il permet aux utilisateurs d'utiliser simplement un mécanisme de glisser-déposer pour créer un site Web. Il est intéressant de noter que plus de 2,5 millions de sites ont été créés avec Divi.

C'est sans aucun doute un thème très populaire. Le constructeur de thèmes Divi est tout compris et avec une seule licence de thème Divi, vous pouvez créer un nombre illimité de conceptions de sites Web. Divi est livré avec plus de quarante modules que vous pouvez utiliser pour créer votre site Web.

Il s'agit d'un outil premium avec deux packages différents - une licence annuelle et une licence d'accès à vie. Les deux plans vous permettent de créer un nombre illimité de sites Web avec une seule licence.

Vous pouvez explorer les plus de 157 modèles prédéfinis disponibles dans le package de thème Divi pour créer votre site Web. La meilleure partie est que l'outil est compatible avec d'autres plugins de thème sur WordPress. Cela signifie que si vous souhaitez utiliser Divi Builder avec un plugin tiers, vous le pouvez.

Comment créer un site Web WordPress en utilisant le thème Divi

Maintenant que nous avons une compréhension générale de ce qu'est l'outil Divi, la prochaine chose est de voir comment créer un site Web WordPress en utilisant le thème Divi. Vous pouvez créer un site avec le thème Divi en trois étapes. Ces étapes sont mises en évidence ci-dessous :

• Lancez votre site WordPress.

• Installez et configurez le thème Divi sur votre site WordPress.

• Construisez votre site avec le thème Divi.

Nous verrons chaque étape en détail dans cet article. Alors, préparez-vous à créer votre site Web avec l'un des meilleurs outils du marché !

Lancez votre site WordPress

Avant de créer un site WordPress personnalisé avec le thème Divi, la première chose est de lancer le site WordPress. Pour faire ça, suit les étapes suivantes:

Étape 1 : Obtenez l'hébergement de votre site Web. Quel que soit le type de site Web que vous souhaitez créer, vous devez d'abord obtenir un nom de domaine et un hébergement. Il existe des dizaines de sociétés d'hébergement exceptionnelles que vous pouvez explorer pour votre hébergement. Nous proposons l'hébergement dans le cadre de nos services de maintenance WordPress.

Étape 2 : Obtenez un nom de domaine pour votre site. La plupart des sociétés d'hébergement proposent des noms de domaine dans le cadre du pack d'hébergement. Si vous avez déjà acheté un nom de domaine, vous pouvez le transférer sur la plateforme d'hébergement que vous souhaitez utiliser. Chaque plate-forme d'hébergement a son processus de configuration, mais il est souvent facile et simple à suivre.

Suivez les instructions sur le site d'hébergement pour terminer votre transaction pour l'achat de votre hébergement et de votre nom de domaine. WordPress est installé automatiquement sur la plupart des plates-formes d'hébergement, tandis que d'autres proposent une installation en un clic pour WordPress.

Il est assez facile de terminer ce processus sans aucun problème. Lorsque vous avez terminé de configurer votre nom de domaine et votre hébergement, et d'installer WordPress, votre site Web est mis en ligne et lorsque vous vérifiez votre nom de domaine dans le navigateur, vous aurez quelque chose comme ceci :

Configurez le thème Divi sur votre site WordPress

Maintenant que votre site Web est en ligne et que vous avez une ardoise vierge pour créer votre site Web personnalisé, la prochaine étape consiste à télécharger et à activer le thème Divi sur votre nouveau site. Pour faire ça, suit les étapes suivantes:

Étape 1 : Achetez le thème Divi. L'achat du thème Divi vous donne accès à différents autres produits, y compris Monarch et d'autres plugins et thèmes populaires. Pour faire ça, suit les étapes suivantes:

• Visitez le site Web d'Elegant Themes et cliquez sur « Tarification ». Cela ouvrira les deux packages de thèmes élégants disponibles. Vous pouvez sélectionner l'une des deux options en fonction de vos besoins et de votre budget. Cliquez sur le bouton "Inscrivez-vous aujourd'hui" de votre option préférée.

• Cela vous amènera à une autre page où vous devrez remplir vos coordonnées ainsi qu'un nom d'utilisateur et un mot de passe. Ensuite, cliquez sur "Terminer l'inscription".

• Vous serez redirigé vers la section de paiement où vous devrez entrer les détails de votre carte pour terminer votre transaction. Cliquez sur le bouton « Payer 89 $ » pour terminer votre paiement. Si vous choisissez l'autre forfait, le montant sera reflété au lieu de 89 $.

• Après le paiement réussi, l'étape suivante consiste à télécharger le thème Divi. Cliquez sur "Connexion pour télécharger tous nos produits disponibles".

• Renseignez vos identifiants et cliquez sur le bouton « Se connecter ».

• Cliquez sur le bouton « Télécharger le thème Divi ». Cela téléchargera un dossier zip du thème Divi sur votre système informatique.

Étape 2 : Installez le thème Divi sur votre site WordPress. Pour ce faire, accédez à votre tableau de bord WordPress et suivez les étapes ci-dessous :

• Cliquez sur "Apparence" puis sur "Thèmes"

• Cliquez sur « Ajouter un nouveau », puis sur « Télécharger le thème »

• Cliquez sur « Choisir un fichier » et sélectionnez le fichier zip téléchargé sur votre système. Ensuite, cliquez sur "Installer maintenant".

Étape 3 : Activer le thème Divi

• Accédez au menu de gauche de votre tableau de bord WordPress et sélectionnez Divi. Ensuite, sélectionnez "Mises à jour" dans les options du thème Divi.

• Entrez votre nom d'utilisateur et la clé API. Pour trouver la clé API, allez dans "Mon compte" et localisez la section intitulée "Clés API". Copiez la clé API et passez-la dans la zone Clé API, puis cliquez sur "Enregistrer les modifications". Cela activera le thème Divi sur votre site WordPress.

Créez votre site avec le thème Divi

Avec le thème Divi, vous pouvez explorer différentes fonctionnalités pour créer votre site Web parfait. Suivez les étapes simples ci-dessous pour créer votre site Web avec Divi Theme :

Étape 1 : Créez la page d'accueil avec les mises en page existantes. Votre page d'accueil est le premier endroit où vos visiteurs arriveront lorsqu'ils accéderont à votre site Web. Il doit donc être le plus attrayant possible. Suivez les étapes ci-dessous pour créer une page d'accueil attrayante :

• Cliquez sur le menu « + Nouveau » en haut du site et choisissez « Page »

• Ajoutez le titre de la page (Accueil) et cliquez sur « Utiliser Diva Builder ».

• Vous avez le choix entre trois options sur la page suivante. Ce sont "Créer une page à partir de zéro", "Choisir une mise en page prédéfinie" et "Cloner une autre page existante". Dans ce guide, nous verrons comment créer une page à partir de zéro et comment utiliser une mise en page prédéfinie.

Comment utiliser une mise en page prédéfinie pour créer une page d'accueil

• Accédez à la section "Choisir une mise en page prédéfinie" et cliquez sur "Parcourir les mises en page"

• Sélectionnez votre mise en page préférée et cliquez sur « Utiliser cette mise en page ». Vous pouvez cliquer sur différentes mises en page et les prévisualiser pour voir à quoi elles ressembleront sur votre site.

• Pour modifier et personnaliser le texte dans la mise en page, sélectionnez le texte en double-cliquant dessus et en saisissant le texte que vous souhaitez utiliser. Vous pouvez modifier tous les textes de la page en les sélectionnant et en les remplaçant par votre texte.

• Pour changer des images sur le site, double-cliquez sur l'image que vous souhaitez remplacer et cliquez sur l'image. Ensuite, faites glisser et déposez votre image préférée depuis votre système pour remplacer l'image.

• Lorsque vous avez terminé les modifications, cliquez sur le bouton « Publier » puis sur « Quitter Visual Builder » dans la partie supérieure du site.

• Vous pouvez créer d'autres pages sur le site en suivant ce processus

Comment créer une page d'accueil à partir de zéro

• Cliquez sur « +Nouveau » puis sur « Page ».

• Saisissez le titre de la page et cliquez sur « Utiliser Divi Builder ».

• Sélectionnez « Build from Scratch » puis « Start Building ».

• Pour commencer, cliquez sur l'icône « + » au milieu de la page et trois options s'afficheront : Spécialité, Pleine largeur et Régulier.

• Votre choix déterminera la structure de chaque section que vous construisez. Pour une section pleine largeur, cliquez sur « Pleine largeur ». Cela fera apparaître une liste d'éléments que vous pouvez ajouter à la page à partir de Fullwidth.

Pour créer l'en-tête, cliquez sur "En-tête pleine largeur". Cela insérera l'en-tête pleine largeur dans le site. Vous pouvez personnaliser le texte en sélectionnant le texte et en le remplaçant par un nouveau texte. Vous pouvez le faire pour chaque section de la page.

Vous pouvez également mélanger "Regular" et Specialty" dans le design pour créer un design unique. Lorsque vous êtes satisfait du résultat, cliquez sur le bouton "Publier" puis sur "Quitter Visual Builder". Vous pouvez suivre ces étapes pour remplir et concevoir d'autres pages de votre site Web.

Étape 2 : Créer le menu principal

• Cliquez sur le nom du site, puis choisissez « Thème Customizer »

• Cliquez sur « Menus de la zone ouverte puis cliquez sur « Créer un nouveau menu ».

• Saisissez le nom du menu à créer et choisissez l'endroit où vous souhaitez afficher le menu. Il peut s'agir du menu "Primaire", "Secondaire" ou "Pied de page".

• Lorsque vous avez choisi l'emplacement préféré, cliquez sur « Suivant ».

• Cliquez sur « +Ajouter des éléments » et une liste de pages que vous pouvez ajouter aux éléments de menu s'affichera.

• Cliquez sur l'icône « + » pour ajouter n'importe quelle page en tant qu'élément de menu. Vous pouvez ajouter autant d'éléments que vous le souhaitez en utilisant les mêmes boutons.

• Lorsque vous avez terminé, cliquez sur la page « Publier » pour enregistrer toutes les modifications que vous avez apportées.

Étape 3 : Changez le logo sur le site. Pour supprimer le logo Divi par défaut et le remplacer par le logo de votre entreprise, suivez les étapes ci-dessous :

• Accédez au tableau de bord WordPress et cliquez sur "Divi" dans le menu latéral

• Accédez à l'option Logo sous l'onglet « Général » dans le thème Divi.

• Cliquez sur "Télécharger", puis faites glisser et déposez le logo de votre entreprise dans l'espace où se trouvait le logo par défaut.

• Cliquez sur « Enregistrer les modifications », puis actualisez votre site Web pour voir les modifications que vous avez apportées.

Conclusion

C'est ça! Vous avez réussi à créer un site Web avec Divi. Vous n'avez besoin d'aucun codage ou shortcode pour créer votre site Web lorsque vous utilisez Divi. Il s'agit d'un simple mécanisme de glisser-déposer qui rend le processus simple et transparent.