Création de votre propre habillage personnalisé

Vous pouvez créer des habillages pour personnaliser le thème du portail, en fonction de vos besoins. Une méthode efficace pour créer des habillages personnalisés consiste à copier l'habillage standard du portail, ibm.portal.80Standard, puis à ajouter des images, des fichiers JavaScript et d'autres ressources personnalisées. Copier l'habillage standard du portail garantit que votre habillage personnalisé contiendra les éléments requis.

Pourquoi et quand exécuter cette tâche

Remarque : Ne modifiez pas l'habillage HCL Portal standard directement, car les modifications de service et les groupes de correctifs ultérieurs pourraient remplacer vos changements.
Pour créer des habillages personnalisés, procédez comme suit :

Procédure

  1. Création d'un habillage.
    Pour créer un habillage personnalisé, procédez comme suit :
    1. Montez le point d'entrée /skinlist WebDAV avec le client WebDAV ici : /wps/mycontenthandler/dav/skinlist/ .
      Remplacez wps par la valeur WpsContextRoot, si vous l'avez changée.
    2. Copiez et renommez le dossier de l'habillage HCL Portal que vous envisagez d'utiliser comme base de votre habillage personnalisé.
      Remarque : Certains clients WebDAV ne vous permettent pas de copier directement dans le dossier /skinlist. Une autre solution consiste à procéder comme suit :
      1. Copiez le dossier approprié dans votre système de fichiers local.
      2. Attribuez à l'habillage un nouveau titre en éditant le fichier localized_locale.properties approprié dans le dossier de métadonnées. Si vous ne changez pas le titre, le portail affichera plusieurs habillages avec le même titre dans les listes de sélection.
      3. Copiez le nouveau dossier dans le dossier WebDAV /skinlist.
    Remarque : Si vous rencontrez des difficultés pour utiliser le point d'entrée /skinlist/, essayez /skinlist/all, car certains clients WebDAV rencontrent des problèmes d'écoute sans l'ajout de all.
    Votre nouvel habillage est maintenant défini dans la base de données du portail. Pour personnaliser votre habillage, éditez les fichiers d'habillage dans WebDAV. Vous pouvez alors affecter l'habillage aux portlets. Pour effectuer une personnalisation administrative, portant par exemple sur le titre, la description ou les métadonnées de l'habillage, continuez à utiliser le point d'entrée /skinlist/. Pour personnaliser les modèles et les ressources statiques, utilisez le point d'entrée /fs-type1/.
  2. Ajout de ressources statiques à votre habillage.
    Pour ajouter des images ou d'autres ressources statiques à votre habillage, procédez comme suit :
    1. Mount the /fs-type1/ WebDAV entry point with your WebDAV client here: /wps/mycontenthandler/dav/fs-type1/
      Replace wps with your WpsContextRoot value, if you have changed it.
    2. Pour ajouter des images ou d'autres ressources statiques à votre habillage, procédez comme suit :
      1. Copiez les ressources statiques requises, telles que les images et les fichiers JavaScript, dans le répertoire principal de votre habillage dans WebDAV.
      2. Organisez vos fichiers en sous-répertoires si nécessaire.
      3. Utilisez des adresses URL relatives au serveur ou absolues pour référencer les ressources dans votre fichier skin.html. For example, if you create a folder named /images that contains a file named logo.png, you can use the following references:
        • URL relative au serveur : <img src="/wps/mycontenthandler/dav/skinlist/myskin/images/logo.png"/>
        • URL absolue : <img src="http://server_name:port_number/wps/mycontenthandler/dav/skinlist/myskin/images/logo.png"/>
      Remarque : Lorsque vous créez un fichier pour l'habillage sur le point d'entrée /fs-type1/, un lien expose également ce fichier via le point d'entrée /skinlist/. This link makes it possible to use the path defined to the image as skinlist instead of fs-type1 . Vous pouvez toujours utiliser un chemin d'accès absolu vers le point d'entrée /fs-type1/, si nécessaire, par exemple, <img src="http://server_name:port_number/wps/mycontenthandler/dav/fs-type1/skins/myskin/images/logo.png"/>.