Personnalisez les sous-pages et les pages Portfolio de votre site.

Les pages Portfolio sont des pages de destination personnalisées qui relient les visiteurs à des sous-pages. Vous pouvez personnaliser les pages du portfolio en fonction de votre marque et de votre style. Utilisez ce guide pour trouver les options de style pour les pages du portfolio et leurs sous-pages individuelles. Pour créer une page Portfolio et ajouter du contenu, consultez les pages Portfolio.

Pages Portfolio et sous-pages Portfolio

Les pages Portfolio sont organisées en deux parties : la page principale du portfolio, qui crée une grille d’images en vedette ou une liste de liens sur lesquels les visiteurs cliquent pour explorer votre portfolio, et les sous-pages individuelles vers lesquelles ces liens mènent, dans lesquelles vous ajoutez du contenu pour différents projets, galeries ou autres contenus. 

Ouvrir les options de personnalisation

Vous pouvez personnaliser la page Portfolio et les sous-pages à deux endroits :

• Page Portfolio : cliquez sur Modifier sur la page Portfolio, puis sur l’icône du crayon dans la section du portfolio.
• Sous-pages : cliquez sur la sous-page de la page Portfolio pour l’ouvrir, puis sur Modifier, et sur l’icône du crayon dans la section que vous souhaitez personnaliser. Chaque sous-page est composée de sections, et chaque section possède ses propres options de style.

Page Portfolio

Votre page Portfolio affiche toutes vos sous-pages sous forme d’images en vedette ou de liens hypertextes, sur lesquels les visiteurs cliquent pour ouvrir des sous-pages individuelles.

Dans les styles de section du portfolio, vous pouvez personnaliser les informations suivantes :

• Format : définissez la disposition de la page Portfolio. Chaque disposition en grille et disposition avec survol possède des options de mise en forme uniques.
• Arrière-plan : ajoutez une image d’arrière-plan, une vidéo d’arrière-plan ou une illustration d’arrière-plan derrière les liens des sous-pages.
• Couleurs : définissez les couleurs de votre site ou modifiez le thème des sections du portfolio.

À retenir :

• Ces modifications affectent toutes les pages Portfolio qui utilisent la même disposition.
• Toutes les modifications apportées à une disposition spécifique seront enregistrées même si vous passez à une nouvelle disposition. Ainsi, si vous revenez à une disposition précédente, vos paramètres seront restaurés.
• Selon le nombre de sous-pages de votre page Portfolio, il est possible que certains ajustements de style n’affectent pas votre disposition. Par exemple, si vous avez une disposition Survol : Arrière-plan avec un grand nombre de sous-pages, il est possible que l’ajustement Hauteur n’ait pas d’effet visible car la section doit être d’une certaine hauteur pour afficher tous les liens de la sous-page. Utilisez alors l’ajustement Espacement vertical des liens.

Formater les dispositions en grille

Les dispositions en grille affichent vos sous-pages dans une grille d’images mises en avant. Les visiteurs cliquent sur l’image ou le titre pour ouvrir la sous-page. Les options de l’onglet Format des styles de section varient en fonction de la disposition en grille que vous choisissez.

Formater les dispositions avec survol

Les dispositions avec survol affichent vos sous-pages sous la forme d’une liste de liens, avec leurs images en vedette apparaissant en cas de survol. Les visiteurs cliquent sur le lien pour ouvrir la sous-page. Les options de l’onglet Format des styles de section varient en fonction de la disposition de survol que vous choisissez. Les dispositions avec survol comportent une superposition semi-transparente sur les images mises en avant des sous-pages. Il n’est pas possible d’augmenter ou de supprimer ceci :

Texte du titre de la sous-page

Le titre de chaque sous-page apparaît sur la page Portfolio principale, soit sous l’image principale, en superposant son image principale, soit dans une liste de liens, selon votre disposition. Vous pouvez modifier le texte du titre dans les paramètres de la sous-page. Le texte du titre suit les styles de police et de couleur de l’ensemble du site.

Police du titre

Pour personnaliser la police du titre de la sous-page :

1. Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur Polices.
2. Cliquez sur Titres.
3. Choisissez une famille de polices et modifiez les autres paramètres de style.
4. Sous Taille, utilisez le curseur du titre correspondant pour modifier la taille du titre.

Le curseur que vous utiliserez dépend de la disposition de votre page Portfolio :

• Grille : Simple - Titre 4
• Grille : Superposition - Titre 3
• Dispositions avec survol - Titre 1

N’oubliez pas que la modification du format d’un titre appliquera ce formatage à tout le texte de votre site. Pour personnaliser la police et la taille du texte du titre, cliquez sur Attribuer des styles, recherchez le réglage Titre correspondant à votre disposition, puis définissez le style et la taille sur Personnalisé.

Lorsque vous avez apporté les modifications, cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Couleur du titre

