Les boucles du Sommaire d’accueil

  Quelques exemples fréquents

Article publié le 7 juin 2018, et actualisé en juin 2018

 
 
 
 
 
 
 
 
 
 
 
 
 
 

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 :

  1. un descriptif du site / les rubriques principales (secteurs : sans parent),
  2. un descriptif du site / les cinq derniers articles (antéchronologiques),
  3. un descriptif du site / un diaporama / les derniers articles
  4. un descriptif du site / un diaporama / les rubriques
  5. 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 :

  1. <BOUCLE_secteurs(RUBRIQUES){id_parent=0}>,
  2. <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 &nbsp;
     <!-- <a href="#URL_RUBRIQUE{11}" title="Choisir un itin&eacute;raire de lecture">Itin&eacute;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 !


Merci de nous signaler les coquilles, imprécisions ou erreurs qui figureraient dans cette page.

[2Et d’un descriptif depuis SPIP 3 !


Liens A2A visibles seulement pour les inscrits.
Liens visibles seulement pour les inscrits.

Article publié le 7 juin 2018, et actualisé en juin 2018 .

Répondre à cet article