Bloc Image mise en avant de la publication

Retour à la liste des blocs

Ce bloc est prévu pour être utilisé lorsque vous personnalisez vos modèles de publications dans l’éditeur de modèles, mais est également disponible dans l’édition d’une publication unique.

Ajoutez le bloc Image mise en avant de la publication afin d’afficher l’image qui a été définie pour illustrer la publication. Ce bloc est normalement imbriqué dans un bloc Boucle de requête et aide à personnaliser l’apparence des publications affichées par ce dernier.

Pour connaître la procédure à suivre pour ajouter un bloc, veuillez consulter l’article Ajouter un nouveau bloc.

Barre d’outils du bloc

Chaque bloc dispose d’une barre d’outils vous permettant de le manipuler directement dans l’éditeur. Parmi ces outils, on distingue les outils communs, présentés dans l’article Barre d’outils des blocs, et d’éventuels outils spécifiques, décrits ci-dessous. 

Haut ↑

Appliquer un filtre duotone

Vous pouvez créer un filtre duotone qui sera appliqué à l’image mise en avant sans changer l’image originale. L’effet duotone fonctionne très bien pour les images ayant de forts contrastes.

Vous pouvez choisir les deux couleurs pour l’effet duotone parmi les pré-sélections proposées, basées sur la palette de couleurs du thème.

Vous pouvez aussi sélectionner manuellement deux couleurs pour les ombres et les mises en évidence en cliquant sur chacune des options et en choisissant une couleur dans la palette. Enfin, vous pouvez choisir deux couleurs via le sélecteur en cliquant sur les ronds blancs présents à gauche et à droite dans les aplats de couleur.

Pour effacer le filtre duotone, il suffit de cliquer sur le bouton Effacer.

Haut ↑

Remplacer

L’outil Remplacer permet de sélectionner une nouvelle image, soit déjà présente dans la médiathèque (cliquez alors sur Ouvrir la médiathèque), soit à téléverser (cliquez alors sur Téléverser).

Haut ↑

Créer un élément de modèle

Dans le menu Options, l’option Créer un élément de modèle vous permet de convertir le bloc sélectionné en un élément de modèle. Lorsque vous cliquez sur cette option, une boîte de dialogue s’affiche dans laquelle vous devez saisir un Nom pour la partie de modèle, sélectionner un type de Zone, puis finalement cliquez sur le bouton Créer.

Notez que l’option Créer un élément de modèle n’est disponible que lorsque vous éditez ou créez un modèle dans l’éditeur de site.

Haut ↑

Réglages du bloc

Selon les blocs, divers réglages sont disponibles dans la colonne latérale des réglages. Parmi ceux-ci, on distingue les réglages communs (à une majorité de blocs) des réglages spécifiques, décrits ci-dessous.

Haut ↑

Réglages

Activez l’option Lien vers la publication dans les Réglages pour placer un lien vers la publication sur l’image mise en avant. L’option Ouvrir dans un nouvel onglet est alors disponible. Vous pouvez aussi spécifier la valeur de l’attribut rel dans le champ Attribut rel.

Haut ↑

Couleur

Dans l’onglet Couleur, vous avez la possibilité de définir la couleur du Calque de superposition ainsi que le pourcentage d’Opacité de la superposition en saisissant une valeur ou en déplaçant le curseur.

Haut ↑

Dimensions

Haut ↑

Proportion de taille

Vous avez la possibilité de choisir une proportion de taille prédéfinie parmi une liste déroulante : (Originale, Carré, 16:9, etc.)

Haut ↑

Hauteur et largeur

Vous avez également la possibilité de spécifier la Hauteur et la Largeur de l’image en saisissant des valeurs dans les champs correspondants.
Différentes unités de mesure sont disponibles dans la liste déroulante qui s’affiche lorsque vous cliquez sur l’unité dans le champ de saisie, telles que : px, %, em, rem, vw et vh. Choisissez celle qui vous convient.

Haut ↑

Redimensionner

Enfin, lorsque vous avez spécifié une taille ou une largeur et une hauteur, vous disposez de différentes options de redimensionnement :

  • Recouvrir (option par défaut) : l’image est mise à l’échelle et recadrée pour remplir tout l’espace sans être déformée.
  • Contenir : l’image est mise à l’échelle pour remplir l’espace sans être rognée ni déformée.
  • Remplir : l’image sera étirée et déformée pour remplir complètement l’espace.
Source : OpenVerse – Par JmGpHoToS

En cliquant sur le bouton Options de dimensions (+) dans la section Dimensions, vous pouvez accéder à d’autres options affichées dans le menu déroulant. Ici, vous pouvez ainsi ajouter les options concernant les Marges internes (propriété css : padding) et externes (propriété css : margin). Par défaut, la valeur saisie est appliquée aux quatre côtés, cliquez sur le bouton Dissocier les côtés pour saisir des valeurs différentes pour chaque côté.

Enfin, si vous souhaitez réinitialiser les réglages appliqués en termes de dimensions, il vous suffit de cliquer sur l’option Tout réinitialiser dans le menu déroulant de la section Dimensions.

Haut ↑

Avancé

L’onglet Avancé vous permet d’accéder aux réglages avancés des blocs.

Traduit par Jenny Dupuy
Relu par Patrick Olivaud & Bruno Tritsch
Dernière mise à jour le 3 novembre 2023

Contribuer à la documentation en français de WordPress

Journal des modifications

3 novembre 2023Marie Comet – Mise à jour pour 6.3 : ajout de l’option Proportion de taille dans Dimensions. Suppression des exemples filtres duotone car dépendant du thème, modification des termes de l’interface qui ont changé.

28 mars 2023 Jenny Dupuy – Mise à jour de la capture d’écran de la barre d’outils, ajout du réglage Calque de superposition, en conformité avec la version 6.1, et ajout des options de dimensions en conformité avec la version 6.2.