Comment créer un blog avec Divi quand on débute ?

Comme tu le sais Divi est le thème que j’utilise pour tout mes projets de création de blog, site vitrine ou encore site E-Commerce. C’est le thème idéal ! Grâce à Divi réalisé par Elegant Theme. On peut construire chaque page de son site avec des blocs modulables et entièrement personnalisables. Que ce soit esthétiquement, les couleurs, les polices, les animations, on peut TOUT personnaliser. Dans cet article je vais t’éclairer sur comment créer ton blog avec Divi quand on débute.

1- Installer Divi sur WordPress

Une fois que tu as acheté ta licence Divi sur le site de Elegant Theme. Tu vas pouvoir télécharger les fichiers ZIP sur ton espace personnel sur Elegant Theme. A savoir Divi qui est le thème et Divi Builder, Bloom, et Monarch qui sont des plug ins reliés à Divi. Afin que Divi fonctionne correctement tu es obligé de prendre le Divi Builder c’est ce plug in qui te permettra de construire tes pages comme tu le souhaites. Bloom est un plug in qui te permet de configurer des POP UP et Monarch les réseaux sociaux. Ils ne sont donc pas obligatoire pour le bon fonctionnement de Divi. Je te laisse le lien de mon précédent article pour en apprendre plus sur ces Plug In 😉 https://angelydigital.com/pourquoi-divi-est-le-meilleur-theme-wordpress/

Maintenant rendez vous dans l’onglet WordPress Apparence > Thème.

Cliquer sur Ajouter

Puis cliquer sur Téléverser un thème,

Cliquer sur choisir un fichier, mettre le ZIP Divi et cliquer sur Installer.

Plus qu’à cliquer sur Activer en bas à droite du thème et c’est parti ! C’était la première
étape. La seconde étape va être d’installer les Plug In Divi Builder, ainsi que Bloom et Monarch si nécessaire.

Rendez vous dans Extensions puis cliquer sur Ajouter.

Comme la procédure du thème Divi cliquer sur Téleverser une extension puis ajouter les fichiers un à un pour ajouter les extensions. Attention de ne pas oublier de les activer ensuite. Ca y est tu es paré pour créer le blog de tes rêves !

2 – Comment mettre en forme tes différentes pages Divi ?

Depuis Octobre 2019 la mise à jour Divi 4 nous simplifie la vie. Elle nous permet désormais de créer chaque page de notre blog de manière dynamique. Qu’est-ce que j’entends par là ? Tu vas pouvoir créer par exemple une page « article » avec l’esthétique que tu souhaites une seule fois. Et à chaque article mis en ligne par la suite la mise en page se fera automatiquement toute seule avec ce que tu auras créé ! C’est pas beau ça ? Plus de perte de temps demise en page de taille de police etc … Tu auras juste besoin de temps au début pour créer tes pages et ensuite c’est bon ! Tout se fera automatiquement quand tu publieras
quelque chose 😉 Alors c’est parti ?

Rendez-vous dans Divi >
Thème Builder.

Tu vas créer en premier ton modèle par défaut. (1er carré sur la capture d’écran)

Ton en-tête sera ton menu il faudra donc au préalable créer tes pages puis les ajouter dans ton menu (Apparence > menu). Le corps global sera ta page d’accueil et le pied de page sera ton footer. Comme tu peux le constater tu peux tout personnaliser pour
chaque page !

Pour créer ton en tête, je t’invite à cliquer sur « Ajouter un en-tête global » puis sur
« construire un en-tête personnalisable ».

Tu arrives sur cette page.

Clique sur le cadre bleu « Construire à partir de zéro ».

Ce cadre apparaît.

Cliquer sur la barre verte
entière. Ce cadre apparaît :

Tu cliques sur Menu. Tes pages apparaissent en haut.

Tu vas pouvoir ensuite personnaliser le tout pour le rendre le plus jolie possible.

  • Dans l’onglet Contenu tu vas pouvoir choisir le menu que tu souhaites afficher.
  • Logo : Comme son nom l’indique tu peux y insérer ton logo.
  • Éléments : Tu peux ajouter des icônes dans le menu tels que le panier si tu vends des E-books par exemple ou bien une icône de recherche.
  • Liens : Tu peux ajouter le lien de ta page d’accueil afin que quand on clique sur le logo on retombe automatiquement sur ton logo.
  • Fond : Tu peux ajouter une couleur de fond à ton menu ou encore une photo, une vidéo…

Dans l’onglet Style tu vas pouvoir personnaliser de A à Z ton menu, toutes les couleurs, les polices, les bordures, les animations etc..

Une fois que tu as terminé clique en bas sur les 3 petits points violets, puis sur Sauvegarder.

Ensuite n’oublie pas de cliquer en haut à droite sur la petite croix puis de sauvegarder tous les changements.

Yes ! Tu as réussi la première étape du menu ! Maintenant arrive l’étape du corps de ta page (ce que je préfère !) tu vas pouvoir laisser libre court à ton imagination.

