Lorsque nous utilisons le thème Divi, nous devons souvent utiliser le Divi Builder pour créer le pied de page de notre site Web plutôt que des widgets WordPress standard. Tout d’abord, essayez de jouer avec les sections globales – vous placez votre section globale sur chaque page et la publiez manuellement. Cette approche fonctionne bien dans une certaine mesure, mais si vous utilisez un blog, vous ne voudrez peut-être pas utiliser Divi Builder pour chaque article. Sans parler des pages comme les archives, les catégories de blog et les résultats de recherche – aucun de ceux-ci ne peut encore être modifié avec Divi Builder.

Générateur de thèmes Divi

Elegant Themes a déjà annoncé qu’il travaillait sur ce qu’ils appellent le « Générateur de thèmes ». Cela nous permet de concevoir chaque pixel de notre site Web avec Divi Builder. Il n’y a toujours pas d’ETA pour cette fonction. Nous savons juste que c’est sur la feuille de route. Jusque-là, il existe un moyen assez simple d’afficher une mise en page Divi en tant que pied de page global sans modifier le fichier footer.php.

Premièrement – la disposition du pied de page

Peu importe la méthode que vous utilisez pour créer votre disposition de pied de page. Vous pouvez utiliser l’une des mises en page prédéfinies de Divi, en créer une à partir de zéro avec le constructeur ou (si vous êtes notre abonné) télécharger celle que j’ai créée pour ce tutoriel:

Tout ce qui compte, c’est que votre mise en page soit enregistrée dans la bibliothèque Divi.

Ressources gratuites pour les amoureux de Divi

Inscrivez-vous à notre newsletter pour recevoir les bonnes choses!

Nous vous tiendrons au courant des nouveaux didacticiels, des ressources de conception Web et des offres spéciales. Obtenez des goodies Divi de haute qualité directement dans votre boîte de réception! Lisez notre Politique de confidentialité pour savoir comment nous gérons et protégeons vos informations soumises.

Inscrivez-vous pour télécharger

Accédez à cette mise en page et à toutes les ressources gratuites créées exclusivement pour nos abonnés!

Déjà inscrit?

Remplissez le formulaire d’inscription et si vous êtes sur la liste, vous serez directement redirigé vers la page de téléchargement!

La bibliothèque Divi et l’ID de mise en page

Pour que cette méthode fonctionne, nous devons d’abord connaître l’ID de la mise en page que nous voulons utiliser. Lorsque vous accédez à la bibliothèque Divi et modifiez votre mise en page, l’ID apparaîtra dans la barre d’adresse du navigateur. Vous devriez voir quelque chose comme ceci:
… Votre site Web.com / wp-admin / post.php? Post =787& action = modifier

787 est l’ID de mise en page dans cet exemple.

Crochets de modèle Divi

Divi Version 3.2 (la soi-disant Developer Edition ;-)) a introduit de nouveaux modèles de hooks (filtres et actions). Vous pouvez tout lire à ce sujet dans Page de documentation pour des sujets élégantsCependant, dans ce tutoriel, nous nous concentrerons sur une capture en particulier.

le et_after_main_content est un hook d’action et – comme n’importe quel hook d’action WP – est déclenché à un moment spécifique lorsque WordPress est en cours d’exécution, et nous permet de prendre une action. On peut lire dans la documentation Divi qu’il se déclenche après le contenu principal, avant l’impression du pied de page. Et c’est le moment idéal pour mettre notre pied de page, non?

Ajouter une fonction à functions.php

Nous devons ajouter une fonction au fichier functions.php de notre rubrique enfant. Remarquer ne travaille pas directement sur le sujet Divi Les modifications apportées aux fichiers de modèle Divi seront perdues lors de la prochaine mise à jour. Et si vous utilisez un thème enfant Divi premium et que vous ne souhaitez pas non plus modifier ses fichiers, vous pouvez créer un simple plugin et ajouter cette fonctionnalité au programme.

Voici le code dont nous aurons besoin:

function dl_custom_footer() {
	echo do_shortcode('[et_pb_section global_module="787"][/et_pb_section]');
	}
add_action('et_after_main_content', 'dl_custom_footer');

C’est ça

N’oubliez pas de changer le 787 en votre propre identifiant de mise en page et vous avez un pied de page vraiment global.

Dans mon prochain article, je vais vous montrer comment appliquer une logique conditionnelle à votre fonction pour afficher des mises en page sur des pages spécifiques à l’aide de balises conditionnelles WordPress. Alors ne manquez pas celui-ci!





Source link

Recent Posts