Подробнее о том, чем полезны пользовательские атрибуты изображения

Последнее обновление Ноя 15, 2022

Несколько постов назад я рассмотрел процесс добавления пользовательских атрибутов изображения к изображению в WordPress. Я получил хороший вопрос в Твиттере:

Хотя я не понимаю цели этого.

— идиот_девушка (@idiot_girl) 24 октября 2017 г.

Поэтому я подумал, что стоит разобраться, почему это может быть важно или что-то, что стоит сделать (я имею в виду, я не знаю, важно ли это, но это может зависеть от проекта :).

Почему пользовательские атрибуты изображения полезны

Всякий раз, когда вы добавляете настраиваемые атрибуты к изображениям (и я обычно думаю о них как о таких вещах, как data-type="acme", но на самом деле они могут быть чем угодно, например, атрибутами класса, идентификаторами и т. д., хотя для определенных вещей есть другие фильтры).

Доступ к изображениям с помощью настраиваемых атрибутов изображения. Доступ к изображениям с помощью настраиваемых атрибутов изображения.

В любом случае, добавление пользовательских атрибутов изображения может добавить множество возможностей, которых у нас обычно нет. Помимо простого упрощения стилизации изображений, это также позволяет нам использовать их для доступа к изображениям различными способами.

То есть мы можем получить к ним доступ, используя:

CSS-селекторы,
JavaScript,
и т.п.

А когда у вас есть доступ к изображениям за пределами стандартных атрибутов WordPress, вы можете делать с ними больше. Дело в точку. Короче говоря, вы можете делать такие вещи, как:

получить доступ к изображению,
настроить обработчики событий,
добавить элементы в DOM,
настроить пользовательские обработчики событий.

Но это не все. Это всего лишь один пример.

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

В конечном счете, одна из основных идей возможности добавления пользовательских атрибутов изображения к изображениям WordPress заключается в том, что это дает нам больший контроль над тем, как мы можем получить доступ к нашим изображениям, работать с ними, их предками, потомками и т. д.

Но то, как я использую это, вероятно, будет отличаться от того, как вы или кто-либо другой будете их использовать. И с учетом сказанного, я надеюсь, что это объясняет, почему это может быть полезно.

Если нет, не стесняйтесь написать мне в Твиттере, и я буду рад рассказать об этом больше.

Источник записи: tommcfarlin.com