Analyse complète de la composition d’un article

, par  Alain Laponche --- ---

Analyse des squelettes appelés

La demande de http://www.orbi.infini.fr/spip.php?article7 provoque l’appel de :
— > plugins/auto/sarkaspipr/v4.5.10/article.html
Se contente d’appeler ...
— > plugins/auto/zcore/v2.6.2/structure.html
Mise en place de doctype et test d’IE
>script type=’text/javascript’>
>meta http-equiv="Content-Type" content="text/html ; charset=#CHARSET" />

— > plugins/auto/sarkaspipr/v4.5.10/head/article.html
Debut du head particulier a chaque page pour inserer un title, des css particulieres (mais surchargees), ou des js *inline*
– Traitement spécifique au forum
– Un meta description pour la page
– Le titre de la page
– Un link vers cette page (?)

— > plugins/auto/sarkaspipr/v4.5.10/inclure/head.html
Partie commune a toutes les pages, sans env (metatags, feuilles de style standards et syndication)
On y trouve en fin de liste perso.css
Mais juste avant il y a #INCLURE{fond=inc-theme-head} (si ce squelette existe)
Pb : On ne voit pas son appel.
Il y a aussi la balise #INSERT_HEAD_CSS pour que les plugins inserent leur propre CSS.

— > plugins/auto/sarkaspipr/v4.5.10/head_js/dist.html
Fin du head particulier a chaque page, pour inserer des js specifiques par exemple *externes*

— > themes/cerulean/body.html
En réalité, aucun thème, mais donne la structure en pavé (indépendamment de leur emplacement) du corps de la page. Cela doit être le même pour tous les thèmes compatibles ?
Il appelle successivement
– header.html (id="header")
– inclure/nav.html (id="nav")
– breadcrumb/article.html (id="content")
– content/article.html (idem)
– aside/article.html (id="aside") —> Les noisettes en marge
– extra/article ;html (id="extra") —< Des noisettes additionnelles
– footer.html (id="footer")
Il est important dans les CSS de retrouver les id et class utilisés ici.
Si le thème n’est pas compatible avec Zen Garden (ex SarkaSpip Arclite), alors on retient
plugins/auto/sarkaspipr/v4.5.10/body.html

— > plugins/auto/sarkaspipr/v4.5.10/header/dist.html
— > plugins/auto/sarkaspipr/v4.5.10/header/inc-haut.html :
Titre du site
— > plugins/auto/sarkaspipr/v4.5.10/inclure/nav.html
— > plugins/auto/menus/v1.6.7/inclure/menu.html
— > plugins/auto/menus/v1.6.7/menus/accueil.html
Affichage Accueil (1er item du menu horizontal)
— > plugins/auto/menus/v1.6.7/menus/rubriques_completes.html
Affichage des secteurs dans le menu horizontal
etc ...

Analyse de la structure du HTML généré

<html class="page_article ltr fr js">
<head>...</head>
<body>
<div id=bsgrid" ... ???>
<div class="page">
   <div class= "container"> le header </div>
   <div id="nav" class= "navbar ..."> le menu horizontal </div>
   <div class="container">
      <div class="row wrapper"> les 3 div suivants</div> </div>
         <div class "content primary span8" id= "content">Content</div>
         <div class "aside secondary span3" id= "aside">Les"noisettes"</div>
         <div class "extra secondary span3" id= "extra"><!--Rien--></div>
    <div class et id = "footer"> Appel du pied de page</div>
    <div> pour gestion en ligne (debug, crayon, ...)</div>
</body></html>
   
Content :
<ul class="breadcrumb"> le chemin de fer</ul>
<article class="article">
<header class="cartouche"> le cartouche de l'article </header>
<div class="main"> le contenu </div>
<footer></footer>    (vide, et double un autre footer)
<aside></aside>
</article>