✅ WEB- ja WordPress -uutiset, -teemat, -laajennukset. Täällä jaamme vinkkejä ja parhaita verkkosivustoratkaisuja.

Lisätietoja siitä, miksi mukautetut kuvan attribuutit ovat hyödyllisiä

15

Miksi mukautetut kuvan attribuutit ovat hyödyllisiä

Aina kun lisäät kuviin mukautettuja attribuutteja (ja ajattelen näitä yleensä esimerkiksi data-type="acme”, mutta ne voivat todella olla mitä tahansa luokkaattribuutteja, tunnuksia jne., vaikka tietyille asioille on olemassa muita suodattimia).

Kuvien käyttö mukautettujen kuvaattribuuttien avulla. Kuvien käyttö mukautettujen kuvaattribuuttien avulla.

Joka tapauksessa mukautettujen kuvaattribuuttien lisääminen voi lisätä monia kykyjä, joita meillä ei normaalisti ole. Sen lisäksi, että kuvien muotoilu on helpompaa, se mahdollistaa myös sen, että voimme käyttää niitä kuvien käsittelyyn useilla eri tavoilla.

Eli voimme käyttää niitä käyttämällä:

  • CSS-valitsimet,
  • JavaScript,
  • jne.

Ja kun sinulla on pääsy kuviin, jotka eivät kuulu WordPressin vakiomääritteisiin, voit tehdä niillä enemmän. Kohtalainen tapaus. Lyhyesti sanottuna voit tehdä asioita, kuten:

  1. päästä kuvaan,
  2. aseta tapahtumakäsittelijät,
  3. lisää elementtejä DOM:iin,
  4. määritä mukautettuja tapahtumakäsittelijöitä.

Mutta siinä ei vielä kaikki. Tämä on vain yksi esimerkki.

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

Loppujen lopuksi yksi tärkeimmistä ideoista mukautettujen kuvaattribuuttien lisäämisessä WordPress-kuviin on, että se antaa meille enemmän hallintaa siihen, kuinka voimme käyttää kuviamme, työskennellä niiden, heidän esi-isiensä, jälkeläisten ja muiden kanssa.

Mutta miten käytän tätä, on todennäköisesti erilainen kuin se, miten sinä tai joku muu käytät niitä. Ja tämän sanottuani toivon, että tämä vastaa siihen, miksi tästä voi olla hyötyä.

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja