Remarque: ce tutoriel est plus axé sur Divi. Si vous êtes nouveau sur WordPress, je vous recommande de consulter mon autre tutoriel Comment créer un site Web avec WordPress?.

Tu m’as probablement entendu parler de ça maintenant Thème Divi par Elegant Themes, mais je voulais en fait faire un tutoriel complet sur la façon de l’utiliser. Pourquoi devriez-vous utiliser le thème Divi? Eh bien, il y a en fait plusieurs raisons. Lorsque WordPress est sorti pour la première fois, il était assez révolutionnaire. Les gens ont été absolument surpris de la rapidité avec laquelle vous avez pu créer un beau site Web et le rendre pleinement fonctionnel en un rien de temps. Le thème Divi est un thème WordPress qui reprend cette idée et va encore plus loin. Il vous permet de créer des sites Web bien plus beaux et beaucoup plus avancés en moins de temps que vous n’auriez jamais cru possible.

En bref, voici ce que vous devez faire:

  1. Obtenez un hébergement Web
  2. Obtenez une licence pour des thèmes élégants
  3. Installez WordPress
  4. Téléchargez le thème Divi
  5. Téléchargez le thème Divi dans votre installation WP
  6. Activez-le
  7. Construisez votre site Web avec Divi Builder

Avant de commencer, si vous êtes nouveau sur le sujet Divi et Divi Builder, vous pouvez jeter un coup d’œil à mon autre article qui explique cela Qu’est-ce que divi. Je le mentionne ici juste au cas où vous seriez un débutant complet.

Le thème entier est également extrêmement facile à utiliser pour à peu près tout le monde. Si vous connaissez déjà WordPress, apprendre à utiliser le thème Divi est extrêmement rapide et facile. Cela en fait un sujet merveilleux. sa personnalisation, sa facilité d’utilisation et la vitesse à laquelle vous pouvez créer un site vraiment merveilleux.

Avant de me lancer dans la création d’un site Web sur le thème de Divi, laissez-moi d’abord mentionner que si pour une raison quelconque vous n’avez pas déjà d’hébergement, je vous recommande vivement de créer un compte avec SiteGround. À mon avis, ils sont de loin le meilleur hébergeur pour tout site Web que vous démarrez. C’est une société d’hébergement Web recommandée par wordpress.org, et elle est également très populaire dans les communautés d’utilisateurs du thème Divi. Tous les plans SiteGround ont tout ce dont vous avez besoin pour exécuter WordPress et Divi – PHP, MySQL, Apache, installation WordPress en 1 clic et des fonctionnalités spécifiques telles que: B. Disques SSD pour accélérer le temps de chargement de votre site Web autant que possible.

Tous les plans SiteGround ont les fonctionnalités ci-dessus. Les plans Grow Big et Go Geek de niveau supérieur ont des fonctionnalités extra premium et geek comme SuperCacher pour la haute vitesse, le support technique prioritaire, la mise en scène, etc. un budget serré.

Pour pouvoir utiliser le thème Divi, vous avez également besoin d’un abonnement Thèmes élégants. Je vous recommande vivement de profiter d’un accès annuel pour seulement 89 $ par an. C’est moins de 7 $ par mois (bien que vous soyez facturé annuellement). Pour cette somme raisonnable, vous avez accès à TOUS les nombreux thèmes d’ElegantThemes (y compris le thème Divi) ainsi qu’aux deux plugins premium qui Plug-in Monarch (pour améliorer votre partage sur les réseaux sociaux) et le Plugin Bloom (pour élargir la boîte de sélection de votre site Web et augmenter le nombre total de souscriptions). Le partage social et les opt-ins sont extrêmement importants pour tout blogueur, donc je ne saurais trop recommander ce package. C’est plein de valeur.

Téléchargez et activez le thème Divi

Avant de pouvoir commencer à concevoir notre site avec Divi, nous devons d’abord l’installer sur notre site WordPress (si vous n’avez pas encore installé WordPress, suivez mes instructions Tutoriel d’installation correct). Bien sûr, si vous l’avez déjà installé sur votre site, vous pouvez ignorer cette étape. Cependant, si vous ne l’avez pas installé et que vous ne savez pas comment le faire, vous devriez certainement y prêter attention.

La première chose à faire est de télécharger le fichier de thème Divi depuis votre backend ElegantThemes. Peu importe où sur votre ordinateur vous choisissez de l’enregistrer, mais assurez-vous de l’enregistrer dans un endroit dont vous vous souviendrez. Par exemple, vous pouvez l’enregistrer sur votre bureau, puis simplement le supprimer si vous le souhaitez (ou vous pouvez l’enregistrer à un autre emplacement sur votre ordinateur pour de futurs téléchargements, si nécessaire).

Une fois cela fait, vous pouvez aller dans l’onglet « Apparence » de votre tableau de bord WordPress puis cliquer sur « Thèmes ». Après avoir cliqué sur « Thèmes » ci-dessus, vous verrez un bouton indiquant « Ajouter un nouveau ». Alors cliquez dessus. Vous verrez alors un bouton intitulé «Télécharger le sujet» à peu près au même endroit. Cliquez dessus, puis cliquez sur Choisir un fichier. Vous téléchargerez ensuite le thème depuis votre ordinateur en double-cliquant dessus. Une fois qu’il est là, vous voudrez simplement cliquer sur « Installer le thème ». Après cela, le thème doit être installé et vous pouvez commencer. J’en ai écrit un aussi Guide rapide pour installer Diviafin que vous puissiez le vérifier aussi.

