Studio AAPPMA Pro

[Section] Sommaire

Composition

[Section] Sommaire

Accueil Studio » Fichiers » [Section] Sommaire

Sur une page très longue, il est parfois utile de présenter, en tête de page, les grandes lignes du contenu. C’est le rôle de cette “Section-sommaire”.

Pourquoi l’utiliser ?

Sur une page très longue, il est parfois utile de présenter, en tête de page, les grandes lignes du contenu. C’est le rôle de cette “Section-sommaire”. Des liens peuvent être placés sur ses différents éléments du sommaire, et pointer vers les différentes sections ou blocs présents plus bas sur la page.

Dans l’exemple présenté dans l’aperçu (voir bouton ci-dessous), le sommaire est présent dans un bloc à droite du premier paragraphe de l’article. Le fichier « Section-Sommaire » comprend uniquement la première section de cette page exemple, avec le chapô en gras, le premier paragraphe et le bloc sommaire.

Comment l’installer ?

Télécharger le fichier
Décompresser le fichier .zip
Dans l’administration, cliquer sur Apparence > Design > Compositions
En haut à droite, cliquer sur le bouton « Ajouter une composition » > « Composition importée depuis un JSON »
Sélectionner le fichier .json téléchargé et cliquer sur « Transférer »
Ouvrir la composition
Mettre à jour les images de la composition avec des images existant dans votre médiathèque.
La composition est prête à être utilisée

Comment l’utiliser ?

Le design proposé par cette “Section sommaire” est assez simple, mais personnalisable. Sur un fond léger (Couleur 6), sont simplement présentées les différents chapitres situées plus bas.

Sur chaque item, figure un lien un peu particulier, appelé “ancre”. On le réalise comme n’importe quel lien, en sélectionnant son texte, en cliquant sur l’icône “chaine” pour créer un lien, mais en mentionnant le nom de l’ancre (exemple : #ancre1) précédée d’un dièse.

Dans la page elle-même, il vous faudra alors positionner cette ancre, sur le bloc lui correspondant, de cette manière :

Sélectionner le bloc ciblé par l’ancre 1
Dans les paramètres du bloc, sélectionnez “Advanced”
Dans le menu “Avancé”, dans la case “Ancre HTML”, tapez “#ancre1″
Répétez l’opération pour toutes les autres ancres de votre page.

Les compositions nommées “Section” doivent toujours être placées au premier niveau de votre arborescence. Elle comportent en règle générale un sous-container baptisé “contenu” dans lequel d’autre blocs peuvent être modifiés selon vos besoins.

Aime

Visibilité de la publication

Écrire un message

Vous devez être connecté pour accéder à cette page.

Vous devez être connecté pour accéder à cette page.

Connexion