6.13. Définir un style d’image

Objectif

Ajouter un style d’image et l’utiliser pour afficher les images dans les pages Vendeur.

Prérequis

Section 6.3, « Ajouter des champs de base à un type de contenu »
Section 6.11, « Modifier l’affichage du contenu »
Section 6.12, « Concept : styles d’images »

Prérequis du site

Les types de contenu Vendeur et Recette doivent exister. Consulter Section 6.1, « Ajouter un type de contenu ».
Les champs Image principale doivent exister pour les deux types de contenus. Consulter Section 6.3, « Ajouter des champs de base à un type de contenu ».
Des éléments de contenu doivent exister pour les deux types de contenu. Consulter Section 6.1, « Ajouter un type de contenu », Section 6.3, « Ajouter des champs de base à un type de contenu », et Section 5.2, « Créer un élément de contenu ».

Étapes

Dans le menu d’administration Gérer, aller à Configuration > Média > Styles d’image (admin/config/media/image-styles).
Cliquer sur Ajouter un style d’image.
Saisir le nom Extra medium (300x200).
Cliquer sur Créer un nouveau style. La page Modifier le style Extra Medium (300X200) apparaît.
Dans le tableau Effets, sélectionner Mise à l’échelle et recadrage. Cliquer sur Ajouter.
Remplir les champs comme indiqué ci-dessous.
Nom du champ Valeur
Largeur 300
Hauteur 200
Cliquer sur Ajouter l’effet. Le style d’image est enregistré avec l’effet choisi.
Dans le menu d’administration Gérer, aller à Structure > Types de contenu (admin/structure/types).
Cliquer sur Gérer l’affichage dans le bouton déroulant Actions du type de contenu Vendeur. La page Gérer l’affichage (_admin/structure/types/manage/vendeur/display) apparaît.
Assurez-vous que le premier onglet Défaut est sélectionné.
Cliquer sur l’engrenage à côté du champ Image principale pour accéder aux options de configuration.
Remplir les champs comme indiqué ci-dessous.
Nom du champ Valeur
Style d’image Extra medium (300x200)
Lier l’image à Rien
Cliquer sur Mettre à jour.
Cliquer sur Enregistrer. Le nouveau style d’image sera utilisé pour afficher les contenus de type vendeur.
Ouvrir un contenu de type vendeur et vérifier qu’il s’affiche avec l’image mise à l’échelle et recadrée. Voir Section 5.3, « Modifier un élément de contenu » pour plus d’informations sur la manière de trouver un contenu existant.
Répéter les étapes 8-15 pour le type de contenu Recette.