Ajouter une bannière comme liste fixe

Vous pouvez ajouter une bannière sur la base d'une liste contenant des éléments que vous avez composés.

Vous pouvez, par exemple, intégrer les informations importantes que vous souhaitez partager avec les visiteurs du site web sur la page de démarrage afin que chaque visiteur les voit.

Ajouter une bannière comme liste fixe :

1. Connectez-vous et démarrez Gestion du site.
   1. Ouvrez le site.
   2. Connecte-toi avec le nom d'utilisateur et le mot de passe.
   3. Cliquez sur: OK.
   4. Cliquez en haut à droite sur le nom d'utilisateur.

      

   5. Cliquez sur: Gestion du site.

2. Ouvrez la page dans laquelle vous souhaitez ajouter une bannière.
3. Cliquez sur: Modifier (dans le cadre Page).
4. Cliquez sur: Nouveau dans Eléments de page.
5. Cliquez sur: Bannière.
6. Saisissez éventuellement un Titre pour la bannière.
7. Sélectionnez la case à cocher Afficher cadre et titre élément si vous souhaitez afficher une ligne autour de la bannière comportant le titre saisi.
8. Sélectionnez la source Liste fixe.
9. Cliquez sur: Créer derrière le champ Liste fixe.
10. Cliquez sur: Nouveau.
11. Cliquez sur: l'icône Rechercher valeur.
12. Sélectionnez la page vers laquelle vous souhaitez renvoyer.

    Sélectionnez une page en cliquant dessus.

13. Si rien ne s'affiche dans Image d'origine, sélectionnez une image différente pour la bannière. Vous pouvez également saisir un texte différent.
14. Si vous n'indiquez aucune image et/ou aucun texte pour la bannière, un champ vide ou une puce vide est affiché(e).
15. Cliquez sur: Créer.
16. Ajoutez éventuellement une page supplémentaire.
17. Une fois toutes les pages que vous souhaitez afficher dans la bannière ajoutées, cliquez sur OK.
18. Sélectionnez un valeur pour Style de présentation.

    Plus d'informations : Style de présentation

    Vous pouvez présenter une bannière de différentes manières. Vous sélectionnez le style de présentation lors de l'ajout d'une bannière.

    Attention:

    Tandis que vous modifiez une page, vous ne voyez pas immédiatement si une image ou un bouton s'insère dans le cadre. Après avoir enregistré et ouvert la page publiée, vous pouvez visualiser si la taille modifiée du cadre est suffisante pour les boutons, images ou textes.

    Veuillez trouver ci-dessous quelques exemples de styles de présentation d'une bannière.

    Afficher comme énumération

    Tous les renvois sont intégrés sous la forme d'un texte dans une énumération dont les éléments sont présentés les uns sous les autres ou les uns à côté des autres. Les énumérations se composent de signes d'énumération et de texte si les éléments sont présentés les uns sous les autres et uniquement de texte s'ils sont présentés les uns à côté des autres.

    

    Afficher comme liste déroulante

    Tous les renvois sont intégrés sous la forme d'un texte dans une liste d'options (dropdown). La liste d'options se compose d'une liste réduite et d'un bouton permettant de l'ouvrir. Normalement, le premier élément de la liste est affiché. Sélectionnez un autre élément de la liste via le bouton.

    

    Afficher comme boutons

    Tous les renvois sont affichés sous la forme de boutons. Dans ce cadre, le texte de la bannière est utilisé comme étiquette pour le bouton. Si un visiteur clique sur le bouton, le renvoi correspondant est ouvert. Si vous affichez les boutons côte à côte, ils sont soulignés dans l'espace disponible.

    

    Afficher comme image

    Cette liste de présentation affiche les renvois comme images. Le texte est affiché sous la forme d'un Tooltip. Si un visiteur clique sur une image, le renvoi correspondant est alors ouvert. Si une image est trop large ou trop haute, elle est automatiquement redimensionnée de façon à s'insérer dans les marges. Le rapport hauteur/largeur reste identique.

    

    Afficher comme carreaux

    Ce style de présentation affiche les renvois sous la forme d'images avec un texte en légende. Si un visiteur clique sur l'image ou le texte, le renvoi correspondant s'ouvre.

    

    Afficher comme carrousel

    Ce style de présentation affiche les renvois sous la forme d'images. Une image est toujours affichée et remplacée par l'image suivante. Vous définissez l'intervalle au moment de l'ajout de la bannière. Après avoir affiché la dernière image, la première est de nouveau affichée. Un numéro est affiché pour chaque image. Si vous cliquez sur ce numéro, l'image correspondante est immédiatement affichée. Si plus de cinq images sont répertoriées, aucun numéro n'est attribué ; seuls apparaissent les boutons correspondant à "Première", "Précédente", "Pause", "Suivante" et "Dernière".

    Vous pouvez déterminer le style de navigation dans le carrousel de la bannière. Vous avez le choix entre : Aucun, Puces, Lecteur média, Numéros, Précédent/Suivant. Vous pouvez aussi déterminer si la bannière doit défiler automatiquement ou si le visiteur doit cliquer manuellement.

    

