Mer om varför anpassade bildattribut är användbara

Varför anpassade bildattribut är användbara

När du lägger till anpassade attribut till bilder (och jag tänker vanligtvis på dessa som saker som data-type = "acme", men de kan verkligen vara något som klassattribut, ID, etc. även om det finns andra filter för vissa saker).

Åtkomst till bilder via anpassade bildattribut. Åtkomst till bilder via anpassade bildattribut.

Hur som helst, att lägga till anpassade bildattribut kan lägga till en mängd förmågor som vi normalt inte har. Förutom att helt enkelt göra det enklare att styla bilder, gör det det också möjligt för oss att använda dem för att komma åt bilder på en mängd olika sätt.

Det vill säga, vi kan komma åt dem med:

• CSS-väljare,
• JavaScript,
• etc.

Och när du har tillgång till bilder utanför de vanliga WordPress-attributen kan du göra mer med dem. Fall i punkt. Kort sagt, du kan göra saker som:

1. komma åt en bild,
2. konfigurera händelsehanterare,
3. lägg till element till DOM,
4. ställ in anpassade händelsehanterare.

Men det är inte allt. Detta är bara ett exempel.

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

I slutändan är en av de primära idéerna bakom att kunna lägga till anpassade bildattribut till WordPress-bilder att det ger oss mer kontroll över hur vi kan komma åt våra bilder, arbeta med dem, deras förfäder, ättlingar och mer.

Men hur jag använder detta kommer sannolikt att vara annorlunda än hur du eller någon annan kommer att använda dem. Och med det sagt hoppas jag att detta svarar på varför detta kan vara användbart.