Sélectionner une page


J’en ai écrit un il y a quelque temps Tutoriel sur la façon d’ajouter des mises en page de la bibliothèque Divi à votre pied de page en modifiant le modèle footer.php. Avec l’introduction de Crochets DiviMaintenant, nous pouvons mettre cette mise en page dans le pied de page sans avoir à modifier les fichiers de modèle PHP. Tout ce que nous avons à faire est d’ajouter un simple extrait de code PHP au vôtre functions.php Déposer.

Au fait, c’est la méthode que j’utilise pour le pied de page sur ce site 😉

Dans ce tutoriel, je vais vous montrer comment utiliser un peu de PHP personnalisé pour ajouter une mise en page enregistrée dans la bibliothèque Divi au pied de page de chaque page de votre site Web. Vous aurez besoin d’un thème enfant de base avec un fichier functions.php.

METTRE À JOUR: Si vous utilisez un sous-thème qui correspond à une ancienne version de Divis header.php et footer.php avant d’ajouter les hooks, vous devrez mettre à jour ces fichiers.

Commençons par configurer le pied de page Divi.

Ajouter une mise en page

1. Accédez à votre Bibliothèque Divi et ajoutez une nouvelle mise en page.

2. Donnez-lui un nom et choisissez disposition comme type de mise en page.

3. Dans ma démo, j’utilise des sections prédéfinies des thèmes élégants. « Atelier de poterie« Modèle. J’ai simplement importé la mise en page entière sur une autre page de conception, puis copié les sections que je voulais dans la mise en page de ma bibliothèque.

Ajout du PHP

4. Allez dans Apparence> Éditeur et ouvrez votre fichier functions.php. Insérez ensuite la fonction suivante. Malheureusement, mon plugin de syntaxe ne sait pas comment lire le shortcode sans gâcher cette page, vous devrez donc écrire le code vous-même ou obtenir l’extrait du fichier txt ci-dessous.

Récupérez l’extrait de code PHP

5. Votre page functions.php devrait ressembler à ceci après avoir copié et collé l’extrait de code ci-dessus.

Inséré la section Divi Library dans l’extrait de code PHP

Prenons maintenant le shortcode de mise en page et collez-le dans l’extrait de code PHP ci-dessus.

6. Accédez à votre bibliothèque Divi et ouvrez la mise en page que vous venez de créer. Une fois la mise en page ouverte, vérifiez l’URL et vous verrez une chaîne de caractères et de chiffres. Vous allez vouloir prendre les chiffres car nous en avons besoin pour les prochaines étapes. Dans mon cas, la séquence de nombres que je souhaite capturer est par exemple 27496. Voici l’URL de mon exemple: https://montereydev.com/demos/divi/inject-divi-library-layout-into-footer-using-divi-hooks/wp-admin/post.php?post=27496& action = modifier

7. Revenez à Apparence> Éditeur et ouvrez le fichier functions.php dans lequel vous avez ajouté l’extrait de code ci-dessus. Dans ce shortcode, remplacez le numéro par le vôtre.

Ajout du CSS personnalisé

Je n’utilise pas de CSS personnalisé pour ce didacticiel. Si vous avez encore des widgets dans votre zone de pied de page par défaut, il est fort probable que votre pied de page s’affiche toujours. Vous pouvez soit supprimer tous les widgets de votre zone de pied de page sous Affichage> Widgets.

Ou vous pouvez ajouter ce CSS


	/* hide default footer */
		#footer-bottom {
			display: none;}		

Et c’est tout.

Si vous l’avez utilisé sur l’un de vos projets, veuillez partager l’un des liens ci-dessous afin que nous puissions voir comment vous l’avez utilisé.

S’amuser!


Alors … c’est tout pour le moment. J’espère que vous avez trouvé cet article utile.


Les deux onglets suivants modifient le contenu ci-dessous.

Geno est un entrepreneur qui conçoit des sites Web depuis 1996. Il aime aussi tout ce qui a à voir avec le design, les voyages, sortir avec des amis, encourager les autres croyants et expérimenter les nouvelles technologies. Si vous ne faites aucune des choses ci-dessus, vous pouvez trouver des tutoriels de blogage Geno ou de personnalisation Divi ici sur Quiroz.co.





Source link

Recent Posts