Le Slider La section Pixpa vous permet d'ajouter une zone visuellement attrayante à vos pages tout en améliorant le référencement. Que vous travailliez sur une galerie, une page, un dossier, un album client ou un blog, la bannière donne le ton et met en valeur le contenu important.
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.
Dans cet article
- Qu'est-ce qu'une bannière
- Ajouter une bannière à une page
- Modifier la section Bannière
- Contenu de la bannière
- Paramètres de la bannière
- Disposition de la bannière
Qu'est-ce qu'une bannière
Une bannière est utilisée pour afficher une image de bannière pleine largeur/un diaporama d'images/une vidéo en haut/en bas de votre contenu.
Consultez une bannière de démonstration en direct
Ajouter une section de bannière à une page
- Une section peut être ajoutée à une page. Vous pouvez soit ajouter une section à une page déjà existante, soit créer une nouvelle page au sein de votre site Web.
- Sur ta page, Cliquez sur le bleu + icône ajouter un Nouvelle section à votre page.
- Vous verrez maintenant le catégories de rubriques sur le côté gauche.
- Choisissez le Sections Héros (1) catégorie et cliquez sur le Slider onglet (2) où vous pouvez choisir différentes mises en page du système Banner (3) partie.
- Choisissez n'importe quelle disposition de section et cliquez dessus pour l'ajouter à votre page.
Modifier la section Bannière
Si la section est déjà ajoutée à la page, vous pouvez facilement la modifier.
- Placez le curseur sur la section et cliquez sur Modifier le contenu (1) bouton.
- Une barre latérale s'ouvrira à partir de laquelle vous pourrez Modifier (2) la section de la bannière.
- Cliquez à nouveau sur Enregistrer (3) bouton après avoir effectué les modifications.
Contenu de la section Bannière
Le Onglet Contenu sous la section Modifier la bannière vous permet d'ajouter et de personnaliser le contenu de votre bannière, qu'il soit basé sur une image ou une vidéo.
- Type de bannière
- Diapositives d'images
- Diapositives vidéo
- Texte et boutons de la bannière
- Texte de la bannière
- Bouton et liens
Type de bannière
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.
Vous pouvez ajouter jusqu'à 25 diapositives dans une section de bannière.
Diapositives d'images
Lorsque Diapositives est sélectionné sous Type de bannière, vous pouvez créer un diaporama en téléchargeant plusieurs images sous forme de diapositives de bannière.
- Ajoutez plusieurs diapositives en cliquant sur le + Ajouter des diapositives .
- Réorganiser en utilisant les poignées de déplacement.
- Modifier ou supprimer diapositives individuelles en utilisant les icônes respectives.
Modifier l'image/la diapositive de texte
- 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ù.
- Image mobile – Téléchargez une image de bannière mobile. Nous vous recommandons d'ajouter ici des images au format portrait.
- Spécifiez le texte alternatif pour la diapositive d'image. Cela aide à des fins de référencement.
- 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.
- 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
- 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
- Frappe le Enregistrer bouton pour enregistrer vos modifications.
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.
Diapositives vidéo
When the Diapositive vidéo Si l'option est sélectionnée, vous pouvez intégrer une vidéo YouTube ou Vimeo à votre bannière. Les options de configuration suivantes sont disponibles :
1. Lien YouTube/Vimeo – Saisissez un lien direct vers votre vidéo. Formats pris en charge :
- YouTube: https://www.youtube.com/watch?v=XXXXXXXXXXX
- Vimeo: https://vimeo.com/XXXXXXXXXXX
2. Afficher la vidéo – Choisissez comment la vidéo apparaît sur votre site :
- Lecture automatique: La vidéo sera intégrée directement et lue automatiquement sur tous les appareils (coupée en sourdine par défaut).
- Lecture automatique – Bureau uniquement : La vidéo sera intégrée directement et lue automatiquement sur le bureau uniquement (coupée en sourdine par défaut).
- Ouvrir dans Lightbox : Cliquer sur l'aperçu de la vidéo l'ouvrira dans une fenêtre contextuelle.
3. Image mobile – Téléchargez une image de secours qui s'affichera sur les appareils mobiles où la lecture automatique des vidéos pourrait ne pas fonctionner ou être prise en charge. Cela garantit que votre bannière reste visuellement attrayante sur toutes les tailles d'écran.
4. Spécifiez la balise Alt (facultatif) – Ajoutez une balise alt pour améliorer le référencement et l'accessibilité. Elle décrit l'image de secours pour les lecteurs d'écran ou lorsque l'image ne peut pas être affichée.
5. 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
6. 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
7. 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
8. Enregistrer – Frappe le Enregistrer bouton pour enregistrer vos modifications
Texte et boutons de la bannière
- 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, la Texte de la bannière et Boutons sera utilisé.
- 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.
Texte de la bannière
- Entrez le texte de la bannière qui sera commun à toutes les diapositives.
Regarde aussi: L'éditeur de texte Pixpa
Boutons et liens
- Ces boutons/liens apparaissent sur vos diapositives de bannière (communes à toutes les diapositives).
Vérifiez également: Bouton et liens - Après avoir effectué vos modifications, cliquez sur le bouton Enregistrer bouton en haut à droite pour les appliquer à votre bannière.
Paramètres de la bannière
Sous l’onglet Paramètres de la bannière, vous obtenez les options suivantes :
- Mode d'affichage de la bannière
- Commandes d'affichage des diapositives
- Style de bannière
- Carousel
- Boutons
- Social Icons
Mode d'affichage de la bannière
-
- É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.
- 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.
- Hauteur de la bannière mobile – Spécifiez la hauteur de la bannière mobile.
Commandes d'affichage des diapositives
Ces paramètres permettent de personnaliser l'apparence et la transition des diapositives dans la section bannière.
-
Style de transition de diapositive – Choisissez l'affichage des diapositives. Vous pouvez sélectionner des options comme Disparaître, Glissière horizontale ou glissière verticale pour une transition en douceur entre les diapositives.
-
Diapositives par rangée – Spécifiez le nombre de lignes de diapositives qui doivent être visibles à la fois.
- Diapositives par colonne – Définissez le nombre de colonnes de diapositives à afficher. Cela contrôle le nombre de diapositives affichées côte à côte sur chaque ligne.
- Espace entre les diapositives – Ajustez l'espacement entre les diapositives grâce à ce paramètre. Vous pouvez augmenter l'espacement en pixels pour contrôler la séparation visuelle entre les diapositives.
- Emplacement du contenu – Spécifiez la position du contenu à l’intérieur de la bannière.
- Largeur du contenu – Spécifiez la largeur du contenu de la bannière.
Style de bannière
- Couleur de fond – Définissez la couleur d'arrière-plan de la bannière.
- Couleur de superposition – Définissez la couleur de superposition de la bannière.
- 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.
- Couleur de navigation – Spécifiez la couleur des contrôles de navigation sur la bannière.
- Activer la 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.
- Rayon coin – Personnalisez l'arrondi des angles de la bannière. Vous pouvez appliquer le même rayon à tous les angles ou spécifier des valeurs différentes pour chaque angle.
Carousel
Ces paramètres définissent la manière dont les diapositives se déplacent et se comportent automatiquement dans la bannière ou la section carrousel.
- Activer le défilement fluide – Activez cette option pour des transitions plus fluides et un effet de défilement sans rupture.
- Activer la lecture automatique des diapositives – Lorsque cette option est activée, les diapositives défileront automatiquement sans intervention de l'utilisateur.
- Afficher la progression de la lecture automatique – Affiche un indicateur visuel indiquant le temps restant avant la transition vers la diapositive suivante.
- Délai de lecture automatique – Définissez l'intervalle de temps entre les transitions automatiques des diapositives (par exemple, toutes les 4 secondes).
- Boucle du carrousel – Activez cette option pour que les diapositives défilent en boucle et reviennent à la première après la dernière.
Boutons
Ces options permettent de personnaliser les boutons affichés dans la bannière.
- Taille du bouton – Sélectionnez la taille du bouton parmi les options disponibles : petit, moyen ou grand.
- Alignement - Définissez l'alignement du bouton dans la section (gauche, centre ou droite).
- Espace entre les boutons – Ajustez l'espacement horizontal entre les boutons pour obtenir une disposition équilibrée.
- Espace au-dessus des boutons – Définissez l'espace vertical entre le texte et les boutons (mesuré en pixels).
- Taille du lien texte – Définissez la taille de la police pour les boutons ou liens textuels.
- Taille du bouton d'image – Ajustez la taille des boutons contenant des icônes ou des images.
- Largeur du bouton – Choisissez la largeur d'affichage du bouton, avec des options telles que par défaut, grande, très grande ou pleine largeur.
En savoir plus sur le style des boutons et des liens.
Social Icons
Ces paramètres permettent de personnaliser l'apparence et le style des icônes des réseaux sociaux affichées dans la section bannière.
- Taille de l'icône – Ajustez la taille des icônes des réseaux sociaux (en pixels) pour qu'elles s'intègrent au design général de la bannière.
- Type d'icône – Choisissez le style d'icône (par exemple, Classique, Contour ou Plein) en fonction du thème de la bannière.
- Couleur de l'icône – Sélectionnez le mode de définition de la couleur de l'icône. Options disponibles :
- Texte du lien – Utilise la même couleur que le texte du lien de la section.
- Personnalisé - Permet la sélection manuelle d'une couleur personnalisée.
- Couleur de la marque – Applique la couleur officielle de chaque plateforme (par exemple, le bleu pour Facebook).
- Sélectionner la couleur – Lorsque l'option « Personnalisé » est sélectionnée, cette option permet de choisir une couleur spécifique pour les icônes.
Disposition de la bannière
Vous pouvez facilement modifier la disposition d'une bannière. En savoir plus sur la disposition des bannières.
