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

Déc 2019BLOGGING, DIVI0 commentaires

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. J

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.

Comment booster son Instagram avec les hashtags ?

Comment booster son Instagram avec les hashtags ?

1- Instagram est LE réseau social par excellence pour booster au maximum ton business. De nos jours les entreprises l’ont bien compris les meilleures des publicités ne se font plus à la télévision ou dans les magazines. Ce sont les partages des réseaux sociaux qui...

Comment développer son blog ?

Comment développer son blog ?

Comment développer son blog rapidement et simplement ?   1- Avec le référencement naturel —> SEO Qu’est-ce que le SEO ?  (De l’anglais Search Engine Optimization) c’est un ensemble de technique qui permettent de positionner votre site web dans les premiers...

Challenge 10 jours pour booster Instagram

Challenge 10 jours pour booster Instagram

Challenge Booster Instagram 10 jours d’Angely Digital   Je vous propose un challenge à réaliser sur 10 jours. Objectif de ce challenge : booster au max ton compte Instagram avec des astuces simples.   J1- Faire la photo de profil idéale qui représente...

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 ! :)