Modifier la largeur de votre contenu

Dans l’éditeur WordPress, vous pouvez contrôler la largeur d’affichage du contenu (comme les images, le texte, etc.) sur la page. Ce guide présente les différentes options et explique comment définir la largeur du contenu de votre site.

Chaque thème basé sur des blocs a une largeur de contenu par défaut, qui contrôle la largeur de votre texte et de vos images sur la page. Ces tailles sont les suivantes :

• Contenu (ou « Aucun ») : définit la largeur des blocs sur la largeur par défaut de la zone de contenu.
• Grande largeur : définit la largeur des blocs sur une valeur plus élevée (mais pas en pleine largeur).
• Pleine largeur : paramètre le bloc de manière à remplir toute la largeur de la zone disponible.

Lorsque vous modifiez certains blocs de contenu (comme un bloc Image ou un bloc Colonnes), l’option « Alignement » de la barre d’outils du bloc qui apparaît lorsqu’un bloc est sélectionné inclut les options de largeur du contenu.

Les blocs n’incluent pas tous des options de largeur de contenu. Plus loin dans ce guide, vous apprendrez comment appliquer des options de largeur aux blocs qui n’en ont pas par défaut.

Si un bloc de contenu comprend des options de réglage de la largeur, vous les trouverez sous l’option « Alignement » dans la barre d’outils du bloc au-dessus du bloc de contenu. Pour changer la largeur d’un bloc, procédez comme suit :

1. Depuis le tableau de bord de votre site, accédez au contenu à modifier à l’aide de l’un des chemins suivants :
   • Pages
   • Articles
   • Apparence → Éditeur
2. Ajoutez un bloc de contenu ou cliquez sur le bloc qui contient le contenu que vous avez déjà ajouté.
   • Vous pouvez également utiliser la vue en liste pour accéder à un bloc spécifique.
3. Dans la barre d’outils du bloc, cliquez sur l’icône « Alignement » :

4. Sélectionnez la largeur appropriée : Aucun, Grande largeur ou Pleine largeur.
5. Cliquez sur le bouton « Enregistrer » pour enregistrer vos modifications.

Pour les blocs qui ne disposent pas d’options de réglage de la largeur, apprenez comment appliquer des options de largeur aux blocs qui n’en ont pas par défaut.

Regardez la vidéo ci-dessous pour découvrir comment modifier la largeur de votre contenu. Ralentissez ou accélérez la vidéo à l’aide des commandes situées dans le coin inférieur droit après avoir cliqué sur le bouton de lecture.

Les blocs à base d’images (comme le bloc Bannière ou le bloc Galerie) incluent des options d’alignement supplémentaires à gauche, au centre ou à droite. Ces options vous permettent d’entourer une image par du texte.

Certains blocs n’ont pas d’option de mise en page ou tous les réglages de largeur indiqués précédemment dans ce guide. Parmi eux figurent notamment le bloc Paragraphe et le bloc HTML personnalisé. Il vous faut grouper un bloc ou un ensemble de blocs à l’aide du bloc Groupe pour modifier la largeur de votre contenu. Pour définir n’importe quelle largeur de bloc, procédez comme suit :

1. À partir du tableau de bord de votre site, accédez à Pages, Articles ou Apparence → Éditeur. 
2. Ajoutez un bloc ou un ensemble de blocs. 
3. Sélectionnez le bloc et cliquez sur les trois points dans la barre d’outils du bloc.
4. Cliquez sur l’option « Grouper » pour grouper les blocs (même s’il s’agit d’un seul bloc).
5. Dans la nouvelle barre d’outils du bloc Groupe au-dessus du bloc, cliquez sur l’icône « Alignement » :

6. Sélectionnez la largeur appropriée : Aucun, Grande largeur ou Pleine largeur.
   • Vous devrez peut-être DÉSACTIVER le réglage « Les blocs intérieurs utilisent la largeur du contenu » (décrit dans la section suivante) dans les réglages de la colonne latérale du bloc Groupe. Cette modification garantit que les blocs d’un bloc parent utilisent toute la largeur du bloc parent.
7. Cliquez sur le bouton « Enregistrer » pour enregistrer vos modifications.

Regardez la vidéo ci-dessous pour apprendre à grouper des blocs afin de pouvoir appliquer en une seule étape des réglages de largeur à du contenu qui n’a pas l’option par défaut ou à un ensemble de blocs. Ralentissez ou accélérez la vidéo à l’aide des commandes situées dans le coin inférieur droit après avoir cliqué sur le bouton de lecture.

Ce réglage est principalement appliqué aux blocs de conception, comme les blocs Groupe, Ligne et Empilement. Vous pouvez également voir cette option dans n’importe quel autre bloc utilisé pour imbriquer du contenu, comme le bloc Bannière ou le bloc Colonnes. Ce réglage vous permet de contrôler le comportement du contenu imbriqué dans le bloc de conception.

Par exemple, si vous ajoutez un bloc Colonnes, puis que vous ajoutez du contenu dans les colonnes, ce contenu est constitué des « blocs intérieurs ».

Le réglage « Les blocs intérieurs utilisent la largeur du contenu » s’applique au comportement des blocs imbriqués dans un bloc parent :

Pour ajuster le réglage « Les blocs intérieurs utilisent la largeur du contenu » :

1. À partir du tableau de bord de votre site, accédez à Pages, Articles ou Apparence → Éditeur. 
2. Cliquez sur un bloc ou utilisez la vue en liste pour sélectionner un bloc spécifique. 
3. Dans la colonne latérale du bloc, recherchez la section « Mise en page ».
   • Ce réglage de mise en page n’apparaîtra que si le bloc prend en charge l’imbrication de contenu. Les blocs Groupe, Colonneset Galerie prennent notamment en charge cette option.
4. Cliquez sur le bouton à bascule « Les blocs intérieurs utilisent la largeur du contenu » pour activer ou désactiver le réglage.

Regardez la vidéo ci-dessous pour apprendre à ajuster la largeur de contenu des blocs d’un bloc parent. Ralentissez ou accélérez la vidéo à l’aide des commandes situées dans le coin inférieur droit après avoir cliqué sur le bouton de lecture.

Le thème que vous sélectionnez aura des valeurs de largeur par défaut pour les réglages « Largeur du contenu » et « Grande largeur ». Vous pouvez ajuster ces largeurs par défaut pour l’ensemble du thème.

Cette section du guide s’applique aux sites utilisant nos plans WordPress.com Premium, Business et Commerce, ainsi que l’ancien plan Pro. Les sites utilisant le plan Gratuit ou Personnel doivent mettre à niveau leur plan pour avoir accès à cette fonctionnalité.

Pour personnaliser les réglages de largeur par défaut :

1. Consultez le tableau de bord de votre site. 
2. Accédez à Apparence → Éditeur.
3. Choisissez « Styles » dans la colonne latérale.
4. Sélectionnez l’option « Mise en page ».
5. Sous « Dimensions », ajustez les valeurs de largeur par défaut pour les réglages « Largeur du contenu » et « Grande largeur ».
6. Ajustez éventuellement la marge interne et l’espacement des blocs.
7. Cliquez sur le bouton « Enregistrer » pour enregistrer les modifications.