Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Dans ce tutoriel, nous allons vous montrer comment placer des modules Divi n’importe où sur votre site Web. Si vous n’êtes pas familier avec le thème Divi et son constructeur visuel associé, nous vous recommandons vivement de jeter un œil au Site Web à thème élégant.

Utiliser Divi pour créer vos sites Web peut être rapide et facile, et nous adorons le framework Divi car il peut être personnalisable si vous connaissez un peu le CSS et le HTML. Cependant, il existe des situations où vous ne pouvez pas utiliser le constructeur visuel pour modifier certaines pages de votre site Web WordPress. Ce sont généralement des pages que WordPress génère pour vous, par ex. B. Votre blog, page 404 et pages de catégories de produits si vous utilisez Woocommerce. Cela peut être extrêmement frustrant lorsque vous avez passé un certain temps à concevoir le site Web de votre client ou d’un client dans les moindres détails, mais que votre page 404 ou votre blog n’est pas à sa place. Bien sûr, vous pouvez utiliser une redirection Plug-in de transfert Toutes ces pages sont celles que vous avez conçues avec Divi. Cependant, ce n’est pas une solution très élégante.

Cette solution peut également être utilisée pour placer des modules là où vous ne pourriez pas autrement. Imaginez que vous ayez une page FAQ à onglets. Et si vous vouliez un formulaire de contact ou une carte dans l’un de ces onglets? Par défaut, ce n’est pas possible, mais les codes courts peuvent vous aider à surmonter ces barrières de conception!

A débuté

Pour profiter de cette astuce, vous devez ajouter un petit morceau de code à votre site Web et utiliser la bibliothèque Divi pour créer les modules que vous souhaitez utiliser. Si vous n’aimez pas ajouter de code à vos fichiers WordPress backend, vous serez heureux de savoir qu’un plugin peut le faire pour vous aussi! Ou si vous préférez, nous en avons créé un Thème enfant Divi qui a intégré cette fonctionnalité pour vous.

Avant de continuer, veuillez noter ce qui suit: Si vous n’avez pas de sous-sujet, nous hautement recommandé que vous Utilisez notre guide pour en créer un avant de modifier des fichiers sur votre site Web. Utilisez-le pour créer le vôtre ou télécharger notre sous-section. Chaque mise à jour pour le Thème Divi supprime tout votre code personnalisé si vous n’utilisez pas de sous-rubrique!

Tout d’abord, nous devons ajouter du code au fichier functions.php de votre sujet enfant. Ce code vous permet d’utiliser un shortcode en ajoutant l’ID du module Divi comme paramètre (nous vous montrerons ce que cela signifie ci-dessous). Ouvrez-le et copiez-le avant le « ?> » Final et collez-le:

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

Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI.
Que la formation soit finançable par mon CPF (idéalement) ou autre

'); } add_shortcode('showmodule', 'showmodule_shortcode');

Créez votre contenu

Maintenant que tout est configuré, nous devons créer les modules que nous allons insérer à l’aide d’un shortcode dans des zones que vous ne pourriez pas autrement. Nous utiliserons la bibliothèque Divi qui se trouve dans le menu Divi sur le côté gauche de votre tableau de bord WordPress.

Dans cet exemple, nous créons un formulaire de contact dans un module d’onglets, ce que vous ne pourriez pas faire autrement. Ce guide est idéal pour ajouter une section spéciale à votre pied de page ou texte de présentation sur un formulaire d’inscription à la newsletter. La limite est vraiment votre imagination.

Ce tutoriel suppose que vous êtes déjà familiarisé avec l’utilisation du Divi Builder et que vous êtes familier avec le Visual Builder afin que vous compreniez comment les modules sont créés. Si vous avez atteint ce stade et que vous ne savez pas comment utiliser l’un de ces points, visitez le Sujets élégants Site Web pour quelques guides vraiment pratiques.

Ajoutez votre contenu à l’aide d’un shortcode

Maintenant que nous avons créé le module (un module d’onglets dans ce cas) et l’avons stylé selon les besoins, nous devons maintenant trouver l’ID lié à votre contenu enregistré. La meilleure façon de faire est d’ouvrir la bibliothèque Divi et de passer votre souris sur le nom du module que vous venez de créer sans cliquer dessus. Dans le lien (l’URL est affichée dans le coin inférieur gauche lors de l’utilisation de Chrome), vous verrez que « post = » est suivi d’un nombre. Dans notre exemple, il s’agit de 82. Ce numéro identifie le module lorsque vous l’ajoutez à un shortcode.

Une fois que vous avez trouvé l’ID de votre module, vous pouvez facilement l’ajouter à vos pages. Ajoutez simplement le shortcode suivant n’importe où (par exemple dans un module de texte, un module de code ou dans un autre module comme un accordéon):

[showmodule id="378"]

et remplacez le 378 par l’ID de votre bibliothèque Divi.

Maintenant que vous savez comment placer les modules Divi en tant que shortcodes n’importe où, nous pouvons les utiliser pour personnaliser les pages WordPress normalement « non modifiables » comme les pages 404 non trouvées et les pages de blog. Voir notre guide de Cliquez ici.

Comme toujours, si vous avez des problèmes N’hésitez pas à nous contacter!



Source link

Recent Posts