Configurer la personnalisation du portail

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 2 minutes de lecture

    • Utilisez cette fonction Éditeur de marque pour donner à votre portail un aspect personnel.

    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 dont 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 marque
    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 Éditeur de marque modifie également le titre du champ de formulaire du portail dans l’interface utilisateur de la plateforme.
    Logo Le logo qui s’affiche 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 du logo L’emplacement souhaité du logo sur le bord de l’en-tête. Ces informations sont stockées dans la section des 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 sur 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 de portail avec une ligne de balise. Ce texte est stocké dans une instance du widget de recherche de la page d’accueil.
    Couleur de slogan Sélectionnez une couleur pour la ligne de balise.
    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 pour qu’elle s’affiche 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 (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 du thème s’affichent Éditeur de marque dans le champ Variables CSS du formulaire du portail de l’interface utilisateur de la plateforme.