Comment utiliser le bloc d'images dans WordPress en 3 étapes faciles

L'image est essentielle pour tout site web afin de le rendre visuellement attrayant. C'est pourquoi vous devez apprendre à utiliser le bloc d'image dans WordPress. Comme tout autre constructeur de pages, le constructeur de blocs Gutenberg est livré avec le bloc d'image de base pour ajouter des images.

Aujourd'hui, nous allons partager les directives complètes sur le bloc d'image, ses avantages, ses caractéristiques et la manière de l'utiliser. Ne manquez pas de nous suivre du début à la fin.

Qu'est-ce que le bloc d'images ?

Les bloc d'images est le bloc principal dédié à l'ajout d'images dans l'éditeur de blocs de WordPress. Le bloc d'images vous permet d'insérer, de modifier et de personnaliser les images dans votre contenu.

Le bloc d'images de base vous offre les avantages suivants.

Facilité d'utilisation : Le bloc Image est facile à utiliser, car tout le monde peut s'en servir sans compétences particulières. L'ajout d'images à l'aide de ce bloc est également simple.

Personnalisation : Pour la personnalisation, il vous permet de redimensionner l'image, de définir l'alignement de l'image, d'ajouter des légendes, etc.

Optimisation du référencement : Vous pouvez ajouter un texte alt à chaque image à l'aide du bloc d'image, ce qui permet aux moteurs de recherche de mieux comprendre votre image.

Créer de belles tables
Avec l'éditeur de blocs

Essai gratuit

Obtenir un Pro

Fonctionnalités de la barre d'outils du bloc d'images

La barre d'outils du bloc d'images possède plusieurs fonctions qui vous permettent de la personnaliser. Les fonctions de la barre d'outils du bloc sont expliquées ci-dessous.

Transformer : Vous pouvez transformer ce bloc en paragraphe, en code, en colonnes, etc.
Traînée : Permet de faire glisser et de déposer le bloc dédié à n'importe quel endroit.
Poignée mobile : Vous pouvez déplacer votre bloc de haut en bas.
Aligner : L'option d'alignement vous permet de définir l'alignement de l'image sur Aucun, Largeur large, Largeur complète, Gauche, Centre et Droite.
Filtre Duotone : Le filtre Duotone vous permet de créer un effet de couleur bicolore sans perdre l'image originale. Là encore, vous pouvez définir les ombres et les hautes lumières à l'aide de cette fonction.
Lien hypertexte : Cette option vous permet d'ajouter des liens pour le contenu sélectionné dans le bloc.
Culture : L'option Recadrage vous permet d'effectuer un zoom, de modifier le rapport hauteur/largeur et de faire pivoter l'image.
Ajouter du texte sur une image : Cela vous permet d'ajouter du texte sur l'image et d'ajouter d'autres blocs à l'intérieur du bloc d'image. Il transforme le bloc Bloc d'images dans le Bloc de couverture.
Ajouter une légende : Vous pouvez ajouter des légendes à l'aide de l'option.
Remplacer : L'option remplacer vous permet de remplacer l'image actuelle par l'autre image.
Plus d'options : Offre plus d'options liées à la section du bloc, telles que dupliquer, copier, grouper, etc.

Comment utiliser le bloc d'images dans WordPress ?

Nous allons vous montrer comment utiliser le bloc d'images de WordPress en quelques étapes simples ci-dessous. Tout ce dont vous avez besoin est de suivre.

Étape 1 : Insérer le bloc d'images

Pour insérer le bloc d'images, rendez-vous sur votre article ou votre page.

Ensuite, cliquez sur le bouton Ajouter un bloc ("+") Ajouter un bloc icône (1), type "Image"dans la boîte de recherche (2)et cliquez sur "Image" (3).

Étape 2 : Insérer votre fichier image

Vous pouvez sélectionner l'une de ces trois options.

Télécharger : Vous pouvez télécharger vos fichiers images.
Bibliothèque des médias : Cela vous permet de sélectionner dans votre bibliothèque multimédia des images qui ont déjà été téléchargées auparavant.
Insérer l'URL de départ : Vous pouvez insérer l'image en utilisant les liens.

Comment insérer une image via l'option de téléchargement

Pour insérer des fichiers images, cliquez sur le bouton de téléchargement, sélectionnez votre image et cliquez sur ouvrir. Elle sera ensuite ouverte dans l'éditeur.

Comment insérer une image via l'option Bibliothèque multimédia

Cliquez sur le bouton Bibliothèque multimédia, sélectionnez l'image et cliquez sur le bouton Sélectionner pour insérer l'image dans l'éditeur.

Comment insérer une image via l'option Insérer une image à partir d'une URL

Sélectionnez le bouton Insérer à partir d'une URL, saisissez le lien et il s'affichera dans l'éditeur.

Étape 3 : Personnalisation de l'image

Lorsque vous avez inséré l'image dans l'éditeur, vous pouvez la redimensionner directement à partir de l'éditeur.

Vous pouvez également définir diverses options à partir des paramètres de blocage. Pour accéder aux paramètres de blocage, naviguez vers Paramètres (1) > Bloc (2) > Paramètres (3).

Les options de paramétrage contiennent des fonctionnalités telles que

Texte alternatif : Permet de définir un texte alternatif à des fins de référencement.
Rapport d'aspect : Cette option vous permet de définir le format de votre image : Original, Carré, Standard, Portrait, Classique, Portrait classique, Large et Grand.
Résolution : Vous pouvez régler la résolution sur Grande, Moyenne, Vignette et Pleine taille.
Largeur : Réglez la largeur que vous souhaitez.
Hauteur : Définissez la hauteur de l'image dont vous avez besoin.

La section Styles de bloc contient d'autres éléments de style dont vous pourriez avoir besoin pour styliser le bloc d'images.

Styles : Cette fonction vous permet de définir les styles d'image par défaut et arrondi.
Filtres : Les filtres vous permettent de définir un filtre duotone pour votre image sans perdre son originalité.
Dimensions : Cette fonction vous permet de définir les marges de votre image.
Bordure et ombre : Cette fonction permet d'ajouter une bordure et un rayon de bordure au bloc d'images.

Voilà comment utiliser le bloc d'images et ses options.

Dernières réflexions !

Le bloc d'images de WordPress est un outil convivial et puissant qui vous permet d'améliorer votre contenu à l'aide de visuels. Maîtrisez toutes les fonctionnalités de ce bloc et rendez votre site Web visuellement attrayant.

Le bloc d'images est idéal pour partager vos produits phares, vos souvenirs ou expliquer un concept. Il permet également de mettre en valeur vos images.

La prochaine fois que vous travaillerez sur un projet WordPress, utilisez ce bloc pratique pour rehausser votre contenu.

J'espère que vous avez trouvé ce tutoriel instructif et facile à suivre. Dans la section des commentaires ci-dessous, faites-moi part de vos commentaires sur le tutoriel et le bloc.

N'oubliez pas non plus de partager cette page sur vos réseaux sociaux et de faire connaître à d'autres ce bloc d'images génial.