Changer la mise en page de votre site Web
Plesk Control Panel

Changer la mise en page de votre site Web

La mise en page de votre site peut se composer des éléments suivants :

• En-tête. C'est la zone située tout en haut d'une page dans laquelle une image de bannière et un logo de société sont généralement placés. Dans l'en-tête, vous pouvez :
  • Déplacer l'image de la bannière et le logo de l'en-tête vers tout endroit de la page.
  • Réduire la hauteur de l'en-tête de 25 pixels en supprimant tous les éléments présents.
  • Changer la largeur de l'en-tête depuis la taille par défaut de 100 % afin qu'elle soit étendue pour s'adapter parfaitement à la largeur de la page.
• Zone du contenu. C'est la partie principale d'une page Web où la plus grande partie du contenu est placée. Dans la zone du contenu, vous pouvez :
  • Adapter la hauteur de la zone du contenu.
  • Diviser la zone du contenu en plusieurs colonnes. Pour cela, faites glisser les nouveaux modules vers la gauche ou vers la droite de cette zone. Vous pouvez ensuite les insérer.
  • Changer l'emplacement des colonnes dans la zone du contenu en déplaçant le contenu vers la gauche ou vers la droite.
• Volets. Il s'agit des colonnes verticales qui peuvent être utilisées pour placer tous types de modules, qu'ils soient pour une page spécifique ou pour l'ensemble du site Web. Dans les volets, vous pouvez :
  • Ajouter un volet et le placer vers la gauche ou vers la droite de la zone du contenu.
  • Ajouter deux volets. Ils seront placés vers la gauche ou vers la droite de la zone du contenu.
  • Adapter la hauteur et la largeur des volets.
  • Déplacer les volets vers le haut de la page et les placer vers la gauche ou vers la droite de la zone de l'en-tête.
  • Interchanger les volets.
• Pied de page. C'est la zone située tout en bas d'une page, là où sont généralement insérés le nom de la société, les informations sur les contacts ou une notice de copyright. Dans le pied de page, vous pouvez :
  • Réduire la hauteur du pied de page de 25 pixels en supprimant tous les éléments présents.
  • Changer la largeur du pied de page depuis la taille par défaut de 100 % afin qu'elle soit étendue pour s'adapter parfaitement à la largeur de la page.
• Bloc publicitaire sous le pied de page. Selon votre pack d'hébergement, un bloc de texte supplémentaire contenant certaines publicités de votre hébergeur peut apparaître sous le pied de page du site Web. Si ce bloc publicitaire s'affiche sur votre site, vous souhaiterez peut-être procéder à une mise à niveau vers un autre pack d'hébergement pour le supprimer.

Pour changer la mise en page de votre site :

1. Allez dans l'onglet Design > Mise en page.
2. Sélectionnez le nombre de volets : Sous Volets, sélectionnez Non, Un ou Deux.
3. Sélectionnez les emplacements des volets :
   • Pour déplacer un volet de l'autre côté de votre site Web avec un volet ou interchanger les volets (si vous avez deux volets dans votre site), cliquez sur Déplacer les volets.
   • Pour déplacer les volets vers le haut de la page, cliquez dessus dans le modèle de la mise en page.
4. Définissez la taille des éléments de la page :
   • Pour configurer la largeur totale des pages du site Web, sous Largeur du site Web, sélectionnez l'une des options suivantes :
     • Mise en page "Fixe" : votre site Web sera d'une taille spécifique, peu importe la résolution du navigateur affichant la page. Dans ce cas, indiquez la largeur de votre site Web en pixels.
     • Mise en page "Flexible" : basée sur les pourcentages de la taille actuelle de la fenêtre du navigateur. Dans ce cas, indiquez la largeur de votre site Web sous forme de pourcentage par rapport à la taille de la fenêtre du navigateur.
   • Pour changer la largeur des zones En-tête et pied de page ainsi que la zone de contenu principal afin qu'elles s'adaptent à la largeur de la page, cliquez sur les éléments correspondant dans le modèle de mise en page.
   • Sous Hauteur minimum de la colonne en pixels, indiquez la hauteur de la zone du contenu principal et de chaque volet, si vous avez choisi de les utiliser.

     Cette valeur indique la hauteur des éléments de votre site Web sans contenu. Lorsque vous ajoutez du contenu dans la zone du contenu principal, dans les volets et dans le champ du contenu principal, la hauteur est modulable et s'adapte au contenu.

   • Afin de vous assurer que les volets et la zone de contenu sont bien alignés verticalement, cochez la case Étendre les volets et la zone de contenu jusqu'au pied de page.
   • Si vous utilisez un ou deux volets, sous Largeur minimum du volet en pixels, indiquez la largeur de chaque volet. La taille de la zone du contenu principal sera déterminée automatiquement.
   • Sous Tailles des marges en pixels, indiquez la taille des marges verticales et horizontales. Une marge est l'espace entre les coins des éléments voisins.
5. Cliquez sur OK pour enregistrer les modifications.