Revenez donc à votre liste de sujets dans le sous-onglet Thèmes (sous Apparence). Après avoir examiné vos thèmes, vous devriez voir le thème Divi répertorié ici. Cependant, il n’est pas encore activé. Tout ce que vous voulez faire est de cliquer sur le sujet lorsque vous le trouvez et appuyez sur « Activer » et vous avez terminé. Après cela, le thème Divi devrait être actif et vous pouvez commencer à créer votre nouveau site!

Créez votre site web avec le thème Divi

MISE À JOUR: Depuis la sortie de Divi version 3.0 en septembre 2016, il est désormais également fourni avec le Visual Builder. Vous pouvez voir à quoi il ressemble dans la capture d’écran ci-dessous. En fait, vous pouvez voir en direct toutes les modifications que vous apportez à une page (ou à un article) WordPress. Cela fait de Divi un outil parfait. Si vous n’avez pas encore essayé le constructeur visuel, c’est l’endroit où aller. C’est addictif. 🙂 🙂

Générateur visuel de thème Divi

Dans le Divi Theme Page Builder, tout est composé de sections, de lignes et de modules. Les sections sont le plus grand de ces trois éléments organisationnels, puis les lignes sont le second, et enfin les éléments individuels appelés modules. Une section s’exécute sur votre site et comporte des lignes imbriquées (il peut y avoir plusieurs lignes par section). Placez les modules dans les lignes. Les modules peuvent être des éléments tels que des images, du texte, etc. Veuillez noter que vous pouvez également nommer vos différents modules et sections pour les rendre plus faciles à identifier en un rien de temps. Veuillez également noter que les sections sont bleues, les lignes vertes et les modules gris. Pour les lignes et les sections, vous verrez cette couleur sur la gauche.

Mises en page du générateur de page

Donc, avant de pouvoir faire quoi que ce soit, vous devez commencer par votre première section, puis déterminer pour votre première ligne le nombre de colonnes que vous souhaitez et bien sûr la taille des colonnes. Lorsque vous ajoutez une section, vous verrez qu’une ligne y est déjà insérée par défaut, mais vous devez toujours la configurer. La première chose à faire est de cliquer sur « Insérer des colonnes » afin de pouvoir choisir le nombre de colonnes que vous souhaitez inclure. Une fois que cela est fait, vous serez présenté avec tout un tas d’options différentes quant aux colonnes que vous souhaitez utiliser.

Différentes dispositions de colonnes sont disponibles pour chaque ligne. Par exemple, vous pouvez avoir une grande section ou deux demi-sections. Vous pouvez le diviser en quatre quarts de section séparés si vous le souhaitez, ou vous pouvez régler la section de gauche sur 1/3 et de droite sur 2/3 et vice versa. Vraiment, toute combinaison de moitiés, de tiers, de quarts ou d’une section entière est à votre disposition. Faites simplement défiler et cliquez sur les tailles de colonne souhaitées pour votre première ligne. Par exemple, vous pouvez cliquer sur les deux colonnes demi-taille. Dans cette ligne, deux champs rectangulaires avec une bordure grise avec l’inscription « Insérer module » sont affichés.

Parlons maintenant des modules. Cliquez sur l’une des sections, puis sur le bouton Insérer des modules. Une fenêtre s’ouvrira montrant tous les différents modules que vous pouvez ajouter. La liste est VRAIMENT longue. J’adore le nombre d’options qu’ils nous offrent ici, pour être honnête. Vous pouvez ajouter des éléments très basiques tels que: B. Texte, images, texte de présentation ou barre latérale, mais il existe également de nombreux autres modules « avancés » que vous pouvez ajouter. Des exemples en sont, par exemple, un article de blog, un appel à l’action, des onglets, un compteur animé, un formulaire de contact, un témoignage ou même un tableau de prix complet.

Générateur de pages de modules

Dès que vous cliquez sur un module, tous les paramètres de ce module s’affichent immédiatement. Par exemple, lorsque je clique sur le module d’image, je vois des paramètres tels que l’URL / téléchargement de l’image, le texte alternatif de l’image, l’URL du lien et l’animation. Tous les champs ne doivent pas être remplis. Par exemple, vous n’êtes pas obligé d’associer votre image à une URL de destination si vous ne le souhaitez pas. Ce que j’aime chez Divi, c’est que remplir les informations requises pour créer chaque module est très simple. Une autre grande chose à propos de Divi est que, une fois créé, vous pouvez faire glisser et déposer n’importe quel module sur n’importe quelle autre ligne, où vous le souhaitez. Cela facilite grandement le déplacement des sections sur votre site. Cette fonctionnalité fait vraiment de Divi un sujet de tueur.

Sous chaque section, il y a un bouton pour insérer une nouvelle section, sous chaque ligne un bouton pour insérer une nouvelle ligne, et enfin sous chaque module individuel un bouton pour insérer un nouveau module, ce qui rend le sujet extrêmement facile à ajouter. Ajoutez simplement les sections, onglets et modules de votre choix où vous le souhaitez, puis déplacez-les où vous le souhaitez. Avant de vous en rendre compte, vous avez un beau site Web qui semble avoir été créé par une entreprise chère, une entreprise de conception de sites Web professionnelle.

Si vous voulez de l’inspiration sur ce qui est possible avec Divi, jetez un œil à ces 7 Exemples de sujets Divique j’ai choisi pour vous.

J’espère que cela vous aidera et bonne chance pour créer votre premier site Web fonctionnel sur le thème de Divi!

Ce guide est également disponible en Espanol, Portugais et italien.



Source link

Recent Posts