
7 FONCTIONNALITÉS CACHÉES DE DIVI POUR GUTENBERG


------------------------------------------------------------
**************** 1 - LES BOX D'ALERTE **********************
------------------------------------------------------------

=> Shortcodes de Divi à utiliser avec le bloc "Code Court" de Gutenberg


[box type="info"] Alerte de type "info" [/box]

[box type="warning"] Alerte de type "warning" [/box]

[box type="download"] Alerte de type "download" [/box]

[box type="bio"] Alerte de type "bio" [/box]

[box] Alerte de type "shadows" [/box]



------------------------------------------------------------
*************** 2 - LES TABS / ONGLETS *********************
------------------------------------------------------------

=> Shortcodes de Divi à utiliser avec le bloc "Code Court" de Gutenberg

Tableau horizontal :

[tabs slidertype="top tabs"] [tabcontainer] [tabtext]Onglet 1[/tabtext] [tabtext]Onglet 2[/tabtext] [tabtext]Onglet 3[/tabtext] [tabtext]Onglet 4[/tabtext] [tabtext]Onglet 5[/tabtext] [/tabcontainer] [tabcontent] [tab]Le contenu de l'onglet 1 va ici[/tab] [tab]Le contenu de l'onglet 2 va ici[/tab] [tab]Le contenu de l'onglet 3 va ici[/tab] [tab]Le contenu de l'onglet 4 va ici[/tab] [tab]Le contenu de l'onglet 5 va ici[/tab] [/tabcontent] [/tabs]


Tableau vertical :

[tabs slidertype="left tabs"] [tabcontainer] [tabtext]Onglet 1[/tabtext] [tabtext]Onglet 2[/tabtext] [tabtext]Onglet 3[/tabtext] [tabtext]Onglet 4[/tabtext] [tabtext]Onglet 5[/tabtext] [/tabcontainer] [tabcontent] [tab]Le contenu de l'onglet 1 va ici[/tab] [tab]Le contenu de l'onglet 2 va ici[/tab] [tab]Le contenu de l'onglet 3 va ici[/tab] [tab]Le contenu de l'onglet 4 va ici[/tab] [tab]Le contenu de l'onglet 5 va ici[/tab] [/tabcontent] [/tabs]



------------------------------------------------------------
*************** 3 - LA BIO DE L'AUTEUR *********************
------------------------------------------------------------

=> Shortcode de Divi à utiliser avec le bloc "Code Court" de Gutenberg

[author] [author_image timthumb='off’]Saisir ici l’URL de votre image[/author_image] [author_info] Saisir ici la bio de l’auteur. [/author_info] [/author]



------------------------------------------------------------
************* 4 - LA LETRINNE OU DROPCAP *******************
------------------------------------------------------------

=> Shortcode de Divi à utiliser avec le bloc "Code Court" de Gutenberg

[dropcap]C[/dropcap]eci est un texte avec une lettrine (Dropcap)


------------------------------------------------------------
************ 5 - CONVERTIR UN LIEN EN BOUTON ***************
------------------------------------------------------------

=> modifier un bloc en HTML et insérer une classe CSS sur la balise <a> :


<p><a class="small-button smallblue" href="#">Ceci est un bouton bleu</a></p>

<p>Ceci est un <a class="small-button smallpink » href="#">bouton rose</a> placé entre deux mots</p>



------------------------------------------------------------
********* 6 - CONVERTIR UN PARAGRAPHE EN CITATION **********
------------------------------------------------------------

=> CSS à ajouter dans les réglages avancés d'un paragraphe Gutenberg :


Ajoutez simplement la classe et_pb_testimonial à votre bloc Gutenberg.

