Dlaczego niestandardowe atrybuty obrazu są przydatne
Za każdym razem, gdy dodajesz niestandardowe atrybuty do obrazów (i zazwyczaj myślę o nich jako o takich rzeczach jak data-type="acme”, ale tak naprawdę mogą to być atrybuty klas, identyfikatory itp., chociaż istnieją inne filtry dla niektórych rzeczy).
Uzyskiwanie dostępu do obrazów za pomocą niestandardowych atrybutów obrazu.Uzyskiwanie dostępu do obrazów za pomocą niestandardowych atrybutów obrazu.
W każdym razie dodanie niestandardowych atrybutów obrazu może dodać wiele umiejętności, których normalnie nie mamy. Poza prostym ułatwieniem stylizowania obrazów, umożliwia nam również korzystanie z nich w celu uzyskania dostępu do obrazów na wiele różnych sposobów.
Oznacza to, że możemy uzyskać do nich dostęp za pomocą:
- selektory CSS,
- JavaScript,
- itp.
A kiedy masz dostęp do obrazów spoza standardowych atrybutów WordPressa, możesz z nimi zrobić więcej. Przykład w pkt. Krótko mówiąc, możesz robić takie rzeczy jak:
- uzyskać dostęp do obrazu,
- konfigurowanie obsługi zdarzeń,
- dodać elementy do DOM,
- skonfigurować niestandardowe programy obsługi zdarzeń.
Ale to nie wszystko. To tylko jeden przykład.
<?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();
}Ostatecznie jednym z głównych pomysłów na dodanie niestandardowych atrybutów obrazu do obrazów WordPress jest to, że daje nam większą kontrolę nad tym, w jaki sposób możemy uzyskać dostęp do naszych obrazów, pracować z nimi, ich przodkami, potomkami i nie tylko.
Ale sposób, w jaki to wykorzystam, prawdopodobnie będzie inny niż sposób, w jaki ty lub ktokolwiek inny będzie ich używał. Powiedziawszy to, mam nadzieję, że to odpowiada, dlaczego może to być przydatne.