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 clientou blogue. Vous pouvez ajouter le texte alternatif de l'image aux 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/un diaporama d'images/une vidéo pleine largeur.

Conseil

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 : 

  1. Mules
  2. Paramètres
  3. Disposition


1. Diapositives

Les options sous la catégorie diapositives sont : 

Sélectionnez le type de bannière. Vous pouvez choisir entre une bannière personnalisée, une bannière automatique et inactive.

  • Bannière personnalisée – Des diapositives personnalisées seront utilisées pour la bannière.
  • Bannière automatique – L'image en vedette, le titre et la description de la galerie seront utilisés pour la bannière.
  • Inactif – La bannière ne sera pas visible sur le site Web.


Mules
  • Cliquez sur le + Ajouter des diapositives (1) bouton afin d'ajouter les diapositives personnalisées à la bannière.
  • Une fois que vous avez téléchargé les diapositives, vous pouvez éditer (2) ou effacer (3) la diapositive.

Points à retenir: 

  • La taille idéale d'une image de bannière sera 2000 pixels X 2000 pixels. 
  • Les formats de fichier image pris en charge pour la bannière sont JPG, JPEG, PNG et GIF. 
  • Nous vous recommandons de télécharger des images de paysage plutôt que des portraits.
  • Ajoutez le texte sur les images de la Texte maître/diapositive domaine. 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 , vous verrez le tiroir Image/Text Slide.


Les options disponibles ici sont : 

  1. Image(s) 
    • Cliquez sur le Téléchargement 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 – Upcharger une image de bannière mobile. Nous vous recommandons d'ajouter des images de portrait ici.
  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.

Notes

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 & Liens
    • 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 Épargnez 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.


  • 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 une certaine quantité de rembourrage à droite et à gauche de l'écran.
    • »Largeur du chantier' peut être spécifié dans le Conception section. Vous pouvez y spécifier une largeur fixe.
      Il affichera la bannière en respectant 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 avez sélectionné Réglage par défaut, l'en-tête utilisera le style d'en-tête de site Web par défaut et la bannière sera placée après l'en-tête. Découvrez le exemple en direct.
    • Au cas où, vous avez sélectionné Transparent, l'arrière-plan de l'en-tête sera défini comme 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 en direct
  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 Conception .
    • Au cas où Spécifiez la couleur est sélectionné, vous pouvez cliquer sur 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éfinissez la visibilité de la bannière.
  2. Position – Spécifiez 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 de la bannière. Lorsque la marge extérieure est appliquée, un espace libre apparaît au 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 Épargnez .


  1. Aligner le bouton/les liens être aligné à gauche, à droite ou au centre.
  2. Spécifie le Espace entre le Bouton/Liens qui ont été ajoutés.
  3. Spécifie le Espace au-dessus de la Bouton/Liens.
  4. Choisissez le Effet de survol pour le bouton/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.