En savoir plus sur l’utilité des attributs d’image personnalisés

Chaque fois que vous ajoutez des attributs personnalisés aux images (et je les considère généralement comme des éléments tels que data-type="acme", " mais ils peuvent vraiment être n’importe quoi comme des attributs de classe, des identifiants, etc. bien qu’il existe d’autres filtres pour certaines choses).

Accéder aux images via des attributs d’image personnalisés.Accéder aux images via des attributs d’image personnalisés.

Quoi qu’il en soit, l’ajout d’attributs d’image personnalisés peut ajouter une multitude de capacités que nous n’avons pas normalement. En plus de simplement faciliter le style des images, cela nous permet également de les utiliser pour accéder aux images de différentes manières.

Autrement dit, nous pouvons y accéder en utilisant:

• sélecteurs CSS,
• JavaScript,
• etc.

Et lorsque vous avez accès à des images en dehors des attributs WordPress standard, vous pouvez en faire plus avec elles. Cas d’espèce. En bref, vous êtes capable de faire des choses comme :

1. accéder à une image,
2. configurer les gestionnaires d’événements,
3. ajouter des éléments au DOM,
4. configurer des gestionnaires d’événements personnalisés.

Mais ce n’est pas tout. Ce n’est qu’un exemple.

<?php

private function addImageAttributes($content)
{

  $content  = mb_convert_encoding($content, 'HTML-ENTITIES', "UTF-8");
  $document = new DOMDocument();

  libxml_use_internal_errors(true);
  $document->loadHTML(utf8_decode($content));

  $images = $document->getElementsByTagName('img');
  foreach ($images as $image) {
      $image->setAttribute('data-example', 'true');
  }

  return $document->saveHTML();
}

En fin de compte, l’une des principales idées derrière la possibilité d’ajouter des attributs d’image personnalisés aux images WordPress est que cela nous donne plus de contrôle sur la façon dont nous pouvons accéder à nos images, travailler avec elles, leurs ancêtres, leurs descendants, etc.

Mais la façon dont j’utiliserai cela sera probablement différente de la façon dont vous ou quelqu’un d’autre les utiliserez. Et cela dit, j’espère que cela répond à la raison pour laquelle cela peut être utile.