Pour personnaliser la couleur du titre de la sous-page :

1. Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur Couleurs.
2. Cliquez sur l’icône du crayon sur le jeu de couleurs de la section du portfolio.
3. Faites défiler l’écran vers le bas et trouvez la section Portfolio qui correspond à votre disposition.
4. Modifiez la couleur à l’aide de l’ajustement Titre du projet. Chaque disposition de portfolio possède son propre ajustement Titre du projet.
5. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Délimiteurs

Dans les dispositions avec survol qui utilisent des liens Inline, vous pouvez ajouter des « délimiteurs » ou des signes de ponctuation pour séparer visuellement les liens des sous-pages.

Pour sélectionner ou masquer les délimiteurs :

1. Cliquez sur Modifier sur la page Portfolio.
2. Survolez la section de portfolio et cliquez sur l’icône crayon.
3. Dans l’onglet Format, définissez le format du lien sur Inline.
4. Faites défiler l’écran vers le bas et cliquez sur Délimiteur, puis sélectionnez l’une des options ou choisissez Aucune pour les masquer.
5. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Sous-pages

Les sous-pages sont créées à partir de sections de page. Vos options de style dépendent donc des sections que vous ajoutez. Vous pouvez ajouter des sections de bloc, des sections Galerie ou des dispositions automatiques.

Personnalisez n’importe quelle section en cliquant sur l’icône du crayon qui apparaît lorsque vous la survolez. Pour en savoir plus, consultez l’article Réaliser des changements de style.

Pagination des sous-pages

Les liens vers les sous-pages suivantes et précédentes d’un portfolio apparaissent au bas de chaque sous-page. Toutes les pages Portfolio partagent les mêmes styles de pagination, même si elles utilisent des dispositions différentes.

Police de la pagination

Pour personnaliser la police de la pagination :

1. Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur Polices.
2. Cliquez sur Titres.
3. Choisissez une famille de polices et modifiez les autres paramètres de style.
4. Sous Taille, utilisez le curseur du Titre 3 pour ajuster la taille du titre.

N’oubliez pas que la modification du format d’un titre appliquera ce formatage à tout le texte de votre site.Pour personnaliser la police et la taille du texte du titre, cliquez sur Attribuer des styles, recherchez le paramètre Pagination sous Portfolio : Élément, puis définissez le style et la taille sur Personnalisé.

Lorsque vous avez apporté les modifications, cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez aussi cliquer sur Quitter puis sur Enregistrer pour fermer l’éditeur.

Couleur de la pagination

La couleur de la pagination suit le jeu de couleurs de la section inférieure de chaque sous-page. Si les sous-pages utilisent des jeux de couleurs différents dans leurs sections inférieures, la couleur de la pagination peut varier d’une sous-page à l’autre.

Pour personnaliser la couleur de la pagination :

1. Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur Couleurs.
2. Cliquez sur l’icône du crayon sur le jeu de couleurs de la section du portfolio.
3. Faites défiler l’écran vers le bas et trouvez le réglage Portfolio : Élément.
4. Modifiez le texte du titre avec le réglage Titre de pagination du projet et modifiez l’icône de pagination avec le réglage Icône de pagination du projet.
5. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Les modifications concernent toutes les sections utilisant le même jeu de couleurs.

Polices et couleurs

Les couleurs et les polices de la page et des sous-pages du portfolio suivent les modifications apportées à la police et aux couleurs à l’échelle du site. Vous pouvez également modifier le jeu de couleurs de la section de la page Portfolio et des sections des sous-pages dans leurs éditeurs de style de section.

Dans le jeu de couleurs de votre portfolio, utilisez les ajustements Couleur du Portfolio qui correspondent à votre disposition. Dans le jeu de couleurs de la dernière section de chaque sous-page, utilisez les réglages Portfolio : Éléments pour personnaliser la pagination en bas de chaque sous-page. Cela peut varier d’une sous-page à l’autre en fonction du jeu de couleurs utilisé dans la section inférieure. 

Mobile

Sur les appareils mobiles ou les tablettes, les dispositions des portfolios s’empilent verticalement dans une seule colonne, quel que soit le nombre de colonnes ou le format des liens sur les grands navigateurs.

Les effets de survol ne sont pas pris en charge sur la plupart des navigateurs mobiles. Par conséquent, si vous utilisez la disposition Grille : Superposition avec les titres définis pour apparaître Après le survol, les titres risquent de ne pas apparaître pour les visiteurs utilisant des appareils mobiles.

Pour vous assurer que les titres apparaissent sur tous les appareils pour la disposition Grille : Superposition :

1. Cliquez sur Modifier sur la page Portfolio, puis survolez la section de portfolio et cliquez sur l’icône crayon.
2. Dans l’onglet Mise en forme, sélectionnez Avant le survol dans le menu déroulant Afficher le texte.
3. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.