Studio AAPPMA Pro

[Section] Entête

Composition

[Section] Entête

Accueil Studio » Fichiers » [Section] Entête

La composition “Section-Entete” est la première composition, qui s’installe tout en haut de toutes vos pages.

Avertissement : cette composition fait partie des compositions pré-installées sur votre site. Si vous la réinstallez, vous aurez par conséquent un doublon. En cas de mise à jour de cette composition, il est donc conseillé de conserver l’ancienne composition temporairement, en le renommant “Section-Entete-old” pour la distinguer de la nouvelle composition. Cette ancienne composition pourra, par la suite, être supprimée.

Pourquoi l’utiliser ?

La composition “Section-Entete” est une section obligatoire, à installer systématiquement en tête de toutes vos pages. Son rôle est de produire une têtière visuelle avec une image forte, qui vient se glisser sous le header transparent (logo = menu horizontal).

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 ?

La “Section-Entête” comporte trois principaux éléments :

L’image principale

C’est celle qui a été choisie pour votre site. Dans l’absolu, il serait possible de choisir une image différente pour chaque page. Malgré tout, choisir une image n’est pas si simple. Il faut bien veiller, en termes de contraste, à ce que les textes (header ou titraille) demeurent bien lisibles sur tous les écrans. Ensuite, il faut créer trois images différentes (format variables), et les uploader dans votre médiathèque (une pour chaque écran : Desktop, Tablette et Mobile). Avant de vous lancer dans cette opération, observez attentivement comment est paramétré l’affichage de cette image dans les réglages du container parent.

Le surtitre

Par défaut, le surtitre affiche le nom de l’AAPPMA. Mais il est possible de déroger à cette règle, tout comme il est possible, par l’intermédiaire du menu “Cacher”, de ne pas afficher ce surtitre.

Le titre

Sur les pages, le titre technique est masqué (œil barré). C’est donc cet élément titre (par défaut “Titre de la page”) qui comporte la balise H1. Il est dont très important, et c’est ici que vous mentionnerez le titre 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