- M\u00e9thode 1 : Redimensionnement \u00e0 l'aide des param\u00e8tres du bloc<\/a>
- S\u00e9lectionner le bloc<\/a><\/li>
- Ajuster l'alignement\u00a0<\/a><\/li>
- Redimensionner en faisant glisser<\/a><\/li><\/ul><\/li>
- M\u00e9thode 2 : Redimensionnement \u00e0 l'aide du bloc de colonnes<\/a>
- Ajouter un bloc de colonnes\u00a0<\/a><\/li>
- Choisir la disposition des colonnes<\/a><\/li>
- Ins\u00e9rez vos blocs\u00a0<\/a><\/li>
- Ajuster la largeur des colonnes\u00a0<\/a><\/li><\/ul><\/li>
- M\u00e9thode 3 : Redimensionnement \u00e0 l'aide de blocs de groupe<\/a>
- Regrouper plusieurs blocs<\/a><\/li>
- Ajuster et redimensionner le groupe<\/a><\/li>
- Derni\u00e8re \u00e9tape : Sauvegarder ou publier vos modifications<\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n
M\u00e9thode 1 : Redimensionnement \u00e0 l'aide des param\u00e8tres du bloc<\/strong><\/h2>\n\n\n\n
C'est la m\u00e9thode la plus simple et la plus rapide pour redimensionner les blocs dans WordPress, en particulier pour les blocs tels que les images et le texte.<\/p>\n\n\n\n
S\u00e9lectionner le bloc<\/strong><\/h3>\n\n\n\n
Cliquez sur le bloc que vous souhaitez redimensionner. Il peut s'agir d'un bloc d'images, d'un paragraphe ou de tout autre bloc de contenu.<\/p>\n\n\n\n
![\"S\u00e9lectionner](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1.1-1024x577.png\")
<\/figure>\n\n\n\nAjuster l'alignement <\/strong><\/h3>\n\n\n\n
Regardez la barre d'outils qui appara\u00eet au-dessus du bloc une fois que vous l'avez s\u00e9lectionn\u00e9. Vous y trouverez des options telles que \"Largeur large\" ou \"Largeur compl\u00e8te\". Vous pouvez utiliser ces options pour ajuster facilement la largeur du bloc afin qu'il s'adapte au conteneur ou qu'il s'\u00e9tende sur toute la largeur de l'\u00e9cran.<\/p>\n\n\n\n
![\"Ajuster](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1.2-1024x606.png\")
<\/figure>\n\n\n\nOuvrir les param\u00e8tres du bloc <\/strong><\/p>\n\n\n\n
Pour plus de contr\u00f4le, cliquez sur le bloc que vous souhaitez ajuster, ce qui ouvrira la bo\u00eete de dialogue R\u00e9glages des blocs<\/strong> dans la barre lat\u00e9rale droite. Vous pouvez y saisir manuellement les valeurs exactes de largeur et de hauteur pour redimensionner le bloc avec pr\u00e9cision.<\/p>\n\n\n\n
![\"Ouvrir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1.3-1024x494.png\")
<\/figure>\n\n\n\nPour les blocs d'images, vous pouvez \u00e9galement choisir parmi des tailles pr\u00e9d\u00e9finies telles que miniature, moyenne, grande ou compl\u00e8te. Vous pouvez \u00e9galement affiner la taille \u00e0 l'aide de valeurs en pourcentage.<\/p>\n\n\n\n
Redimensionner en faisant glisser<\/strong><\/h3>\n\n\n\n
Une autre fa\u00e7on conventionnelle de redimensionner le bloc consiste \u00e0 cliquer dessus et \u00e0 utiliser les ancres qui apparaissent sur le bord du bloc. Faites-les glisser manuellement pour ajuster la taille jusqu'\u00e0 ce qu'elle corresponde parfaitement \u00e0 votre mise en page.<\/p>\n\n\n\n
![\"Redimensionner](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1.4.gif\")
<\/figure>\n\n\n\nM\u00e9thode 2 : Redimensionnement \u00e0 l'aide du bloc de colonnes<\/strong><\/h2>\n\n\n\n
Cette m\u00e9thode fonctionne le mieux lorsque vous avez besoin de plusieurs blocs c\u00f4te \u00e0 c\u00f4te ou que vous souhaitez mieux contr\u00f4ler la mise en page. Elle est particuli\u00e8rement pratique pour les mises en page comportant des images, du texte ou un contenu mixte dans diff\u00e9rentes colonnes.<\/p>\n\n\n\n
Ajouter un bloc de colonnes <\/strong><\/h3>\n\n\n\n
Dans l'\u00e9diteur WordPress, cliquez sur l'ic\u00f4ne + et recherchez \"Columns\". S\u00e9lectionnez ce bloc pour l'ajouter \u00e0 votre page.<\/p>\n\n\n\n
![\"Ajouter](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-1024x628.png\")
<\/figure>\n\n\n\nChoisir la disposition des colonnes<\/strong><\/h3>\n\n\n\n
Vous serez invit\u00e9 \u00e0 s\u00e9lectionner une variante parmi plusieurs options. Cela d\u00e9termine l'espace que chaque colonne occupera sur la page.<\/p>\n\n\n\n
![\"Choisir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2.png\")
<\/figure>\n\n\n\nIns\u00e9rez vos blocs<\/strong> <\/h3>\n\n\n\n
Une fois que vous avez s\u00e9lectionn\u00e9 votre variante, ajoutez vos blocs de contenu (comme du texte, des images ou des widgets) dans chaque colonne. Cliquez sur l'ic\u00f4ne + \u00e0 l'int\u00e9rieur de la colonne pour ins\u00e9rer de nouveaux blocs, qui s'adapteront automatiquement \u00e0 la largeur de la colonne.<\/p>\n\n\n\n
![\"Ins\u00e9rez](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.3.png\")
<\/figure>\n\n\n\nAjuster la largeur des colonnes<\/strong> <\/h3>\n\n\n\n
Lorsque vous devez modifier la largeur d'une colonne, il vous suffit de cliquer dessus et de vous rendre dans les param\u00e8tres du bloc, dans la barre lat\u00e9rale droite, pour obtenir des options d'ajustement. Ici, vous pouvez ajuster manuellement la largeur de chaque colonne et modifier la justification des blocs \u00e0 l'int\u00e9rieur de celles-ci pour obtenir l'alignement souhait\u00e9.<\/p>\n\n\n\n
![\"Ajuster](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.4-1024x629.png\")
<\/figure>\n\n\n\nM\u00e9thode 3 : Redimensionnement \u00e0 l'aide de blocs de groupe<\/strong><\/h2>\n\n\n\n
Si vous devez redimensionner plusieurs blocs en une seule unit\u00e9, le fait de les grouper d'abord, puis de redimensionner le groupe peut simplifier votre flux de travail. Cette m\u00e9thode est id\u00e9ale pour maintenir un dimensionnement et un alignement coh\u00e9rents sur plusieurs blocs.<\/p>\n\n\n\n
Regrouper plusieurs blocs<\/strong><\/h3>\n\n\n\n
Pour combiner des blocs, maintenez la touche Majuscule enfonc\u00e9e et cliquez sur chacun des blocs que vous souhaitez regrouper, qu'il s'agisse de texte, d'images ou de boutons. Apr\u00e8s les avoir s\u00e9lectionn\u00e9s, vous verrez appara\u00eetre une barre d'outils. Cliquez sur Grouper, et ces blocs ne feront plus qu'un. <\/p>\n\n\n\n
![\"Ajuster](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-1.png\")
<\/figure>\n\n\n\nAjuster et redimensionner le groupe<\/strong><\/h3>\n\n\n\n
Apr\u00e8s le regroupement, les blocs sont automatiquement s\u00e9lectionn\u00e9s comme une seule unit\u00e9. Acc\u00e9dez au panneau des param\u00e8tres dans la barre lat\u00e9rale droite pour ajuster la mise en page, la largeur et l'alignement du groupe. Utilisez ces param\u00e8tres pour redimensionner l'ensemble du groupe, en veillant \u00e0 ce que tous les blocs \u00e0 l'int\u00e9rieur soient redimensionn\u00e9s proportionnellement et que la mise en page reste coh\u00e9rente.<\/p>\n\n\n\n
![\"Ajuster](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-1024x572.png\")
<\/figure>\n\n\n\nDerni\u00e8re \u00e9tape : Sauvegarder ou publier vos modifications<\/strong><\/h3>\n\n\n\n
Apr\u00e8s avoir appliqu\u00e9 l'une des m\u00e9thodes, qu'il s'agisse de redimensionner des blocs individuels, d'utiliser des colonnes ou de les regrouper, veillez \u00e0 enregistrer ou \u00e0 publier vos modifications. Cette op\u00e9ration s'applique \u00e0 toutes les \u00e9tapes et garantit que vos modifications sont appliqu\u00e9es et visibles sur le site r\u00e9el.<\/p>\n\n\n\n
Conclusion<\/strong><\/h4>\n\n\n\n
Le redimensionnement des blocs dans WordPress peut sembler un d\u00e9tail mineur, mais il joue un r\u00f4le important dans la cr\u00e9ation d'une mise en page visuellement attrayante et fonctionnelle. Que vous ajustiez des \u00e9l\u00e9ments individuels avec les param\u00e8tres des blocs, que vous organisiez le contenu avec des colonnes ou que vous g\u00e9riez plusieurs blocs comme un groupe unifi\u00e9, ces m\u00e9thodes offrent le contr\u00f4le n\u00e9cessaire pour fa\u00e7onner votre site comme vous l'imaginez. En appliquant ces m\u00e9thodes, vous pouvez am\u00e9liorer la lisibilit\u00e9, l'\u00e9quilibre et la r\u00e9activit\u00e9 de vos pages et donner \u00e0 votre site Web l'aspect soign\u00e9 qu'il m\u00e9rite. Essayez ces techniques, et bient\u00f4t, le redimensionnement des blocs vous semblera une seconde nature dans le cadre de vos comp\u00e9tences WordPress.<\/p>","protected":false},"excerpt":{"rendered":"
You might have noticed at times when your WordPress site feels a bit off like an image is too big, a text block seems out of place, or the alignment just doesn\u2019t match your vision. These are the small imperfections that can shift focus away from the message you\u2019re trying to convey. They can make […]<\/p>\n","protected":false},"author":9,"featured_media":4218,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-4200","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/resize850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/fr\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/4200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=4200"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/4200\/revisions"}],"predecessor-version":[{"id":4223,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/4200\/revisions\/4223"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/4218"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=4200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=4200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=4200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Ajuster et redimensionner le groupe<\/a><\/li>
- Choisir la disposition des colonnes<\/a><\/li>
- Ajuster l'alignement\u00a0<\/a><\/li>
- S\u00e9lectionner le bloc<\/a><\/li>