Lisateave selle kohta, miks kohandatud pildiatribuudid on kasulikud

Viimati uuendatud nov. 15, 2022

Miks on kohandatud pildiatribuudid kasulikud?

Iga kord, kui lisate piltidele kohandatud atribuute (ja ma pean nendeks tavaliselt selliseid asju nagu data-type="acme”, aga need võivad olla midagi klassiatribuudid, ID-d jne, kuigi teatud asjade jaoks on ka teisi filtreid).

Juurdepääs piltidele kohandatud pildiatribuutide kaudu. Juurdepääs piltidele kohandatud pildiatribuutide kaudu.

Igatahes võib kohandatud pildiatribuutide lisamine lisada palju võimalusi, mida meil tavaliselt pole. Lisaks piltide stiili lihtsamaks muutmisele võimaldab see meil neid kasutada ka piltidele mitmel erineval viisil juurde pääsemiseks.

See tähendab, et pääseme neile juurde, kasutades:

CSS-i valijad,
JavaScript,
jne.

Ja kui teil on juurdepääs piltidele väljaspool standardseid WordPressi atribuute, saate nendega rohkem ära teha. Juhtum. Lühidalt, saate teha selliseid asju nagu:

pääseda juurde pildile,
sündmuste töötlejate seadistamine,
lisage DOM-i elemente,
seadistage kohandatud sündmuste töötlejad.

Kuid see pole veel kõik. See on vaid üks näide.

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

Lõppkokkuvõttes on WordPressi piltidele kohandatud pildiatribuutide lisamise üks peamisi ideid see, et see annab meile suurema kontrolli selle üle, kuidas oma piltidele juurde pääseda, nendega töötada, nende esivanemaid, järeltulijaid ja palju muud.

Kuid see, kuidas ma seda kasutan, erineb tõenäoliselt sellest, kuidas teie või keegi teine neid kasutate. Seda arvestades loodan, et see annab vastuse, miks see võib olla kasulik.

: tommcfarlin.com