Configurer la personnalisation du portail

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 2 minutes de lecture

    • À utiliser Éditeur de marque pour donner à votre portail sa propre apparence.

    Pour accéder à l’éditeur de marque, accédez à Portail de services > Configuration du Portail de services, puis cliquez sur Éditeur de marque.

    Sélectionnez le portail pour lequel vous souhaitez personnaliser le thème dans la liste des portails. Utilisez ensuite les options des onglets Configuration rapide et Couleurs de thème pour personnaliser votre portail.

    Figure 1. Éditeur de marque
    Éditeur de style
    Tableau 1. Options de l’onglet Configuration rapide
    Champ Description
    Titre du portail

    Le nom de votre portail. La modification du nom du portail dans le champ du formulaire de portail dans l’interface Éditeur de marque utilisateur de la plateforme modifie également le titre.
    Logo Le logo qui apparaît dans l’en-tête de votre portail. Cette image est mise à l’échelle à une hauteur maximale de 46 px et une largeur maximale de 200 px.
    Remplissage des logos Emplacement à l’endroit où vous souhaitez que le logo se trouve sur le bord de l’en-tête. Ces informations sont stockées dans la section des variables CSS du formulaire portail.
    Ligne de balise et arrière-plan

    Champs définis par le schéma JSON dans le champ de configuration de démarrage rapide sur l’enregistrement de portail dans l’interface utilisateur de la plateforme. L’exemple Portail de services ajoute une ligne de balise et un arrière-plan à l’aide Éditeur de marque du schéma suivant :

    [{
	"tagline": {
		"table" : "sp_instance",
		"sys_id" : "34fe3d96cb20020000f8d856634c9cf4",
		"field" : "title"
	},
	"hero_background": {
		"table" : "sp_container",
		"sys_id" : "be98a8d2cb20020000f8d856634c9c63",
		"field" : "background_image"
	}
}]
    Ligne de balise Présentez à vos utilisateurs une page de portail avec un slogan. Ce texte est stocké dans une instance du widget de recherche de la page d’accueil.
    Couleur de slogan Sélectionnez une couleur pour le slogan.
    Couleur d'arrière-plan de la page d'accueil Ajoutez une couleur à votre arrière-plan. Vous pouvez saisir un nom de couleur, une couleur hexadécimale, une valeur décimale (RVB) ou effectuer une sélection dans la palette de couleurs.
    Image d’arrière-plan Chargez une image qui apparaîtra en arrière-plan de votre page d’accueil. Cette image est stockée dans le conteneur du widget sur votre page d’accueil.
    Pour toutes les couleurs de l’onglet de thème, vous pouvez utiliser le nom de couleur standard, le code hexadécimal, le code décimal (RVB) ou sélectionner la couleur dans la palette de couleurs. Toutes les définitions des couleurs sont stockées dans le champ de variables CSS du formulaire de portail. L’aperçu du thème se met à jour en temps réel au fur et à mesure que vous apportez des modifications.
    Tableau 2. Onglet Couleurs de thème
    Champ Description
    Barre de navigation Utilisez les champs de cette section pour personnaliser les couleurs du menu d’en-tête.
    Marque Utilisez les champs de cette section pour personnaliser les couleurs des pages. Par exemple, l’arrière-plan de la page ou l’arrière-plan du widget.
    Texte Utilisez les champs de cette section pour personnaliser la couleur du texte sur une page.

    Les changements apportés aux couleurs du thème apparaissent Éditeur de marque dans le champ de variables CSS du formulaire de portail dans l’interface utilisateur de la plateforme.