Centrer une image avec les Blocs WordPress

Vous débarquez dans l’heureux mais parfois complexe monde des blocs WordPress ? Alors il est fort probable que comme beaucoup vous cherchiez à savoir comment centrer une image via les fameux blocs de l’éditeur de Blocs WP. Aussi, découvrons aujourd’hui autour d’une publication qui se veut synthétique, comment centrer une image via l’éditeur de bloc WordPress. Purement et simplement (mais aussi comment mettre une image à gauche ou à droite…). 🙂

L’éditeur de blocs en bref sur WordPress

Rappelons rapidement ce qu’il en est de cet éditeur de blocs. Il a débarqué avec la version 5.0 majeure de WordPress en 2018. Loin de faire l’unanimité chez les utilisateurs de WordPress qui avait déjà l’expérience de l’éditeur classique (qu’on appelle aussi l’ancien éditeur), il est pourtant largement mis en avant au sein de la communauté WP.

Quoi qu’il en soit. Il est probable que parmi vous, certain(e)s personnes soient obligés de composer avec l’éditeur de blocs. Par exemple parce qu’au travail, un site WP tourne avec cet éditeur et que vous n’êtes pas décisionnaire des outils tournant sur ce site web.

Bref ! L’éditeur de blocs, il vaut mieux apprendre à s’en servir quand on est obligé de faire avec ! Aussi découvrons maintenant comment centrer une image ou photo via le fameux éditeur de blocs de WP. Aussi appelé Gutenberg.

Comment centrer une image via l’éditeur de blocs WP

Venons-en fissa à l’objet de cet article. Court au demeurant. J’espère aller à l’essentiel. Et j’espère aussi que vous reconnaître mon style si j’en ai un. Réalisant que ce n’est pas Chat GPT ou une autre intelligence artificielle qui aurait rédigé cette douce bafouille.

Bref à nouveau !

Pour centrer une image quant vous êtes sur le formidable éditeur de blocs, comme suit :

editeur de blocs de wordpress

Cliquez sur l’icone + à droite en noir ici sur la capture d’écran ci-dessous, ou sur le plus blanc sur fond bleu en haut à gauche. Choisissez le bloc « Image » en tapant im* dans le champ de recherche de blocs. Comme ci-dessous :

bloc image wordpress

Sans surprise, validez votre choix puis ajouter l’image ou photo de votre choix dans l’éditeur de blocs.

Centrer l’image dans l’éditeur de blocs WP

Votre image est enfin ajoutée sur votre article ? Bravo ! Voyons à quoi ça ressemble avant tout centrage ou autre d’une image dans l’éditeur de blocs qu’on adore tant :

image dans l editeur de blocs wordpress

On voit rapidement qu’il y a plein d’icônes mais au début, on se dit fichtre, comment je centre mon image moi ? Oui, nous sommes beaucoup à regretter l’ancien éditeur. Mais parfois, pas le choix, alors on y va.

En l’occurrence, pour centrer une image, on cliquera ici :

icone pour centrer image editeur de blocs

Puis, ici :

icone centrer image wordpress blocs gutenberg

Ce qui peut être considéré comme regrettable, c’est qu’on ne puisse pas voir tout ça au survol des premières icônes. Cela éviterait à beaucoup de devoir cliquer partout avant de trouver…

Les autres positions d’image dans les blocs

Maintenant que vous avez la dernière capture d’écran sous les yeux, vous savez déjà comment faire pour positionner vos images/photos à gauche ou à droite. Vous savez même qu’on peut mettre une image en grande largeur ou en pleine largeur (le fameux full width).

Voilà, c’est presque tout. Parce que bien entendu, j’entends déjà au fond de la salle, celles et ceux qui ne veulent pas vraiment affronter cet éditeur aux blocs. Du coup, c’est cadeau. Juste en dessous, deux alternatives aux blocs.

Alternatives aux blocs de WordPress

Si les blocs vous épuisent déjà, voici de quoi vous en passez, pour un temps ou pour toujours :

Classic widgets : Ce plugin (ou extension, c’est idem) vous permettra de retrouver l’ancienne interface de gestion des widgets de WP. L’ancienne interface permet en drag and drop notamment, d’ajouter vite et bien, ou modifier ou retirer vos widgets dans vos zones de widgets. Allant de la sidebar au footer de votre thème WP.

Classic editor : Ce plugin (extension en français dans le vocabulaire WordPress) vous permettra d’avoir l’éditeur classique de WP. Ou plutôt l’ancien. Celui avec un champ titre et un champ de saisie de votre article. Un peu comme quand vous rédigez un courriel via Gmail, mais sans le champ Cc.

Ne me remerciez pas. Cela me fait plaisir !

Besoin d’aide pour maîtriser WordPress ? Contactez-moi 🙂

Partager ce contenu :
Griselidis
Griselidis

Bonjour ! Je suis Griselidis. Webmaster & Webdesigner freelance, je tiens ce site web depuis mai 2014. Depuis 10 ans déjà, je partage ici des tutoriels et articles pour vous aider à créer votre site web, le faire vivre et le faire connaître.

Newsletter

Saisissez votre adresse e-mail ci-dessous et abonnez-vous à la newsletter

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *