Más información sobre por qué son útiles los atributos de imagen personalizados

Por qué son útiles los atributos de imagen personalizados

Cada vez que agrega atributos personalizados a las imágenes (y normalmente pienso en estos como cosas como tipo de datos = "acme", pero en realidad podrían ser cualquier cosa como atributos de clase, ID, etc. aunque hay otros filtros para ciertas cosas).

Acceder a imágenes a través de atributos de imagen personalizados. Acceder a imágenes a través de atributos de imagen personalizados.

De todos modos, agregar atributos de imagen personalizados puede agregar una multitud de habilidades que normalmente no tenemos. Además de simplemente facilitar el estilo de las imágenes, también nos permite usarlas para acceder a las imágenes en una variedad de formas diferentes.

Es decir, podemos acceder a ellos usando:

• selectores de CSS,
• JavaScript,
• etc.

Y cuando tiene acceso a imágenes fuera de los atributos estándar de WordPress, puede hacer más con ellas. Caso en cuestión. En resumen, puedes hacer cosas como:

1. acceder a una imagen,
2. configurar controladores de eventos,
3. añadir elementos al DOM,
4. configurar controladores de eventos personalizados.

Pero eso no es todo. Este es solo un ejemplo.

<?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 última instancia, una de las ideas principales detrás de poder agregar atributos de imagen personalizados a las imágenes de WordPress es que nos brinda más control sobre cómo podemos acceder a nuestras imágenes, trabajar con ellas, sus antepasados, descendientes y más.

Pero la forma en que use esto probablemente será diferente de cómo usted o cualquier otra persona los usará. Y dicho esto, espero que esto responda por qué esto puede ser útil.