L'essentiel de SPIP 3.1

Gérer les articles en page seule

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Afin de gérer l'affichage des articles en page seule, vous allez vous servir du squelette article.html.
06:36

Transcription

Nous allons maintenant nous occuper du squelette qui permet l'affichage des articles en page seule. C'est le squelette articles.html Je descends dans mon site, et je vais afficher directement un article par exemple celui-ci : « L'Île de Noirmoutier ». Donc là, je suis bien en affichage d'un article en page seule. Nous voyons que nous avons le titre de l'article, le logo associé à l'article, le contenu rédactionnel, et ici, ce qu'on appelle des meta-données. Nous avons la date de publication, le nom de l'auteur, la classification dans telle ou telle rubrique, et les mots-clés éventuels associés à cet article. C'est donc le squelette articles.html qu'il convient de créer et de gérer. Nous voici dans notre squelette articles.html dans la boucle qui permet l'affichage de toutes ces informations. Le reste sont des éléments communs que nous avons vu précédemment. Donc ici, j'ai une boucle qui permet l'affichage de toutes ces informations, Cette boucle je l'ai appelé « Articles », elle travaille sur le type « Articles », et le critère d'affichage, c'est id_articles. C'est ce qui permet de donner le contexte de l'affichage. Donc SPIP sait pertinemment qu'on a cliqué sur un article, et il va afficher toutes les informations relatives à l'article qui est en ce moment affiché. Dans un élément h2, j'affiche le titre de l'article. Puis dans un élément conditionnel, voyez qu'il y a le crochet ouvrant et le crochet fermant, j'affiche le logo de l'article. Mais j'applique des filtres, car je ne veux pas que les images soient affichées à des tailles trop importantes. Donc j'utilise le filtre image_reduire qui va me permettre, quoiqu'il arrive, d'afficher avec une largeur et une hauteur maximales de 400 pixels. En dessous, j'ai le texte. Donc nous avons ces éléments : le titre, l'image qui fera au maximum 400 pixels de large ou 400 pixels de haut, et en dessous, le contenu rédactionnel. Puis, nous avons maintenant, dans un élément blockquote ici, toutes les meta-données. Premier élément affiché, c'est la date de publication. Toujours de manière conditionnelle, j'utilise la balise #DATE pour afficher la date. Et j'utilise le filtre affdate qui va me permettre de spécifier sous quel format je souhaite afficher cette date. Je souhaite l'affichage sous un format jour,mois, année en quatre chiffres. C'est bien ce que nous avons : jour/mois/ l'année sur quatre chiffres. Ensuite, nous avons le nom du ou des rédacteurs, Rédigé par, et ici j'utilise la balise LESAUTEURS. Nous avons bien ici : « Rédigé par », et là , il n'y a qu'un seul auteur. Ensuite, nous avons l'indication de la rubrique. À ce moment-là, je crée forcément une nouvelle boucle. Dans la boucle générale des articles. Je l'appelle boucle « Rubriques », elle travaille sur les rubriques. Et naturellement, cela me permet de récupérer l'identifiant de la rubrique auquel appartient l'article qui est affiché. Et donc à ce moment-là, j'affiche le nom de la rubrique grâce à la balise TITRE. Toujours dans le contexte de la rubrique. Et nous avons un lien, avec un élement a, et l'URL est donné par URL_RUBRIQUES. C'est bien ce que nous avons ici, classé dans la rubrique France dans cet exemple. Ensuite, nous avons les mots-clés. Pour les mots-clés, à nouveau, j'ai encore une boucle. Et ici, pour être plus précis, j'ai une surboucle, à l'intérieur d'une autre boucle. Donc au début de notre surboucle, juste avant la boucle, j'ai un élément p, avec mots-clés, que nous avons ici. Et à la fin de la boucle, j'ai la fin de l'élément p. Et si jamais il n'y a pas de mot-clé, j'ai l'affichage ici, du texte « Il n'y a pas de mot-clé associé à cet article ». Et là, j'ai la fin complète de ma boucle. Maintenant, voyons voir comment on va afficher les mots-clés qui sont ici. Et bien pour ce faire, nous allons créer une nouvelle boucle qui va nous permettre de travailler sur les mots-clés, naturellement, avec le type Mots. Et toujours dans le contexte de l'article qui est affiché. Et ici, nous allons à nouveau utiliser un compteur. Un compteur va nous permettre de spécifier des affichages en fonction du contexte d'affichage, justement. Car il peut y avoir 0, 1 ou plusieurs mots-clés. Voyons voir maintenant cette boucle qui va nous permettre d'afficher et de compter le nombre de mots-clés associés à cet article. Avant l'affichage du mot-clé en lui-même, avec la balise TITRE, grâce au compteur de boucles, qui va me permettre de savoir combien j'ai de mots-clés, je vais pouvoir spécifier l'affichage. Si jamais j'ai un seul mot-clé, dans ce cas-là, je n'affiche rien avant. Dans le cas contraire, donc il y aura plusieurs mots-clés, je vais mettre un espace. Deuxième test, si jamais le compteur de boucles atteint le nombre total de boucles, c'est à dire le nombre total de mots-clés, à ce moment-là, avant chaque itération, je vais mettre le mot et, et après je vais mettre une virgule. Et ensuite nous allons afficher le mot-clé en lui-même, avec son URL pour créer le lien. Et à la fin de notre boucle, je vais mettre un point, dans le cas de figure où le compteur est égal au nombre total de boucles, c'est à dire au nombre total de mots-clés. À l'affichage, vous voyez qu'il reste un espace après le dernier mot-clé, avant le point final. C'est normal, car pour plus de clarté dans le code, je suis allé à la ligne 41. Si vous supprimez ce retour à la ligne, le dernier espace ne sera plus affiché. Donc nous avons bien ces éléments, avant chaque mot-clé, j'ai bien un espace, avant le dernier mot-clé, j'ai bien le mot et, et à la fin, j'ai bien le point. Donc voilà, ces différentes boucles qui sont imbriquées les unes dans les autres pour gérer au mieux l'affichage des mots-clés. Et voilà donc notre boucle générale qui va permettre de gérer l'affichage complet des articles avec toutes les informations et référents.

L'essentiel de SPIP 3.1

Apprenez à installer SPIP et à configurer ensuite le site web créé. Voyez comment gérer les contenus rédactionnels, les médias, les utilisateurs ainsi que leurs droits, etc.

3h10 (54 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Thématiques :
Design web
CMS
Spécial abonnés
Date de parution :11 févr. 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 !