Modifier les fichiers

Une fois que vous avez obtenu l'archive du pack, vous devez extraire son contenu dans un répertoire et procéder aux modifications dans les fichiers. Vous pouvez aussi installer tel quel le pack de skins téléchargés sur le serveur (comme décrit dans la section Installer les skins dans Plesk) et modifier les fichiers directement sur le serveur.

Important : si vous utilisez cette méthode, assurez-vous de définir les informations du skin comme décrit dans la section Modifier les informations du skin ci.dessous avant d'installer le skin.

Structure du pack du skin

Le tableau suivant explique la structure et le contenu des répertoires et des fichiers inclus dans un pack de skins.

Remarque : pour vous aider à déterminer les ficheirs d'images ou les styles que vous devez modifier nous vous recommandons d'utiliser des outils de développement Wevb, comme Firebug pour Mozilla Firefox ou Inspect Elements pour Google Chrome. Avec ce type d'outils, vous pouvez sélectionner l'élément de l'interface et découvrir quel style y est appliqué, quel fichier et ligne dans ce fichier est défini.

 

css

Le fichier custom.css situé dans ce répertoire est vide lorsque vous téléchargez le pack du skin. Aucun des styles définis dans le fichier inclus dans le thème de Plesk ne peut être modifié. Toutefois, si vous voulez redéfinir un style pour un élément de l'interface, vous pouvez ajouter une définition du style dans le fichier custom.css téléchargé et l'envoyer dans Plesk. Dans ce cas, seul le style que vous avez défini sera appliqué à cet élément particulier, les autres éléments ne sont pas modifiés.

Vous pouvez ajouter des définitions de styles pour l'arrière-plan de la page, les principales polices, les couleurs du texte, des hyperliens et des bordures d'éléments d'écran, etc.

icons

Ce répertoire contient uniquement les icônes qui sont placées dans les sous-répertoires par leur taille. Notez que la taille de l'icône est doublée pour la prise en charge des écrans Retina.

Si vous n'avez pas l'intention de personnaliser l'un de ces éléments, vous pouvez les supprimer de l'archive avec votre skin personnalisé. Vous pouvez conserver uniquement les éléments que vous avez modifiés ou ajoutés.

images

Ce répertoire contient les images utilisées comme remplissage pour certains éléments de l'interface.

Certains de ces fichiers graphiques sont des feuilles Sprite qui comportent plusieurs images utilisées à différents endroits de l'interface. C'est pourquoi vous devez vous assurer qu'un fichier n'est pas utilisé à un autre endroit lorsque vous changez l'image d'arrière-plan. Nous vous conseillons plutôt de créer un nouveau fichier de graphiques et de modifier les feuilles de style pour l'utiliser, au lieu de remplacer plusieurs fois le fichier.

Si vous n'avez pas l'intention de personnaliser l'un de ces éléments, vous pouvez les supprimer de l'archive avec votre skin personnalisé. Vous pouvez conserver uniquement les éléments que vous avez modifiés ou ajoutés.

 

logos

Ce répertoire contient les images des logos de l'entreprise et du produit affichés dans Plesk. Pour changer un logo, préparez le fichier portant le même nom et remplace-zle dans le dossier.

meta.xml

Ce fichier contient les informations sur le pack du skin, comme le nom et la description.

Quand vous devez annuler des modifications et utiliser les styles par défaut ou les images, supprimez simplement vos définitions CSS personnalisées du fichier custom.css et supprimez les images personnalisées des répertoires /images/ et /images/logos/ de votre skin personnalisé.

Modifier les informations du skin

Pour modifier les informations de votre skin :

Ouvrez le fichier meta.xml et précisez les propriétés suivantes :

  • name. Définissez le nom que vous utiliserez pour vous référer à ce skin.
  • description. Saisissez une courte description du skin.
  • version. Précisez la version du skin.
  • vendor. Indiquez le nom de votre entreprise ou le vôtre.