La bannière

L'utilisation d'un Banner ajoute une touche visuelle à votre site Web et ajoute du caractère à votre contenu, qu'il s'agisse d'un gallery, page, dossier, album client, ou blog. Vous pouvez ajouter le texte alternatif de l'image pour les images de la bannière, cela aide au référencement.

Bannières peuvent être placés en haut ou en bas de votre contenu (sous l'en-tête du site Web) et sont généralement utilisés pour afficher une image de bannière pleine largeur/un diaporama d'images/une vidéo.

Astuce

Si vous souhaitez simplement afficher un message texte en haut de votre site Web, utilisez le Barre d'annonce. Ou si vous souhaitez créer une fenêtre contextuelle qui apparaît lorsque les visiteurs consultent votre site Web, vous pouvez essayer le Pop-up marketing.

Voici à quoi ressemble une bannière : 

Consultez un site de démonstration en direct.


Les paramètres de la bannière sont classés comme suit : 

  1. Menu
  2. Paramètres
  3. Mise En Page


1. Contenu

Les options sous la catégorie de contenu sont : 

Sélectionnez le type de bannière. Vous pouvez choisir l'une des options suivantes :

  • Toboggans – Sélectionnez l’option Diapositives si vous souhaitez afficher des images dans la bannière. Vous pouvez ajouter plusieurs diapositives d’images sous une même bannière.
  • Vidéo – Si vous souhaitez afficher des vidéos sous forme de bannières, sélectionnez cette option. Sous chaque bannière, vous pouvez ajouter plusieurs diapositives vidéo.
  • Voiture  – L'image principale, le titre et la description de la galerie seront utilisés pour la bannière. Celle-ci sera créée automatiquement par le système.
  • Inactif – La bannière ne sera pas visible sur le site.


Toboggans
  • Cliquez sur le +Ajouter des diapositives (1) bouton pour ajouter les diapositives personnalisées à la bannière.
  • Une fois les diapositives téléchargées, vous pouvez éditer (2) ou delete (3) la diapositive.

Points à retenir: 

  • La taille idéale d'une image de bannière sera 2560 pixels X 1440 pixels. 
  • Les formats de fichier image pris en charge pour la bannière sont JPG, JPEG, PNG et GIF. 
  • Le nombre maximal de diapositives prises en charge est 25 pour chaque bannière.
  • Nous vous recommandons de télécharger des images en mode paysage plutôt qu'en mode portrait.
  • Ajoutez le texte sur les images du Texte principal/diapositive champ. Ne téléchargez pas d'images contenant du texte.


Modifier l'image/la diapositive de texte 

  • Une fois que vous avez cliqué sur le éditer icône, vous verrez le tiroir Diapositives Image/Texte.


Les options disponibles ici sont : 

  1. Image(s) 
    • Cliquez sur le Télécharger une présentation bouton pour changer l'image/la diapositive. Clique sur le Supprimer  bouton pour supprimer la diapositive.
    • Changez le point focal de l'image en cliquant simplement sur l'image n'importe où.
  2. Image mobile – Téléchargez une image de bannière mobile. Nous vous recommandons d'ajouter ici des images au format portrait.
  3. Spécifiez le texte alternatif pour la diapositive d'image. Cela aide à des fins de référencement.

  1. Texte de la diapositive – Entrez le texte de la diapositive qui apparaîtra sur la diapositive. Vous pouvez mettre le texte en gras, en italique, le souligner, le lier et bien plus encore.
    Regarde aussi: L'éditeur de texte Pixpa.

  1. Lien de la diapositive
    • Cliquez sur l'icône des paramètres et entrez le lien de superposition pour la diapositive.
    • Vous pouvez spécifier n'importe quelle page à l'intérieur / à l'extérieur de votre site Web, votre adresse e-mail ou un numéro de contact.

Vérifiez également: Liaison texte/bouton.

Note

La diapositive complète sera convertie en lien uniquement lorsque Texte et boutons de la bannière l'option est sélectionnée comme Différent pour chaque diapositive.

  1. Bouton et icônes
    • Ajoutez jusqu'à 10 boutons/liens au contenu de la diapositive.
    • Vous pouvez ajouter un bouton normal, un lien texte ou utiliser une image/icône comme bouton.
      Vérifiez également: Bouton et liens.
  1. Frappe le Enregistrer bouton pour enregistrer vos modifications.


  • Spécifiez si le texte et les boutons seront les mêmes pour toutes les diapositives ou différents pour chaque diapositive. Lorsque vous sélectionnez le Idem pour toutes les diapositives option, le texte de la bannière et les boutons 1 et 2 seront utilisés.
  • Lorsque vous avez sélectionné le Différent pour chaque diapositive option, le texte et les boutons spécifiés pour une diapositive particulière seront utilisés.


Boutons et icônes 
  • Ces boutons/liens apparaissent sur vos diapositives de bannière (communes à toutes les diapositives).
    Vérifiez également: Bouton et liens.


2. Paramètres

Sous l’onglet Paramètres de la bannière, vous obtenez les options suivantes :


  1. Largeur de la bannière – Spécifiez la largeur de la bannière.
    • »Pleine largeur' affichera la bannière en couvrant toute la largeur sans laisser de marge.
    • »Boxed' affichera la bannière tout en laissant un peu de remplissage à droite et à gauche de l'écran.
    • »Largeur du chantier' peut être spécifié dans le Design section. Vous pouvez y spécifier une largeur fixe.
      Il affichera la bannière en adhérant à la largeur fixe spécifiée.
    • Échelle et ajustement – Les images s'adapteront à la largeur et à la hauteur de la bannière.
    • Ajuster à la largeur (Desktop Only) – Les images seront mises à l'échelle à la largeur de la bannière. La hauteur de la bannière héritera de la hauteur de l'image.
  1. Hauteur du bureau de la bannière – Spécifiez la hauteur de la bannière du bureau si vous avez choisi la fond perdu or échelle et ajustement option dans le champ Mode d'affichage.
  2. Hauteur de la bannière mobile – Spécifiez la hauteur de la bannière mobile.
Remarque :

Si la section bannière est ajoutée à une page, la hauteur de la bannière sera héritée de la hauteur de section.


  1. En-tête de page – Sélectionnez le style d’en-tête qui sera appliqué sur la bannière.
    • Au cas où vous auriez sélectionné Réglage par défaut, l'en-tête utilisera le style d'en-tête du site Web par défaut et la bannière sera placée après l'en-tête. Découvrez le exemple concret.
    • Au cas où vous auriez sélectionné Politique de retourL'arrière-plan de l'en-tête sera transparent et les éléments de l'en-tête seront blancs. La bannière sera placée sous l'en-tête. Découvrez le exemple concret
  2. Éléments d'en-tête - Si tu as définir l'en-tête pour qu'il soit transparent, vous pouvez choisir le couleur des éléments d'en-tête/éléments de menu:
    • Au cas où Couleur par défaut est sélectionné, la couleur des éléments d'en-tête est héritée de la Design .
    • Au cas où Spécifiez la couleur est sélectionné, vous pouvez cliquer et choisir la couleur des éléments d'en-tête.

Vérifiez également: Styliser les éléments d'en-tête de n'importe quelle page.


  1. Visibilité – Définir la visibilité de la bannière.
  2. Poste – Précisez la position de la bannière.


  1. Emplacement du contenu – Spécifiez la position du contenu sur la bannière.
  2. Largeur du contenu – Spécifiez la largeur du contenu de la bannière.
  3. Couleur de fond – Définissez la couleur d'arrière-plan de la bannière.
  4. Couleur de superposition – Définissez la couleur de superposition de la bannière.
  5. Style de navigation – Précisez le style de navigation de la bannière. Vous pouvez choisir parmi Chevron, Flèches longues et Flèches courtes. Sélectionnez Aucun si vous souhaitez désactiver les commandes de navigation.
  6. Couleur de navigation – Spécifiez la couleur des contrôles de navigation sur la bannière.
  7. Marge extérieure – Appliquez la marge extérieure à la bannière. Une fois la marge extérieure appliquée, un espace libre apparaît en bas de la bannière.
  8. Flèche de défilement vers le bas – Sélectionnez cette option pour afficher une flèche de défilement vers le bas sur la bannière.


  1. Powerpoint - Choisir la Autoplay option pour activer le diaporama pour la bannière.
  2. Vitesse du diaporama – Spécifiez la vitesse du diaporama (en secondes).
  3. Transition du diaporama – Spécifiez le style de transition d’image pour la bannière.
  4. Enfin, frappez le Enregistrer .


  1. Aligner le bouton/les liens être aligné à gauche, à droite ou au centre.
  2. Spécifie le Espace entre les Bouton/Liens qui ont été ajoutés.
  3. Spécifie le L'espace au-dessus du Bouton/Liens.
  4. Choisissez le Effet de survol pour le bouton/les liens.

  1. Choisissez le taille du bouton normal que vous avez ajouté dans le Bouton/Liens
  2. Spécifie le hauteur du bouton Image si vous avez ajouté un lien d'image dans le Bouton/Liens
  3. Spécifie le taille du bouton icône si vous avez ajouté une icône sociale dans le Bouton/Liens.  

Si vous avez ajouté une icône sociale dans le Bouton/Liens, puis:

  1. Choisissez le Type d'icône sociale/Forme.
  2. Choisissez le Style de couleur d'icône sociale.
    Si vous avez choisi le Couleur sélectionnée option ci-dessus alors :

    1. Spécifie le Couleur de l'icône sociale.
    2. Spécifie le Couleur d'arrière-plan de l'icône sociale.


3. Disposition

Vous pouvez facilement modifier la disposition d'une bannière. En savoir plus sur la disposition des bannières.


Vous ne trouvez pas ce que vous cherchez?

Contactez un Expert Pixpa.