Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de SPIP 3.1

Comprendre le squelette de la page d'accueil

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez le squelette de la page d'accueil. Il s'agit du squelette sommaire.html qui permet de gérer l'affichage de la page d'accueil du site.
03:07

Transcription

Dans cette séquence, nous allons voir le squelette sommaire.html qui permet de gérer notre page d'accueil. Donc dans notre page d'accueil, on va pas reparler, vous l'avez vu précédemment de l'entête, de la barre de navigation et du pied de page, puisque ces trois éléments font partie des squelettes communs. Donc sur notre page d'accueil, nous avons ces quatre articles qui apparaissent : « Mes voyages », « Mes destinations », « Le transport » et « L'hébergement ». Ces trois articles sont classés dans une rubrique spécifique, la rubrique « Accueil ». Allons voir ceci. J'affiche ma rubrique, et nous avons la rubrique « Accueil ». La rubrique « Acccueil » a comme identifiant 8. Nous avons bien ici nos quatre articles : « Mes voyages », « Mes destinations », « Le transport » et « L'hébergement ». Si j'affiche « Mes voyages », nous voyons que cet article a comme identifiant 14. Nous voyons qu'il a un titre, qu'il est bien dans la rubrique « Accueil », qu'il a un chapeau et qu'il a un corps de texte. Donc ces tous ces éléments que nous allons vouloir afficher. Voici le squelette sommaire.html et voici la partie qui nous intéresse, la partie de l'affichage de la page d'accueil. Donc dans quatre boites div, j'ai systématiquement une boucle. Une première boucle qui s'appelle articles_accueil_1 cette boucle travaille sur le type de contenu « Articles », et ici, je cible avec ce critère l'article que je souhaite afficher, c'est l'article dont l'identifiant est 14. C'est bien ce que nous avons vu précédemment. À l'intérieur de cette boucle, dans un élément h2, j'affiche le titre de l'article, puisque nous avons le contexte qui est ici. Et ce titre est inséré dans un lien a, dont l'URL est URL_ARTICLES Donc, là encore, SPIP sait parfaitement de quel article il s'agit, puisque nous avons le contexte qui est indiqué dans ce critère. Ensuite, sous le titre, nous avons le logo de l'article. Et en-dessous nous avons le chapeau, avec #CHAPEAU et la fin de la boucle. Et après le principe va être exactement le même pour les trois autres articles. Même structure, on a une boucle articles_accueil_2 qui travaille toujours sur le type « Articles », cette fois je cible précisément l'article dont l'identifiant est 15, et dans un élément h2, j'affiche le titre de cet article dans un lien que je récupère avec la balise #URL_ARTICLES. Et comme précédemment, j'affiche le logo de l'article, avec la balise spécifique et le chapeau. Même principe pour les deux autres. Donc voilà comment créer des petites boucles toutes simples, et ici, nous avons bien repéré, quel était l'identifiant des articles que nous souhaitons afficher.

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 !