Mehr darüber, warum benutzerdefinierte Bildattribute nützlich sind

Last updated 15. November 2022

Vor ein paar Beiträgen habe ich den Prozess des Hinzufügens benutzerdefinierter Bildattribute zu einem Bild in WordPress durchlaufen. Ich habe eine gute Frage auf Twitter erhalten:

Ich verstehe den Zweck dafür aber nicht.

– idiot_girl (@idiot_girl) 24 Oktober 2017

Also dachte ich, es lohnt sich, durchzuarbeiten, warum dies wichtig sein könnte oder etwas, das sich lohnt (ich meine, ich weiß nicht, ob es wichtig ist, aber es könnte vom Projekt abhängen :).

Warum benutzerdefinierte Bildattribute nützlich sind

Wann immer Sie benutzerdefinierte Attribute zu Bildern hinzufügen (und ich denke normalerweise an Dinge wie data-type="acme, ", aber sie könnten wirklich alles wie Klassenattribute, IDs usw. sein, obwohl es andere Filter für bestimmte Dinge gibt).

Zugriff auf Bilder über benutzerdefinierte Bildattribute.Zugriff auf Bilder über benutzerdefinierte Bildattribute.

Wie auch immer, das Hinzufügen von benutzerdefinierten Bildattributen kann eine Vielzahl von Fähigkeiten hinzufügen, die wir normalerweise nicht haben. Abgesehen davon, dass es einfacher ist, Bilder zu stylen, ermöglicht es uns auch, sie zu verwenden, um auf verschiedene Arten auf Bilder zuzugreifen.

Das heißt, wir können auf sie zugreifen mit:

CSS-Selektoren,
Javascript,
usw.

Und wenn Sie Zugriff auf Bilder außerhalb der standardmäßigen WordPress-Attribute haben, können Sie mehr damit machen. Fallbeispiel. Kurz gesagt, Sie können Folgendes tun:

Zugriff auf ein Bild,
Ereignishandler einrichten,
Elemente zum DOM hinzufügen,
Richten Sie benutzerdefinierte Ereignishandler ein.

Aber das ist nicht alles. Dies ist nur ein Beispiel.

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

Letztendlich besteht eine der Hauptideen hinter der Möglichkeit, benutzerdefinierte Bildattribute zu WordPress-Bildern hinzuzufügen, darin, dass wir mehr Kontrolle darüber haben, wie wir auf unsere Bilder zugreifen, mit ihnen, ihren Vorfahren, Nachkommen und mehr arbeiten können.

Aber wie ich das verwende, wird es wahrscheinlich anders sein, als Sie oder jemand anderes sie verwenden wird. Und nachdem dies gesagt wurde, hoffe ich, dass dies beantwortet, warum dies nützlich sein kann.

Wenn nicht, zögern Sie nicht, mir zu twittern, und ich freue mich, mehr darüber zu erzählen.

Aufnahmequelle: tommcfarlin.com