Mais sobre por que os atributos de imagem personalizados são úteis

Por que os atributos de imagem personalizados são úteis

Sempre que você adiciona atributos personalizados a imagens (e eu normalmente penso nisso como coisas como data-type="acme”, mas eles realmente podem ser qualquer coisa como atributos de classe, IDs, etc., embora existam outros filtros para certas coisas).

Acessando imagens por meio de atributos de imagem personalizados.Acessando imagens por meio de atributos de imagem personalizados.

De qualquer forma, adicionar atributos de imagem personalizados pode adicionar uma infinidade de habilidades que normalmente não temos. Além de simplesmente facilitar o estilo de imagens, também nos permite usá-las para acessar imagens de várias maneiras diferentes.

Ou seja, podemos acessá-los usando:

• Seletores CSS,
• JavaScript,
• etc.

E quando você tem acesso a imagens fora dos atributos padrão do WordPress, você pode fazer mais com elas. Caso em questão. Resumindo, você pode fazer coisas como:

1. acessar uma imagem,
2. configurar manipuladores de eventos,
3. adicionar elementos ao DOM,
4. configurar manipuladores de eventos personalizados.

Mas isso não é tudo. Este é apenas um exemplo.

<?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();
}

Em última análise, uma das principais ideias por trás de poder adicionar atributos de imagem personalizados às imagens do WordPress é que isso nos dá mais controle sobre como podemos acessar nossas imagens, trabalhar com elas, seus ancestrais, descendentes e muito mais.

Mas como eu uso isso provavelmente será diferente de como você ou qualquer outra pessoa os usará. E com isso dito, espero que isso responda por que isso pode ser útil.