Loading
Experience Cloud
Présentations de thème personnalisées et composants de présentation de thème

Présentations de thème personnalisées et composants de présentation de thème

Les présentations de thème et les composants de présentation de thème combinés permettent de contrôler avec précision l'apparence et la structure de chaque page de votre site. Personnalisez l'en-tête et le pied page de la présentation pour refléter le style de votre société. Configurez les propriétés de présentation du thème. Vous pouvez également utiliser la barre de recherche personnalisée et le menu du profil utilisateur. Utilisez ensuite des présentations de thème pour appliquer des composants de présentation de thème à des pages individuelles et changer rapidement de présentation depuis un emplacement central. Que vous soyez un partenaire consultant ou un éditeur de logiciels, ou que vous souhaitiez simplement remanier votre propre site, les présentations de thème personnalisées simplifient la personnalisation de la marque.

Éditions requises

Disponible avec : Salesforce Classic et Lightning Experience
Disponible avec : Enterprise Edition, Performance Edition, Unlimited Edition et Developer Edition
Autorisations utilisateur requises
Pour créer un site Experience Cloud : Créer et configurer des expériences ET Afficher la configuration
Pour personnaliser ou publier un site Experience Cloud :
  • Créer et configurer des expériences ET Afficher la configuration ET Être membre du site

    OU

  • Afficher la configuration ET être membre du site ET avoir l'accès au site approprié basé sur le rôle

Un composant de présentation de thème définit la mise en forme principale (1) des pages de modèle de votre site. Les composants de présentation de thème sont organisés et appliqués à vos pages par l'intermédiaire de présentations de thème. Un composant de présentation de thème inclut l’en-tête et le pied de page communs (2), et souvent la navigation, la recherche et le menu du profil utilisateur. Par contre, la présentation du contenu (3) définit les zones de contenu de vos pages. L'image ci-dessous montre une présentation de contenus à deux colonnes.

Page de modèle avec des présentations de thèmes et de contenus, numérotées de 1 à 3

Une présentation de thème permet de classer les pages de site qui partagent un composant de présentation de thème. Vous pouvez attribuer un composant de présentation de thème à n'importe quelle présentation de thème. Appliquez la présentation de thème dans les propriétés de la page.

Remarque
Remarque Pour créer des composants de présentation de thème personnalisés dans la Developer Console, un développeur implémente l'interface forceCommunity:themeLayout. Tous nos thèmes prédéfinis sont développés sur cette interface et utilisent également plusieurs interfaces de conception propriétaires (sélecteur de couleur, sélecteur d'image et curseur) dans le Générateur d'expérience. Les thèmes prédéfinis bénéficient également de l'échange de thèmes. Vous pouvez changer rapidement la présentation générale du site sans impacter les pages, la présentation de page et les composants sous-jacents.
Exemple
Exemple

Supposons que vous créez trois pages pour votre prochaine campagne Spring. Vous souhaitez utiliser le composant de présentation de thème En-tête élargi que votre développeur a créé. Dans la zone Paramètres | Thème, vous ajoutez une présentation de thème personnalisée appelée Spring pour classer ces pages et lui attribuer le composant de présentation En-tête volumineux.

La zone Thème

Ensuite, appliquez ensuite la présentation de thème Spring aux propriétés de chaque page, qui appliquent instantanément la présentation En-tête élargi à chaque page.

La zone Propriétés de la page

Pour appliquer la présentation du thème, sélectionnez Remplacer la présentation du thème par défaut de cette page (1). Cette sélection affiche les options Présentation du thème. Choisissez ensuite la nouvelle présentation (2) dans les options disponibles.

Tout se présente bien jusqu'à ce que votre directeur marketing juge que l'en-tête occupe un espace trop important. Ce problème facile à corriger, car il n'est pas nécessaire de modifier les propriétés de chaque page pour changer la présentation de thème. En un clic sur le panneau Thème, vous basculez Spring vers le composant de présentation En-tête réduit et mettez instantanément à jour les trois pages !

Type de présentation de thème personnalisé Spring
Exemple
Exemple

Supposons maintenant que la présentation En-tête réduit inclut deux propriétés personnalisées, Arrière-plan bleu et Petit logo. Vous avez activé et appliqué ces propriétés à toutes les pages de votre campagne. Cependant, pour une page, vous souhaitez appliquer uniquement la propriété Petit logo.

Dans ce cas, vous créez une présentation de thème appelée Spring B, vous lui attribuez le composant de présentation En-tête et activez la propriété Petit logo. Ensuite, vous appliquez simplement le thème Spring B à la page.

Type de présentation de thème personnalisé Spring

Vous ne savez pas quelles pages sont associées à vos présentations de thème ?

Panneau Paramètres du thème avec les pages attribuées affichées

En un clic et coup d'œil, vous pouvez déterminer le nombre et le nom des pages associées à vos présentations de thème. Dans Paramètres | Thème, cliquez sur le total Pages attribuées pour n'importe quelle ligne de présentation de thème (1). Lorsque vous cliquez sur cette valeur, vous ouvrez une liste de pages associées à cette présentation de thème (2).

Les présentations de thème facilitent la réutilisation d'un même composant de présentation de différentes façons mais avec le même niveau de contrôle.

 
Chargement
Salesforce Help | Article