Ulteriori informazioni sul motivo per cui gli attributi immagine personalizzati sono utili

Perché gli attributi immagine personalizzati sono utili

Ogni volta che aggiungi attributi personalizzati alle immagini (e in genere li considero cose come data-type="acme", ma potrebbero davvero essere qualsiasi cosa come attributi di classe, ID, ecc. Sebbene ci siano altri filtri per determinate cose).

Accesso alle immagini tramite attributi immagine personalizzati. Accesso alle immagini tramite attributi immagine personalizzati.

Ad ogni modo, l’aggiunta di attributi di immagine personalizzati può aggiungere una moltitudine di abilità che normalmente non abbiamo. Oltre a semplificare lo stile delle immagini, ci consente anche di utilizzarle per accedere alle immagini in una varietà di modi diversi.

Cioè, possiamo accedervi usando:

• Selettori CSS,
• JavaScript,
• eccetera.

E quando hai accesso a immagini al di fuori degli attributi standard di WordPress, puoi fare di più con esse. Caso in questione. In breve, puoi fare cose come:

1. accedere a un’immagine,
2. configurare i gestori di eventi,
3. aggiungere elementi al DOM,
4. configurare gestori di eventi personalizzati.

Ma non è tutto. Questo è solo un esempio.

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

In definitiva, una delle idee principali alla base della possibilità di aggiungere attributi di immagine personalizzati alle immagini di WordPress è che ci dà un maggiore controllo su come possiamo accedere alle nostre immagini, lavorare con loro, i loro antenati, discendenti e altro ancora.

Ma il modo in cui lo uso sarà probabilmente diverso da come lo userai tu o chiunque altro. E detto questo, spero che questo risponda perché questo può essere utile.