Sélectionner une page


Dans ce tutoriel, nous allons vous montrer comment insérer une section DIVI ou un module DIVI dans un autre module DIVI.

Vous pouvez ensuite ajouter Google Maps, des formulaires de contact et tout ce que vous voulez, par exemple dans des modules d’accordéon ou d’onglets.

Le processus est à nouveau basé sur l’utilisation de la bibliothèque DIVI et l’ajout d’un shortcode pour insérer le contenu créé dans n’importe quel module.

La première chose à faire est d’ajouter une fonction à functions.php car nous avons besoin d’un shortcode pour insérer notre SECTION / MODULE.

Pour les personnes qui ne sont pas compatibles avec le code, il existe une nouvelle option car j’ai créé un plugin pour cela. Suivez simplement celui-ci nouveau tutoriel

Si vous préférez le faire vous-même, copiez le code ci-dessous dans le fichier functions.php de votre enfant

// Legal advice : As i made a plugin using this code, and as mentionned inside copyright page
//you are allowed to use this code for personnal purpose, but you're not allowed to sell it or make a plugin of it

//Shortcode to show the module
function showmodule_shortcode($moduleid) {
extract(shortcode_atts(array('id' =>'*'),$moduleid)); 
return do_shortcode('
'); } add_shortcode('showmodule', 'showmodule_shortcode');

Le shortcode contient l’ID du module à insérer en tant que paramètre.

Commençons maintenant à créer le contenu que nous voulons insérer. Cela peut être fait via le DIVI Builder ou la bibliothèque DIVI.

Alors ouvrons la bibliothèque DIVI:

additionsectiondivi1

Cliquez ensuite sur « Ajouter nouveau ».

ajoute la section divi2

Une fenêtre s’ouvrira vous demandant le nom et les paramètres du module

ajoute la section divi3

Donnez-lui un nom puis cliquez sur le bouton de confirmation

ajoute la section divi6

Le DIVI Builder s’affiche avec une section vide

Insérer une colonne

ajoute la section divi8

Puis un module formulaire de contact

forme

Le constructeur devrait ressembler à ceci

form2

Inséré avec notre module de formulaire de contact:

Vuebuilder

Dans la barre de navigation (URL), nous voyons l’ID de publication de la SECTION / MODULE que nous avons créé. C’est très important. C’est l’ID que nous utiliserons pour coller notre shortcode dans l’autre module

Alors copions ou écrivons le numéro d’article ici 378. Nous allons maintenant coller notre module de formulaire de contact dans un autre.

Pour ce faire, nous créons une nouvelle page et y ajoutons un module TAB.

page

Nous utilisons le DIVI Builder et ajoutons notre module

Module AnnonceurModulongletAjoutons un nouvel onglet à notre module d’onglets

Ajouter un onglet

Dans ce premier onglet, nous ajoutons notre SHORTCODE pour faire apparaître le module que nous avons créé précédemment et enregistré dans la bibliothèque.

Le SHORTCODE a le format suivant:

[showmodule id="378"]

Ici, vous devez remplacer 378 par votre ID SECTION / MODULE (l’ID précédemment créé et enregistré dans la bibliothèque)

Et voilà, notre module formulaire de contact apparaîtra désormais dans le premier onglet de notre module d’onglets.

Résultats

Ici, j’ai ajouté une section avec un titre et un formulaire de contact dans un accordéon:

addonettestaccordeon2

Notez que vous pouvez insérer ces shortcodes dans n’importe quel modèle PHP pour appeler une partie de la bibliothèque DIVI. Le code à utiliser est:

<?php echo do_shortcode('[showmodule id="378"]'); ?>

J’espère que vous trouvez ça utile.

Demandez simplement si vous avez besoin d’aide ou d’explications supplémentaires.



Source link

Recent Posts