Configurer la personnalisation du portail

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 2 minutes de lecture

    • Utilisez-le Éditeur de marque pour donner à votre portail un aspect personnel.

    Pour accéder à l’éditeur de marques, 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. Ensuite, utilisez les options des onglets Configuration rapide et Couleurs de thème pour personnaliser votre portail.

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

    Le nom de votre portail. Changer le nom du portail dans change Éditeur de marque également le titre du champ de formulaire de portail dans l’interface utilisateur de la plateforme.
    Logo Le logo qui apparaît dans l’en-tête de votre portail. Cette image est mise à l’échelle avec une hauteur maximale de 46 px et une largeur maximale de 200 px.
    Remplissage du logo Emplacement où vous souhaitez placer le logo, à l’emplacement situé sur le bord de l’en-tête. Ces informations sont stockées dans la section Variables CSS du formulaire du portail.
    Ligne de balise et arrière-plan

    Champs définis par le schéma JSON dans le champ Configuration de démarrage rapide de l’enregistrement du 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 du Éditeur de marque 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 du 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, décimale (RVB) ou effectuer une sélection dans la palette de couleurs.
    Image d’arrière-plan Chargez une image à afficher 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 hex, le code décimal (RVB) ou sélectionner la couleur dans la palette de couleurs. Toutes les définitions de couleurs sont stockées dans le champ de variables CSS du formulaire du portail. L’aperçu du thème est mis à 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 de la page. 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 de thème dans l’affichent Éditeur de marque dans le champ de variables CSS du formulaire du portail dans l’interface utilisateur de la plateforme.