19. Sélectionnez un valeur pour Nombre maximal de renvois.
20. Sélectionnez un valeur pour Format image bannière.

    Vous ne disposez de ce champ que si vous avez sélectionné le style de présentation Image. Vous pouvez maintenant également définir que vous souhaitez afficher du texte avec les images. Le libellé de l'image apparaît alors sous celle-ci.

21. Sélectionnez un valeur pour Style de navigation.

    Vous ne disposez de ce champ que si vous avez sélectionné le style de présentation Carrousel. Le style de navigation vous permet, par exemple, d'afficher des boutons permettant au visiteur d'ouvrir l'image précédente ou suivante.

22. Sélectionnez un valeur pour Style d'animation.

    Vous pouvez, par exemple, présenter les images en Flotter intérieur lorsqu'un visiteur ouvre la page. Par défaut, le style d'animation est Zoomer en plan général.

    Plus d'informations : Style d'animation

    Vous pouvez lier un style d'animation à une bannière. Les images de la bannière apparaissent, par exemple, en Flotter intérieur ou sont Dézoomées lorsque vous ouvrez la page contenant la bannière.

    Par défaut, le style d'animation est Zoomer en plan général.

    Vous pouvez utiliser les animations suivantes :

    • Flotter intérieur
    • Construction centrale
    • Aucune animation
    • Vers le centre
    • Zoomer en plan général
    • Apparaître
    • Estomper
    • Ver
23. Sélectionnez la case à cocher Touches rapides si vous souhaitez offrir aux visiteurs du site la possibilité de démarrer l'élément via un raccourci.

    Cela est pratique, par exemple, lorsque vous avez une bannière avec des images. Vous pouvez démarrer toutes les images à l'aide d'un raccourci propre.

24. Déplacer avec le texte : si le texte de la bannière est trop large, cette option génère un passage à la ligne suivante. Vous pouvez uniquement sélectionner cette option dans le style de présentation ''Enumération (les uns en dessous des autres)". Pour les autres choix, le texte est simplement coupé s'il ne s'insère pas dans la colonne.
25. Cliquez sur: Créer.
26. Cliquez sur: l'élément de la bannière.
27. Cliquez sur: Propriétés.
28. Sélectionnez éventuellement le Groupe dans lequel vous souhaitez afficher la bannière. Vous avez le choix entre :
    • Niveau menu bannière 2

      L'image liée apparaît dans la colonne de gauche de la page.

    • Aller directement à

      Le texte du renvoi apparaît sous forme de lien dans la colonne de droite de la page.

    • Site afférent

      Utilisez un site afférent si vous disposez d'un site web en plusieurs langues, par exemple. Le lien est alors affiché dans l'angle supérieur droit de la page.

    • Bannière principale

      L'image apparaît dans la bannière en haut de la page. Vous êtes tenu de lier une image au niveau du menu de bannière 2 comme de la bannière principale, sans quoi, rien ne s'affiche. Si vous avez saisi un 'Tekst banner' dans les propriétés de la page, il sera alors affiché avec le texte original. Il en va de même pour l'image originale.

29. Définissez la hauteur de la bannière.

    Vous avez le choix entre :

    • Hauteur fixe : vous définissez la hauteur de la bannière en pixels. Un élément qui ne s'insère pas dans cette hauteur fixe n'est pas affiché. Modifiez la hauteur fixe si rien n'est affiché. Si vous utilisez moins d'espace que la hauteur précisée, l'espace restant est comblé par un espace blanc. Vous pouvez ainsi afficher plusieurs éléments ayant une hauteur différente les uns à côté des autres.
    • Contenu complet : précisez ici que vous souhaitez afficher tous les éléments disponibles à partir de la source. La hauteur est déterminée sur la base des éléments afin que tous puissent être insérés.
    • Remplir : la hauteur est déterminée par l'espace disponible dans la colonne. Vous pouvez sélectionner cette option pour les seules bannières que vous intégrez dans une page. Vous ne pouvez pas la sélectionner pour des bannières dans une mise en page libre car aucun espace disponible ne peut être défini. Avec l'option Remplir, une bannière occupe tout l'espace disponible dans la colonne. La hauteur de colonne est déterminée par les autres éléments qui apparaissent dans la même ligne. Cela est, par exemple, utile si la bannière est insérée dans une ligne dont des éléments de hauteur variable sont insérés dans d'autres colonnes. La hauteur de la bannière est alors déterminée par l'autre élément.
30. Spécifiez éventuellement les marges.
31. Sélectionnez la case à cocher Restriction de langue si vous souhaitez que la bannière n'apparaisse que dans une langue spécifique sur un site.
32. Cliquez sur: Adapter.
33. Cliquez sur: Publier.
34. Cliquez sur Oui à l'apparition du message.