Changer l’habillage graphique

  un exemple sans changer la structure, illustrant Skeditor en images.


On dit toujours que SPIP produit des sites "moches" ; mais ce n’est pas le problème de SPIP !

En fait cet article voulait au départ mettre en évidence le fonctionnement de SkelEditor, pour trouver Quel squelette modifier ? et comme le jeu de squelettes de SPN est un peu "enrichi", j’ai pensé à revenir à Squelettes de la "dist", en fait plutôt ceux de Zpip ou Z, Zcore et Thèmes : voyez en images....

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Comment apparaitrait SPN
si les squelettes étaient "standard" (c’est-à-dire sans habillage graphique) ?

PNG - 123.7 ko
SPN3 article

On peut simplement lire le contenu de l’article sans difficultés.

Par contre l’accueil n’aura plus le meme contenu spn3 sommaire, car le sommaire normal en SPIP présente juste les dernières nouveautés (articles récement publiés) ;
- il n’est pas sur que le lecteur arrivant sur le site comprenne aussi vite le sujet du site, et son intérêt pour ce qu’il pourra y trouver
- de plus l’analyse des visiteurs montre que ce n’est pas souvent le point d’entrée : les visiteurs atterrissent plus souvent directement sur une page ciblé (d’informations techniques), bien indexée et fournie par leur moteur de recherche [1]
- enfin l’ergonomie de navigation n’est plus du tout la même, en particulier le parcours d’articles proches n’est pas réalisable de la même façon avec les squelettes standards de publication SPIP.
les deux bandeaux de navigation précedent suivant pour passer à l’article suivant en fin de page ont été rajoutés dans les squelettes d’articles.

On voit donc apparaitre les deux notions de visualisation (esthétique) et d’utilisation (pratique) qui amènent à Séparer présentation et habillage.
Ainsi, à partir d’un même contenu, Définir une charte graphique d’habillage d’un site Web améliorera certes la "beauté" du site, mais pour le confort de votre lecteur, la présentation sera vite prioritaire, car on s’habitue à l’apparence, mais c’est des informations qu’on cherche le plus souvent sur le Web...

Pour continuer, je voudrais juste vous mettre en évidence les noisettes utilisées :
d’abord dans un article standard avec var_mode=inclure. SPN3 article dist skel

Pour voir la structure finale des pages de SPN, veuillez vous reporter à Quel squelette modifier ? ; vous utiliserez désormais SkelEditor en tant que webmestre...

Les divers noms en jaune, qui apparaissent ci et là dans la page,
précisent les noms de noisettes appelées dans le squelette de la page principale (pour une référence des squelettes des pages principales, voir Quel squelette modifier ?)...


Enfin, voila la "vraie" structure utilisée..
spn3 article skelSPN

Sur cet exemple, suite à un conflit de styles, les noms de noisettes sont affichés en orange (et non sur fond jaune comme en standard) : comparez l’image avec la version normale.

Et les plus observateurs d’entre vous auront distingué à droite, la différence entre le pavé d’arborescence des rubriques, et sur la version opérationnelle, la noisette formulaire de saisie publique des mots-clés Tags (affichage supplémentaire, réservé au webmestre)...

Nota Bene : petit piège rencontré dans ces manipulations : le simple fait d’ouvrir la page de cet article en mode Standard (donc avec le dossier ./squelettes/ renommé), et le mode &var_mode=inclure activé par le plugin Skeleditor a forcé SPIP à re-créer un dossier ./squelettes/ vide, prêt à recevoir les copies de vos squelettes pour vos modifications...


Merci de nous signaler les coquilles ou erreurs qui figureraient dans cette page.

[1Pourtant le seul référencement jamais opéré sur SPN relève uniquement du référencement naturel, avec neanmoins des mises-à-jour fréquentes, pour compiler les informations et/ou questions suivies sur le Web à propos de SPIP !


Liens visibles seulement pour les inscrits.

Article publié le 3 avril 2015, et actualisé en avril 2015 .

Répondre à cet article