Un billet en page d'accueil (et seulement là)

Note : la version primitive de cet article (avril 2008) reposait sur une technique que j'ai généralisée dans cet article, la question traitée ici n'en est plus qu'une application particulière.

Autre note : technique inutilisable au niveau Confiance, désolé.

---

À quoi bon faire un article sur cette histoire de billet et de page d'accueil ? L'admin OB permet de distinguer la page d'accueil des autres, de les configurer et les styler différemment. Alors où est le problème ? Dans la définition de ce qu'est une page d'accueil

Vous avez dit  accueil  ?

D'abord faites-moi plaisir : le mot s'écrit accueil (prononcé akeuye) et pas acceuil (qui se prononcerait axeuye). Merci.

Ensuite…

Chez OB, l'  accueil  d'un blog désigne non seulement la page monblog.overblog.com/ mais aussi toutes les pages de suite monblog.overblog.com/n-index.html auxquelles on accède via le bandeau de pagination, dont la présence est optionnelle.

Si l'on renonce à ce bandeau, pour faire une page d'accueil et une seule franchement différente du reste du blog, il n'y a plus de problème et aucun besoin de la suite de cet article.

Mais ce bandeau est si commode… Si on le garde, le message d'accueil figurera bien sur la page d'accueil  naturelle , la page  d'entrée , mais aussi sur toutes les pages de suite. Pour faire un blog (comme l'était celui-ci) où toutes les pages sauf une ont la même allure, je n'ai pas trouvé d'autre solution que d'examiner l'URL de la page pour décider de ce qu'on lui fait subir. Cette tâche incombe au gadget décrit dans l'autre article, le reste n'est qu'un classique travail de CSS et de configuration du blog.

Préparatifs

Le billet d'accueil est le module de texte libre que propose l'admin pour ça.

Il faut seulement, pour la suite, lui donner un identifiant. Marche à suivre : dans l'admin, allez dans le menu  Configurer , puis dans le sous-menu  Options Globales  et dans les  Réglages avancés . Cochez la dernière case  Permettre la configuration des id XHTML des modules  si ce n'est pas déjà fait.

Toujours dans la configuration, mais maintenant celle du module : il y a une case  Id XHTML  sous la fenêtre de texte, c'est l'endroit pour donner un identifiant au message d'accueil. Faites simple et expressif, par exemple msgBienvenue.

À ce stade, le billet apparaît sur toutes les pages d'accueil du blog ou sur toutes les pages, selon que la configuration est  avancée  ou  classique .

Solution

Installez le gadget décrit dans l'autre article : un fichier à remonter dans votre admin et une ligne à rajouter dans le source HTML de l'en-tête du blog.

Une fois ce gadget en place, le body de chaque page du blog porte des classes nouvelles la décrivant. Les pages d'accueil portent la classe pg_index, la première page d'accueil (la  vraie ) porte en plus la classe pgnum_0.

Il va falloir ajouter deux lignes dans votre CSS  global  ou  accueil , elles ne dépendent que de ce que vous souhaitez proposer à vos lecteurs s'ils naviguent sans JavaScript.

Sans JS, je tolère le billet sur les pages de suite

C'est la situation actuelle. Il faut ajouter ceci au CSS :

 .pg_index #msgBienvenue {display:none} .pg_index.pgnum_0 #msgBienvenue {display:block} 

Sans JS, je préfère qu'il n'y ait pas de billet du tout

Demandez-vous au passage si vous avez vraiment envie de ce billet, mais admettons.

Il faut alors ajouter ceci au CSS :

 #msgBienvenue {display:none} .pg_index.pgnum_0 #msgBienvenue {display:block} 

(vous avez remarqué la subtile différence ?)

C'est déjà fini ?

Ben oui. Mine de rien, l'est assez génial mon gadget à estampiller les pages de blog…

---

Merci à Cln qui m'a donné l'idée initiale et à Bill qui, en se lançant dans l'aventure, m'a aidé à corriger une petite erreur de rien du tout… qui flanquait tout par terre.