Ce rapide tutoriel, vous expliquer comment placer n’importe quel module Divi dans la zone des widgets de la barre latérale WordPress. J’ai utilisé cette méthode pour ajouter un lien d’affiliation Divi dans la barre de droite de ce blog. Certes, l’arrivée du constructeur de thème dans la version 4.0 de Divi a changé la donne et permet maintenant de créer un template de blog avec une barre latérale directement depuis le thème builder mais la méthode détaillé dans ce tutoriel permet de conserver une gestion de blog « à l’ancienne », parfois plus aisé à maintenir.
Table des matières
Etape 1 : Créer un modèle depuis la bibliothèque Divi
✔︎ Accédez à Divi > Bibliothèque Divi
✔︎ Cliquez sur «ajouter un nouveau»
✔︎ Pour le champ Nom de la mise en page : saisissez le nom de votre choix
✔︎ Pour le champ type de mise en page : choisissez le paramètre Mise en page
Étape 2 : Créer le contenu de la zone de widget
Vous pouvez maintenant créer le contenu de votre zone de widget. Depuis une récente mise à jour de Divi, vous pouvez désormais utiliser le constructeur visuel pour visualiser l’apparence de vos module. Astuce : passez en vue « smartphone » pour avoir une version s’approchant au plus près de l’apparence de votre module lorsqu’il sera positionné dans l’étroite colonne de votre barre latérale.
Étape 3 : attribuer ce modèle à la zone des widgets de la barre latérale
✔︎ Repassez en vue classique et quittez le constructeur visuel
✔︎ Dans l’URL, vous pouvez distinguer un numéro d’identification pour cette mise en page.
✔︎ Copiez ce numéro unique.
Étape 4 : ajouter un shortcode en guise de widget
Étape 4 : ajouter un shortcode en guise de widget✔︎ Allez dans votre tableau de bord, puis dans Apparence > Widgets
✔︎ Placez un widget « code html » dans votre barre latérale et collez ce shortcode dedans :
[et_pb_section global_module="XXXX"][/et_pb_section]
✔︎ Remplacez le XXXX par votre code unique copié à l’étape 3 de ce tuto.
Et le tour est joué !
Cette méthode est fort pratique pour créer vos propres encarts publicitaires par exemple ou annoncer un évènement particulier.
En vue mobile, le barre latérale glisse sous la zone de texte.
Salut, je souhaite faire des bandeaux dynamiques pour mettre entre les sections textes. Mais, avec cette méthode, on doit le mettre dans une section grise de contenu et non une section bleu, de ce fait, cela fusille le design de la page. Ma question : Comment faire un bandeau dynamique sur Divi WP ?