Advertising sustains the DA. Ads are hidden for members. Join today

On this page

6.13. Définir un style d’image

Last updated on
14 April 2025

Objectif

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

Prérequis

Prérequis du site

Étapes

  1. Dans le menu d’administration Gérer, aller à Configuration > Média > Styles d’image (admin/config/media/image-styles).
  2. Cliquer sur Ajouter un style d’image.
  3. Saisir le nom Extra medium (300x200).
  4. Cliquer sur Créer un nouveau style. La page Modifier le style Extra Medium (300X200) apparaît.
  5. Dans le tableau Effets, sélectionner Mise à l’échelle et recadrage. Cliquer sur Ajouter.

  6. Remplir les champs comme indiqué ci-dessous.

    Nom du champ Valeur

    Largeur

    300

    Hauteur

    200

  7. Cliquer sur Ajouter l’effet. Le style d’image est enregistré avec l’effet choisi.

    Ajouter un style d’image

  8. Dans le menu d’administration Gérer, aller à Structure > Types de contenu (admin/structure/types).
  9. 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.
  10. Assurez-vous que le premier onglet Défaut est sélectionné.
  11. Cliquer sur l’engrenage à côté du champ Image principale pour accéder aux options de configuration.

  12. Remplir les champs comme indiqué ci-dessous.

    Nom du champ Valeur

    Style d’image

    Extra medium (300x200)

    Lier l’image à

    Rien

    Changer les paramètres du formateur de champ d’un champ image

  13. Cliquer sur Mettre à jour.
  14. Cliquer sur Enregistrer. Le nouveau style d’image sera utilisé pour afficher les contenus de type vendeur.
  15. 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.
  16. Répéter les étapes 8-15 pour le type de contenu Recette.

Concepts liés

Vidéos (en anglais)

Setting up an Image Style

Pour aller plus loin (en anglais)

Page de documentation de la communauté sur Drupal.org "Working with images"

Attributions

Adapté et modifié par Boris Doesborg, et Jojy Alphonso de Red Crackle depuis "Working with images in Drupal 7 and 8", copyright 2000-2025 contributeurs individuels à la documentation de la communauté Drupal. Traduit par Vanessa Kovalsky et Felip Manyer i Ballester.

 

This page is generated from AsciiDoc source from the User Guide. To propose a change, edit the source and attach the file to a new issue in the User Guide project. PDF and e-book formats are available on the User Guide project page.

Source file: structure-image-style-create.asciidoc

Help improve this page

Page status: No known problems

You can: