Créer un site web pour les designers avec WordPress et Genesis

Personnaliser le pied de page

Testez gratuitement nos 1304 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Apprenez à personnaliser le contenu affiché dans le pied de page. Christophe Aubry vous montre la méthode à suivre.
03:38

Transcription

Dans cette séquence, eh bien nous allons commencer la personnalisation de notre thème enfant « Ambiance Pro » en mode code cette fois. Qu’est ce que nous allons vouloir faire ? Eh bien nous allons vouloir personnaliser le texte qui est affiché dans le pied de page. Donc pour ce faire, eh bien la première étape consiste à voir où est affiché ce texte. Nous allons afficher les hooks de type « filtre ». Je redescends. Et nous voyons que le hook qui permet l’affichage du contenu du pied de page est « genesis_footer_creds_text ». Donc c’est cet élément que nous allons devoir modifier. Donc pour ce faire, eh bien il va falloir modifier le fichier « functions.php » du thème actif. Dans l’installation de votre « WordPress », dans le dossier « wp-content », dans le dossier « themes », nous travaillons bien avec le thème enfant « Ambiance Pro ». Et c’est le fichier « functions.php » qu’il faut modifier. Donc vous ouvrez ce fichier « functions.php » avec un éditeur de texte ou un éditeur de code gratuit comme « TextWrangler » sous Mac ou « Edit ++» sous Windows. Ce fichier ouvert, donc c’est bien « ambiance-pro/functions.php ». On se place tout à la fin, et nous pourrons mettre un petit commentaire afin de bien spécifier ce que l’on fait dans ce fichier. Donc nous allons effectivement « personnaliser le pied de page ». Pour ce faire, eh bien j’utilise la fonction « genesis add filter ». Nous venons de le voir l’élément d’affichage ciblé, c’est bien « genesis_footer_creds_text ». Deuxième paramètre de « add filter », c’est le nom de la fonction qui va permettre cette personnalisation. Elle s’appelle « sp_footer_creds_filter ». Naturellement, vous pouvez mettre n’importe quel nom, c’est à vous de décider ce que vous voulez. Donc j’utilise cette fonction « sp_footer_creds_filter » par l’intermédiaire d’une variable qui s’appelle « $creds ». Et voilà ce que fait cette variable « $creds ». Dans un premier temps, elle utilise ce qu’on appelle un short code. Nous y reviendrons un petit peu plus tard par la suite. Les short code permettent d’afficher un contenu spécifique. Ensuite nous avons ici une entité de caractères qui permet d’afficher un gros point. Ensuite nous avons un lien avec comme contenu ceci. Et là nous indiquons le lien vers le site web que nous désirons. À nouveau nous avons un gros point. Ensuite le texte « Réalisé par », et à nouveau un lien avec une agence web tout à fait fictive, dont vous avez le texte qui est ici. Et donc tous ces éléments sont bien entre quote ouvrante ici, quote fermante ici. Et enfin, notre fonction renvoie avec return le calcul de notre variable. Une fois que vous avez personnalisé le fichier « functions.php », n’oubliez pas naturellement d’enregistrer celui-ci. Revenons dans notre site « Wordpress ». Je vais réactualiser. Je vais masquer les guides. Je descends à nouveau tout en bas. Et nous avons bien la personnalisation. À nouveau, si jamais la personnalisation ne s’affiche pas correctement, n’hésitez pas à fermer l’onglet du site publié et à réafficher le site publié depuis l’administration de « Wordpress ». Donc voilà ce premier exemple de personnalisation du thème enfant.

Créer un site web pour les designers avec WordPress et Genesis

Créez et personnalisez votre site web avec WordPress et le framework Genesis. Profitez ainsi de fonctionnalités adaptées aux besoins spécifiques de votre métier.

1h23 (27 vidéos)
Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
CMS
Spécial abonnés
Date de parution :2 mai 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !