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

Personnaliser la taxinomie des articles

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Apprenez à personnaliser l'affichage de la taxinomie des articles. Il s'agit notamment des rubriques et des mots-clés.
04:26

Transcription

Dans cette séquence nous allons voir comment personnaliser la taxinomie des articles. Alors pour l’article « arbre », celui qui est en cours ici d’affichage, eh bien je l’ai placé dans une catégorie que j’ai appelée « Création » et j’y ai adjoint plusieurs « Etiquettes », plusieurs mots-clés : animaux, mobiles, et nature. Voyons son affichage. Sous le contenu rédactionnel, on a la catégorie et les mots-clés ici avec tags. Donc il faut savoir quel est l’élément qui permet l’affichage de ces informations. Nous affichons les hooks de type « filtre » et on voit que c’est le filtre « genesis_post_meta ». Dans notre fichier « functions.php » du thème « Ambiance Pro », eh bien nous allons pouvoir personnaliser la taxinomie. C’est la fonction « genesis_add_filter » qui s’applique sur le hook « genesis_post_meta », et la fonction qui permet cette personnalisation ici « sp_post_meta_filter ». Cette fonction personnalisée utilise comme paramètre cette variable « post_meta ». Que fait cette variable « post_meta » ? Elle utilise un champ de code « post_categories ». Si je vais voir mes références « post_categories », cela permet effectivement d’afficher là où les catégories d’appartenance de cet article avec un lien vers la liste de tous les contenus qui appartiennent à cette catégorie. Nous retrouvons les attributs que nous avions vus précédemment : « before » et « after ». Et dans cet exemple eh bien l’attribut « before » contient « classé dans ». Ensuite nous avons le deuxième champ de code « post_tags ». Retournons dans la référence, « post_tags ». Cela permet naturellement d’afficher tous les mots-clés, toutes les étiquettes, et à nouveau nous avons les deux attributs « before » et « after ». Ici l’attribut « before » contient les mots-clés. Et ensuite, eh bien comme d’habitude notre fonction personnalisée renvoie le calcul de cette variable. J’enregistre. Je reviens dans mon site publié et je rafraichis. Et voilà, nous avons bien classé dans « mots-clés », donc l’affichage des mots clés, des étiquettes. Maintenant on va pouvoir personnaliser un petit peu l’affichage des mots-clés. Vous voyez que par défaut, il y a une virgule qui est utilisée. Je reviens dans mes références. Voilà pour la référence du champ de code « post_tags », on va pouvoir utiliser l’attribut « sep » qui permet de déterminer le séparateur que l’on souhaite afficher entre les mots. Je reviens dans mon fichier « functions.php » et je vais utiliser « sep égal entre guillemet je vais mettre par exemple un tiret ». J’enregistre. Je reviens dans l’onglet de mon site publié et je rafraichis. Et voilà, nous avons bien un tiret. Par contre, vous voyez on va pouvoir mettre un petit espace devant animaux, devant mobile, bref devant chaque mot-clé. Un petit espace, j’enregistre, je reviens dans mon site publié, je rafraichi. Ah, c’est pas pris en compte. Eh bien c’est pas grave. Au lieu de lui mettre un espace en dur entre guillemet, on va utiliser l’entité de caractère qui me permet d’afficher un espace insécable. «   ». J’enregistre à nouveau. Je reviens dans mon site publié et je rafraichis. Et nous avons bien ici l’affichage. Et nous pourrions parfaitement, pourquoi pas mettre un point final avec l’attribut « after » et je mets un point, j’enregistre, je reviens sur mon site publié, je rafraichis. Et voilà, nous avons bien le point. Revenons dans notre code. Donc voilà ces deux short code avec l’utilisation des attributs « before », « sep », et « after ». Donc à nouveau voici une personnalisation simple de l’affichage, avec une utilisation optimisée des short code.

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 !