Vous pouvez personnaliser l'apparence de l'en-tête sur chaque page en ajustant sa position, son style et sa couleur. Choisissez si le contenu de la page commence sous ou derrière l'en-tête, définissez le style de l'en-tête sur normal, transparent ou appliquez une couleur personnalisée, et modifiez la couleur des éléments d'en-tête tels que le titre, le menu et les icônes. Ces options offrent une plus grande flexibilité pour créer des mises en page uniques et attrayantes.
Avant de définir l'en-tête comme transparent, assurez-vous que la première section de la page inclut une image ou une bannière pleine page pour conserver un aspect propre et professionnel.
Dans cet article
Paramètres de style d'en-tête
Vous pouvez configurer les styles d'en-tête à différents endroits dans Pixpa Studio, selon le type d'élément de menu et la page sur laquelle vous travaillez. Qu'il s'agisse d'une page autonome, d'un dossier ou d'une section produit/galerie, l'emplacement des paramètres d'en-tête peut varier pour vous offrir une plus grande flexibilité et un meilleur contrôle sur l'apparence de votre site.
En-tête de page
- Extrait du Tableau de bord (1) du studio, cliquez sur Site Web (2) partie.
- Passez le curseur sur la page que vous souhaitez modifier. Cliquez sur le trois points (3) icône.
- Dans la liste déroulante, cliquez sur Modifier le contenu (4) option.
- L'éditeur de page s'ouvrira. Cliquez sur le Paramètres (5) bouton.
- Depuis la barre latérale, vous pouvez gérer les En-tête (6) option.
- Après avoir effectué les personnalisations, Enregistrer (7) les changements.
Vous pouvez également utiliser l'option de recherche du studio pour accéder à la page que vous souhaitez modifier.
- Entrer le titre de la page (1) (que vous souhaitez modifier) dans la barre de recherche.
- Cliquez sur page (2) sous Éléments du menu du site.
En-tête du dossier
- En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Site Web (1) section, passez le curseur sur le dossier. Cliquez sur le Trois icônes verticales (2) qui apparaîtra lorsque vous survolerez le curseur.
- Dans le menu, cliquez sur Paramètres (3) option.
- Vous verrez l'option pour personnaliser le En-tête (4) sous la page des paramètres du dossier.
- Après avoir effectué les modifications, cliquez sur Enregistrer (5) bouton.
Banner
Sur certaines pages comme Catégories de produits, Modifier les pages produits, etc. le Options de style d'en-tête sont disponibles sous le Banner panneau des paramètres.
- Cliquez sur le Banner (1) onglet.
- Dans la barre latérale, ouvrez Paramètres (2).
Vous pouvez configurer le style d'en-tête (Normal, Transparent ou Personnalisé), ajuster les couleurs des éléments et de l'en-tête et définir la position du contenu à partir d'ici.
Position du contenu de la page
Vous pouvez choisir comment le contenu de la page s'aligne avec l'en-tête :
- En-tête ci-dessous : Le contenu commence sous l'en-tête.
- Derrière l'en-tête : Le contenu chevauche l'en-tête, généralement utilisé avec les en-têtes transparents.
Header style
Choisissez comment l'en-tête doit apparaître sur cette page :
1. Style d'en-tête
- Ordinaire: En-tête d'arrière-plan uni par défaut. Vous pouvez le définir dans la section Conception. En savoir plus.
- Transparent: Rend l'arrière-plan de l'en-tête transparent afin que le contenu derrière lui soit visible.
- Personnalisé: Vous permet de définir des couleurs personnalisées pour l'en-tête et ses éléments.
Le choix de Transparent ou Personnalisé permet de personnaliser les couleurs des éléments pour une meilleure visibilité.
2. Couleur des éléments (visible uniquement avec le style Transparent ou Personnalisé)
Lorsque vous sélectionnez Transparent ou Personnalisé, vous verrez l'option Couleur des éléments :
- Choisir entre Couleur par défaut or Spécifiez la couleur.
Cela vous permet de modifier la couleur des éléments d'en-tête tels que le titre du site, le menu et les icônes pour une visibilité optimale sur les images d'arrière-plan ou les vidéos.
3. Couleur de l'en-tête (visible uniquement avec le style personnalisé)
Lorsque le style d’en-tête personnalisé est sélectionné, une option supplémentaire apparaît :
- Couleur de l'en-tête : Choisissez une couleur d’arrière-plan personnalisée pour l’en-tête lui-même.
Cela vous donne un contrôle total sur l'apparence de l'en-tête et de ses éléments, en vous assurant qu'ils correspondent au ton visuel de chaque page.
Vous pouvez personnaliser la couleur de l'en-tête séparément pour les pages individuelles en sélectionnant l'option Encadrement Sur Mesure option sous Header styleCela vous permet de définir une couleur d'en-tête unique qui correspond à la conception de chaque page spécifique.
Exemples d'en-têtes
- Voici un exemple de page avec En-tête normal
- Voici un exemple de page avec un En-tête transparent.
Voir une page en direct avec l'en-tête défini comme transparent.