Supprimer les espaces vides

Modifiez les paramètres de marge intérieure de votre site pour éliminer les espaces vides.

Dernière mise à jour le 26 septembre 2024

Les zones vides, également appelées « espaces vides » ou « espace négatif », peuvent être un élément clé du design visuel, car elles créent une disposition calme et ouverte.

Toute zone vide qui s’affiche sur votre site est probablement causée par la marge intérieure, c’est-à-dire l’espace intégré à une disposition autour de différents éléments du site, tels que les marges de page, la navigation, les en-têtes et les pieds de page.

Si vous utilisez notre éditeur classique, ces zones vides peuvent également être causées par des blocs en trop sur la page, tels que des blocs Espaceur.

Ce guide vous explique comment résoudre les problèmes liés aux espaces vides.

Avant de commencer

  • Tous les sites Squarespace vous donnent un certain contrôle sur la marge intérieure, mais il est possible que certaines zones ne soient pas modifiables. Dans la version 7.0, chaque template possède ses propres options de style.
  • Dans l’éditeur classique, la marge intérieure autour des blocs, comme le bloc Texte ou le bloc Image, ne peut pas être ajustée.
  • La quantité d’espace vide qui apparaît peut varier en fonction de la taille de l’appareil et du navigateur ainsi que des paramètres de résolution. Contactez l’assistance du fabricant de votre appareil pour obtenir de l’aide concernant les paramètres de résolution, mais n’oubliez pas que l’apparence peut toujours varier selon les visiteurs en raison du design réactif de Squarespace.
  • Si le contenu de votre page est plus court que la fenêtre de votre navigateur, un espace vide peut apparaître entre le contenu de la page et le pied de page. Il n’est pas possible de l’éviter complètement, car cela permet à votre site de s’adapter à toutes les tailles de navigateur. Vous pouvez toutefois ajouter du contenu à votre page afin d’éviter ce problème dans la plupart des fenêtres de navigateur.
  • Si vous rencontrez des problèmes avec la marge intérieure de votre site que les changements de style ne vous permettent pas de résoudre, vous trouverez peut-être de l’aide sur le forum Squarespace. Veuillez noter que nous ne proposons aucune assistance pour les modifications avancées impliquant du code.

Vérifier les options de marge intérieure

Chaque site Squarespace possède sa propre disposition et ses propres options de marge intérieure et de style intégrées. Pour vérifier si vous pouvez ajuster la marge intérieure d’un élément de votre site, accédez à la page contenant l’espace vide, puis parcourez vos options de style. La procédure dépendra de la version Squarespace de votre site.

Pour contrôler l'espacement à l'échelle du site :

  1. Ouvrez le panneau Espacement
  2. Utilisez l’ajustement Marge du site pour définir l’espace entre votre contenu et le bord de votre site. 

Pour modifier les marges intérieures d’un en-tête :

  1. Cliquez sur Modifier sur la page, survolez lʼen-tête et cliquez sur Modifier lʼen-tête du site.
  2. Cliquez sur l’icône Bureau
  3. Cliquez sur Pleine ou Insertion pour définir la largeur du contenu de l'en-tête. 
  4. Faites défiler l’écran vers le bas et utilisez les ajustements des marges intérieures et de l’espacement pour définir l’espace dans l’en-tête. 

Pour modifier les marges intérieures d’une section de page :

  1. Cliquez sur Modifier sur la page, puis sur l'icône en forme de crayon dans la section souhaitée.
  2. Dans l’onglet Mise en forme, utilisez les ajustements pour modifier la hauteur, la largeur et la marge intérieure de la section.Les options disponibles peuvent varier en fonction du type de section.
  3. Dans l'onglet Arrière-plan, cliquez sur Pleine page ou Insertion pour définir la largeur du contenu de la section.

Pour en savoir plus sur la personnalisation du style de votre site, consultez l’article Effectuer des changements de style.

Ouvrez le panneau Styles du site.

Dans de nombreux templates, vous pouvez modifier directement les zones de marge intérieure en cliquant et en faisant glisser la souris dans l’aperçu du site :

cilck-and-drag-padding.gif

Vous pouvez également rechercher des ajustements qui affectent votre espace vide :

  1. Survolez l’espace vide. Une zone de surlignage bleu peut apparaître autour de la zone contenant la marge intérieure. Cliquez sur la page pour afficher uniquement les ajustements de style pour cet élément et masquer les autres. Ce raccourci est disponible dans la plupart des templates et pour la plupart des zones de votre site.
  2. Si cela ne vous aide pas, faites défiler les styles du site et recherchez des ajustements avec les mots clés « padding (marge intérieure) », « margin (marge) », « full bleed (pleine page) » ou tout autre élément similaire. Les ajustements qui affectent la disposition du site peuvent également avoir un impact sur la marge intérieure.
KB Guide Image

Dans les deux versions :

  • La plupart des ajustements de marge intérieure comportent un curseur. Déplacez le curseur sur 0 px pour éliminer complètement la marge intérieure. Vous pouvez également saisir 0px manuellement et appuyer sur Entrée.
  • Vérifiez la marge intérieure sur un appareil mobile, car les modifications apportées peuvent affecter différemment la disposition sur des appareils mobiles.
  • La personnalisation de la marge intérieure s’applique souvent à toutes les pages du template, et en particulier dans des zones comme le pied de page. Consultez les autres pages de votre site pour voir comment les modifications ont été appliquées.
  • Certaines marges intérieures sont intégrées et ne peuvent pas être supprimées ou modifiées.

Vérifier les blocs supplémentaires

Si des espaces vides indésirables s’affichent dans l’éditeur classique, vérifiez si des blocs en trop sont présents. Les blocs Espaceur, les blocs Code et les blocs Texte vides peuvent apparaître comme des zones vides lorsque l’éditeur de page n’est pas ouvert. Des sauts de ligne supplémentaires dans les blocs Texte peuvent également créer des espaces vides.

Pour rechercher et supprimer les blocs indésirables :

  1. Ouvrez le panneau Pages et cliquez sur la page contenant l’espace vierge que vous souhaitez supprimer.
  2. Survolez la page et cliquez sur Modifier pour ouvrir l’éditeur de page. Pour des éléments de collection spécifiques, tels que des articles de blog ou des événements, cliquez sur l’élément, survolez-le, puis cliquez sur Modifier.
  3. Dans la zone d’aperçu, survolez l’espace vide. Si l’espace vide provient d’un bloc en trop, une annotation indiquant le type de bloc s’affichera. Cliquez sur le bloc et une icône corbeille apparaîtra au-dessus.
  4. Cliquez sur l’icône corbeille, puis sur Oui.
  5. Enregistrez vos modifications.

Vous pouvez utiliser ce processus pour toutes les zones de contenu modifiables de votre site qui prennent en charge les blocs, comme les pages, les articles de blog et les pieds de page.

Pour plus d’aide, consultez l’article Supprimer un bloc.

Voici à quoi cela ressemble dans la version 7.0 :

KB Guide Image
Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.