Fences – Drupal nettoyez les wrappers de vos champs

Fences – Drupal nettoyez les wrappers de vos champs

Drupal

Présentation rapide de Fences, l’ami de vos projets Drupal

La frustration courante de Drupal est le rendu natif de ses champs. Les valeurs d’un champs sont rendues au niveau du template dans des wrappers verbeux et toujours accompagnés de balises “<div>”. Fences est là pour vous aider.

Exemple du rendu d’un champs sous drupal : 

<div class="field field-name-field-test field-type-text field-label-above">
  <div class="field-label">Le label de mon champs</div>

  <div class="field-items">
    <div class="field-item even">Mon paragraphe ...</div>
  </div>
</div>

Les problèmes ?

  1. N’est pas nativement SEO friendly pour specifier un h2 par exemple sur l’emploi d’un champs
  2. L’imbrication de div, un mauvais ratio code/contenu peut être approché
  3. La structure du DOM se complexifie trop facilement
  4. Les balises HTML5 non supportés
  5. La personnalisation du rendu plus long en créant par exemple un thème pour votre field ou ressortir les données correctement dans le tpl de votre node, …

Bien sûr Fences n’est pas indispensable, on peut faire sans si on a compris la logique de Drupal. Mais il peut être sympa à implémenter dans vos projets ou la structure de rendu de vos node n’est pas évoluées et peut être simplement gérée avec le gestionnaire d’affichage de Drupal. Fences peut apparaître comme complément à la mise en forme de votre site et de son rendu. Mais aussi pour les projets plus évolués pour une gestion des fields plus évolués dans votre propre process.

Fences

Vous l’aurez compris Fences permet d’optimiser le rendu de vos champs. Une belle optimisation configurable simplement lors de la création de votre champs en choisissant son container.
Fences vous permet tout comme le système natif de Drupal de créer une nouvelle sortie de vos champs et de les mettre en forme à l’aide d’un template associé.

Exemple :

<h3 class="field-label">Le label de mon champs</h3>

<p class="field-foobar">Mon paragraphe ...</p>

Bien sûr vous n’êtes pas obligé d’utiliser Fences, et il n’est pas la seule solution. D’autres alternatives sont présentés sur la fiche du module mais il est à mon unique sens le plus rapide à configurer. Notez tout de même que sa configuration est exportable dans des Features.

Télécharger Fences pour Drupal 7 en version stable : Module
Le module est en cours de développement pour Drupal 8.

Partager c'est remercier !

Franck

    Les commentaires sont fermés.