Tu peux maintenant cliquer sur « ajouter un corps global » puis « construire un corps personnalisé »

Cette fois ci je t’invite à cliquer sur le bloc violet pour créer à partir d’un thème déjà existant.

divi-construction-angely-digital

Tu arrives sur cette page.

Cette page c’est THE page ! tu vas pouvoir choisir un thème en fonction de ton domaine et ensuite le personnaliser pour que ce thème te ressemble à 1000% !

Une fois que tu as choisi celui que tu veux. (cela peut prendre du temps, ils sont tous tellement beaux que c’est dur de choisir ^^)

Tu cliques dessus et tu choisis quelle page tu veux installer.

Tu as le choix entre la page A Propos, Blog, Contact, Home, Landing et Boutique en général. Elles sont toutes différentes pour accueillir les modules et éléments dont tu as besoin mais respecte la même charte graphique et la même identité visuelle. Une fois la page voulue choisie, clique dessus et clique sur Use This Layout. La page va se charger automatiquement, et tu pourras commencer à la modifier avec ton contenu, tes photos, tes textes…

Tu vas découvrir qu’il existe plusieurs types de blocs sur Divi.

Les blocs Bleu, verts, gris, violets et orange. Tu vas devoir apprendre ce code couleur pour aller plus vite et ne pas te tromper dans tes blocs 😉

-> Bleu : Bloc général

-> Vert : Bloc à l’intérieur du bleu

-> Gris : Bloc à l’intérieur du vert

-> Violet : Bloc plein écran avec modules différents des bleus

->Orange : Bloc Spécialité (il va te permettre de faire des mises en page un peu plus travaillées)

C’est bien beau tout ça mais à quoi servent ces blocs ? Tout simplement à y intégrer tes contenus.

Voici la liste des différents modules existants sur Divi :

Dans un prochain article je te les détaillerais tous. 😉

Une fois que ta page te satisfait pleinement, tu peux réitérer la sauvegarde comme tu l’as fait auparavant pour sauvegarder ton menu. N’oublie pas de sauvegarder les changements quand tu es sur la page des « Thème Builder ».

Tu vas pouvoir maintenant créer ton Footer. Tu peux suivre la même procédure que le menu sauf qu’au lieu de sélectionner le menu principal, tu sélectionnes le pied de page.

3 – Comment mettre en forme ta page Article en contenu dynamique sur Divi ?

Comme je te le disais plus haut, le gros avantage de la dernière mise à jour Divi, c’est de pouvoir créer des pages dynamiques, tu la crée une fois et c’est tout ! A chaque article publié, il prend la mise en page que tu as créée automatiquement.

Pour cela je te donne rendez-vous sur ton Theme Builder. Tu cliques sur le petit plus d’un nouveau template.

Cette page s’affiche :

Tu peux maintenant cliquer sur « Tous les articles ». Ce sera ton template qui te servira donc pour l’esthétique de tout tes articles.

A présent je vais te montrer un exemple de template dynamique pour tes articles.

Maintenant tu n’as plus qu’à publier un article et il prendra ce modèle automatiquement 😉

Bien, j’espère que cet article t’a appris pleins de choses ! je vais revenir très rapidement avec d’autres articles sur Divi. N’hésite pas à me poser des questions en commentaire 😉

Et si tu n’as pas encore Divi et que tu souhaites l’acheter rdv ici : https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=53011

Tu as le choix entre une licence unique ou bien une licence illimitée. La licence unique est utilisable sur un seul site. La licence illimitée peut te servir sur tous les sites que tu souhaites.

Sache que c’est un lien d’affiliation, cela signifie que si tu l’achètes je recevrai une commission.

Coaching Personnalisé Instagram

Coaching Personnalisé Instagram

Depuis quelques semaines maintenant, je propose des coaching entièrement personnalisés pour booster ses résultats sur Instagram. je suis très heureuse de proposer ce service personnalisé car je vois mes clientes ravies. Après le coaching elles savent exactement où...

Comment augmenter le trafic de son site web ?

Comment augmenter le trafic de son site web ?

Peu importe le site que vous avez, que ce soit un blog, un site vitrine pour assoir votre visibilité ou encore un site e-Commerce, le but ultime est d’augmenter le trafic de son site web. Votre site internet regorge d’astuces et de techniques pour améliorer la...

5 conseils pour faire du télétravail avec des enfants

5 conseils pour faire du télétravail avec des enfants

Je suis maman d’un enfant de 2 ans. Je travaille à domicile depuis sa naissance, ce que je n’avais jamais fait auparavant. Il m’a fallu adapter mon organisation pour pouvoir être la plus productive possible. Aujourd’hui il n’a que 2 demis journées de crèches par...

Reçois tes deux Ebook gratuits !

Reçois tes deux Ebook gratuits !

Le premier sur Instagram et le second sur les hashtags

Merci de ton inscription ! Tu recevras dans quelques minutes tes deux Ebook sur Instagram :)

Pin It on Pinterest