Une liste de pages toujours affichée (PageList thèmes V3)

Quelqu'un m'a demandé de faire apparaître la liste des pages sur son thème Emporio, même quand c'est un article qui est affiché, ce qui peut être utile.

Voici comment y parvenir, avec une solution pour chaque thème de version 3. Contempo, Emporio et Essential. Notable et Soho, de même que les thèmes de version 2, ne sont pas concernés puisque PageList y est affiché dans tous les cas d'affichage.

L'opération est plus ou moins complexe selon les thèmes.

Préalables

Il faut naturellement que le gadget PageList soit activé !
Important : Faites une sauvegarde de votre thème avant toute modification.

Contempo et Essential

• Entrez dans l'éditeur HTML de Blogger
• Via "Accéder au widget" positionnez-vous sur PageList1
• Vous devriez voir en première ligne <b:widget cond='!data:view.isPost' id='PageList1' locked='true' title='' type='PageList' version='2' visible='true'> 
• Dans cette ligne remplacez
  cond='!data:view.isPost'
  avec
  cond='true'
• Enregistrez le thème et testez

Emporio

1. Activer PageList pour tous les cas d'affichage :

• Entrez dans l'éditeur HTML de Blogger
• Recherchez <b:if cond='data:view.isLayoutMode or not data:view.isSingleItem'> et remplacez cette ligne avec <b:if cond='true'>

2. Supprimer le masquage de PageList et indiquer sa position

• Recherchez .sticky .centered-top .top-nav{
• Juste en dessous, remplacez
  display:none
  avec
  position: absolute;
  top:36px;
  left:2px

3. Abaisser le corps de l'article

• Recherchez .item-view .page_body{
• Juste en dessous modifiez la valeur de padding-top : remplacez 70px avec 128px
• Enregistrez le thème et testez

Explications 

L'étape 1 permet d'activer PageList dans tous les cas d'affichage, mais elle n'est pas suffisante car en plus le CSS est conçu à l'origine pour que le rendu de PageList soit masqué dans le cas d'affichage de pages uniques. L'étape 2 élimine ce masquage et indique où l'on veut afficher PageList.

L'étape 3 est nécessaire pour abaisser de quelques pixels l'affichage du corps de l'article, sans quoi son titre est masqué par PageList.

Réglages

On peut ajuster la position de PageList en jouant avec "top" et "left" dans ".sticky .centered-top .top-nav". On peut aussi modifier la hauteur de l'article avec "padding-top" dans ".item-view .page_body".

Notable et Soho

Aucune modification n'est nécessaire puisque PageList est toujours affiché dans ces thèmes.

N'hésitez pas à laisser votre retour d'expérience en commentaire !