• Introduction
• À propos
• Exemples de sites avec drupal
• Installer Drupal 8
• Télécharger Drupal
• Installer Drupal sur un server distant
• Installer Drupal sur son ordinateur
• Commencer rapidement
• Découvrir l'interface de Drupal 8
• Créer ses premières pages
• Créer ses premiers articles
• Styler son texte avec l'éditeur visuel
• Ajouter une image à un article
• Modifier un article rapidement
• Organiser son menu de navigation
• Mettre en évidence son formulaire de contact
• Positionner les blocs
• Collaborer
• Créer des utilisateurs
• Gérer ses utilisateurs
• Modérer les actions des utilisateurs
• Personnaliser l'organisation de Drupal 8
• Principe d'organisation du contenu avec Drupal 8
• Les champs avec Drupal
• Taxonomie
• Paramétrer le contenu en cours d'édition
• Les blocs personnalisés
• Organiser ses données avec les views
• Enrichir
• Augmenter le potentiel de Drupal 8 avec des extensions
• Modifier l'apparence de Drupal 8 avec des thèmes
• Créer son propre thème à partir du thème Bartik
• Personnaliser ses images
• Créer un sous-thème
• Ajouter des fonctionnalités
• Avoir un site multilingue
• Sécuriser et maintenir son Drupal
• Administrer Drupal
• Conclusion

Personnaliser ses images

Réaliser un site sans l'agrémenter d'images est de moins en moins fréquent. Vous savez déjà comment ajouter et associer des images à un article. Drupal propose en plus une action sur le style de toutes les images. Ainsi vous avez la possibilité de réaliser un style pour toutes les images qui sont reliées à un type de contenu, sans avoir à recréer chacune des vignettes. Par exemple, nous allons le faire pour toutes les accroches du type de contenu Article.

Créer son style d'image

Pour cela, rendez-vous dans l'administration du site et cliquez sur Configuration.

Dans la rubrique Media, cliquez sur Styles d'images. Vous êtes devant un tableau présentant tous les styles déjà existants. Pour créer votre propre style, cliquez sur le bouton Ajouter un style d'image.

Vous êtes redirigés vers un champ vous invitant à nommer votre style d'image. Confirmez en cliquant sur Créer un nouveau style.

Vous êtes face à la personnalisation du style Noir et blanc (par exemple). Au bas de cette page, un titre EFFET liste les effets disponibles. Ceux-ci sont sélectionnables via un menu déroulant.

Pour afficher des vignettes en noir et blanc, l'effet Désaturer a été sélectionné. En cliquant sur Ajouter, l'aperçu proposé sur une image imaginaire affiche le résultat. Observez le changement : l'image de droite est maintenant en noir et blanc.

 

 Note : Les effets sont cumulables. Bien souvent les utilisateurs cumulent les effets comme Redimensionner et Mise à l'échelle et recadrage.

Note : Des modules concernant le style des images sont également fortement sollicités.

Appliquer un style d'image

Maintenant que le style d'image est créé, il faut pouvoir l'appliquer sur toutes les images associées aux articles. Pour cela, allez dans la rubrique Structure puis Types de contenus. Cliquez sur le triangle à droite du bouton Gérer les champs dans la ligne intitulée Article et cliquer sur Gérer l'affichage.

Repérez le sous-menu Accrocheet ensuite la ligne du champImage.

Cliquez sur la roue dentée tout à droite. Cela ouvre une zone dans laquelle l'aperçu du style d'image est paramétrable. Sélectionnez Noir et Blanc dans la liste déroulante, puis validez en cliquant sur Mettre à jour.

Confirmez toutes les modifications en cliquant sur Enregistrer au bas de la page.

Vous pouvez maintenant vous rendre sur la page d'accueil de votre site, toutes les images présentes en page d'accueil (le contenu des accroches du type de contenu Article) sont maintenant en noir et blanc.