Voici mon 1er module Drupal 8 : GD Header

Lundi 4 décembre 2017 - Drupal 8

Ce module fournit un bloc avec le titre de la page et une image en arrière-plan configurable. Vous pouvez voir une démo de ce module... et bien, juste au-dessus !

Fonctionnalités

  • Pour chaque type de node, vous pouvez choisir un champ (de type image) à utiliser pour l'image d'arrière-plan.
  • Des images globales peuvent être ajoutées dans la configuration du bloc. Ainsi, les nodes sans images afficheront tout de même de beaux en-têtes avec des arrières-plans, ainsi que les pages qui ne sont pas des nodes (Utilisateurs, Vues, Contact, ...).
  • Vous pouvez choisir le style d'image à utiliser.

CSS

  • Pour un plus bel effet, le module est prévu pour fonctionner sur la pleine largeur de l'écran.
  • Par défaut, l'arrière-plan est centered, no-repeat, cover et fixed. Sur (certains) devices IOS, l'image d'arrière-plan scrolle car ils ne peuvent pas correctement gérer la position fixe.
  • Par défaut aussi, le titre est centré et avec des ombres.
  • Vous pouvez toujours écraser le CSS avec le vôtre si vous voulez.

Installation et configuration

Le module est construit sur Drupal core et n'utilise aucune librarie, donc vous pouvez juste l'installer comme vous faites d'habitude. Au minimum, vous devez avoir des styles d'image (admin/config/media/image-styles). Si vous voulez utiliser la fonctionnalité liée aux champs image de nodes, vous avez besoin de types de nodes avec au moins un champ de type image associé. Puis allez sur /admin/structure/block, ajoutez le bloc "GD Header" quelque part et configurez-le (admin/structure/block/manage/gdheader).

Roadmap

Je prévois d'intégrer des images d'arrière-plan adaptives, avec le module Responsive image de Drupal core. Cela sera probablement après une release stable du module avec les fonctionnalités actuelles.

Crédit

Je suis l'auteur originel de ce module GD Header (Ma page sur Drupal.org). C'est mon premier module Drupal 8, le feedback de développeurs D8 confirmés est plus que bienvenu ;)

Téléchargement

Ajouter un commentaire