Rappel : pour travailler sur un fichier de squelette (ou une noisette), un fichier de structure HTML que l’on a préalablement identifié par var_mode=inclure
(ou mieux SkelEditor), c’est-à-dire Se Préparer à Modifier vos squelettes [1], on copie ce fichier d’origine (depuis ./squelettes-dist/
et on met la copie dans le dossier ./squelettes
qu’il faut créer au même niveau que les dossier ./ecrire
, ./squelettes-dist
.. s’il n’existe pas encore.
Les structures classiques
Dans les pages sommaire d’accueil des sites, on retrouve souvent ce genre de structure :
- un descriptif du site / les rubriques principales (secteurs : sans parent),
- un descriptif du site / les cinq derniers articles (antéchronologiques),
- un descriptif du site / un diaporama / les derniers articles
- un descriptif du site / un diaporama / les rubriques
- un descriptif du site / les rubriques et un article (si sa rubrique ne contient qu’un article)
…
Bien sur chaque ligne renvoyant vers une rubrique (ou article) est un lien cliquable, et la partie de squelette correspondante doit faire apparaitre un hyperlien sur le titre affiché, par exemple suivi d’un texte court /200 caractères/ extrait du début du contenu : ce sera de la forme<a href="#URL_RUBRIQUE">#TITRE</a> [: (#INTRODUCTION|couper{200})]<br />
.
Cette structure sera répétée pour chaque rubrique correspondante, sélectionnée au sein d’une Architecture de boucle ...
Selon qu’on veut mettre en avant les dernières nouveautés publiées, ou plutôt une présentation générale (comme ici sur SPN, un article introductif, suivi dans la colonne de droite des dernières publications..), on compose les diverses boucles :
-
<BOUCLE_secteurs(RUBRIQUES){id_parent=0}>
, -
<BOUCLE_derniers(ARTICLES){par date}{0,5}{inverse}>
...
Le descriptif présent le site
La page sommaire d’accueil du site doit rendre compréhensible au visiteur l’objet général du site, et permettre d’un coup d’œil d’identifier les informations proposées, par exemple au moyen d’un slogan [2], exemple :
- Les champs déclarant l’identité du site
Dans la Configuration initiale de SPIP, le premier écran de configuration est dédié à l’identité du site (Conf SPIP3 : identité), et comporte en particulier une zone de formulaire consacrée à un texte général, descriptif du site...
Cet affichage est généré dans le sommaire.html
standard par [<div class="chapo">(#DESCRIPTIF_SITE_SPIP)</div>]
, qui traite ce texte comme le ’chapo’ du pseudo-article faisant page d’accueil du site...
Plus exactement, il s’agit dans SPN d’une noisette commune ci-dessous :
<div id="header">
#INCLURE{fond=inclure/inc-topnav}
<div id="logo">
<h1><a href="#URL_SITE_SPIP" [title="(#DESCRIPTIF_SITE_SPIP|attribut_html)"]>Apprendre SPIP</a></h1>
<p>#SLOGAN_SITE_SPIP
<!-- <a href="#URL_RUBRIQUE{11}" title="Choisir un itinéraire de lecture">Itinéraires</a><span></span></p> -->
</div logo>
<br class="clear" />
De même, vous pourrez afficher automatiquement un logo, une favicon et bien sûr un slogan sous le titre de l’entete... qui pourra apparaitre sur toutes les pages !
Article publié le 7 juin 2018, et actualisé en juin 2018 .
Répondre à cet article