{"id":230227,"date":"2022-11-15T16:14:00","date_gmt":"2022-11-15T13:14:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230227"},"modified":"2022-11-15T16:18:18","modified_gmt":"2022-11-15T13:18:18","slug":"ulteriori-informazioni-sul-motivo-per-cui-gli-attributi-immagine-personalizzati-sono-utili","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/ulteriori-informazioni-sul-motivo-per-cui-gli-attributi-immagine-personalizzati-sono-utili\/","title":{"rendered":"Ulteriori informazioni sul motivo per cui gli attributi immagine personalizzati sono utili"},"content":{"rendered":"<h2>Perch\u00e9 gli attributi immagine personalizzati sono utili<\/h2>\n<p>Ogni volta che aggiungi attributi personalizzati alle immagini (e in genere li considero cose come <strong>data-type=&quot;acme&quot;,<\/strong> ma potrebbero davvero essere qualsiasi cosa come attributi di classe, ID, ecc. Sebbene ci siano altri filtri per determinate cose).<\/p>\n<p>Accesso alle immagini tramite attributi immagine personalizzati. Accesso alle immagini tramite attributi immagine personalizzati.<\/p>\n<p>Ad ogni modo, l&#8217;aggiunta di attributi di immagine personalizzati pu\u00f2 aggiungere una moltitudine di abilit\u00e0 che normalmente non abbiamo. Oltre a semplificare lo stile delle immagini, ci consente anche di utilizzarle per accedere alle immagini in una variet\u00e0 di modi diversi.<\/p>\n<p>Cio\u00e8, possiamo accedervi usando:<\/p>\n<ul>\n<li>Selettori CSS,<\/li>\n<li>JavaScript,<\/li>\n<li>eccetera.<\/li>\n<\/ul>\n<p>E quando hai accesso a immagini al di fuori degli attributi standard di WordPress, puoi fare di pi\u00f9 con esse. <a href=\"https:\/\/wordpress.mediadoma.com\/it\/quando-e-utile-la-funzione-di-clonazione-di-jquery\/\" title=\"Caso in questione\">Caso in questione<\/a>. In breve, puoi fare cose come:<\/p>\n<ol>\n<li>accedere a un&#8217;immagine,<\/li>\n<li>configurare i gestori di eventi,<\/li>\n<li>aggiungere elementi al DOM,<\/li>\n<li>configurare gestori di eventi personalizzati.<\/li>\n<\/ol>\n<p>Ma non \u00e8 tutto. Questo \u00e8 solo un esempio.<\/p>\n<pre><code>&lt;?php\n\nprivate function addImageAttributes($content)\n{\n\n  $content  = mb_convert_encoding($content, 'HTML-ENTITIES', \"UTF-8\");\n  $document = new DOMDocument();\n\n  libxml_use_internal_errors(true);\n  $document-&gt;loadHTML(utf8_decode($content));\n\n  $images = $document-&gt;getElementsByTagName('img');\n  foreach ($images as $image) {\n      $image-&gt;setAttribute('data-example', 'true');\n  }\n\n  return $document-&gt;saveHTML();\n}<\/code><\/pre>\n<p>In definitiva, una delle idee principali alla base della possibilit\u00e0 di aggiungere attributi di immagine personalizzati alle immagini di WordPress \u00e8 che ci d\u00e0 un maggiore controllo su come possiamo accedere alle nostre immagini, lavorare con loro, i loro antenati, discendenti e altro ancora.<\/p>\n<p>Ma il modo in cui lo uso sar\u00e0 probabilmente diverso da come lo userai tu o chiunque altro. E detto questo, spero che questo risponda perch\u00e9 questo pu\u00f2 essere utile.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prima di provare ad aggiungere attributi di immagine personalizzati alle immagini di WordPress, vale la pena capire perch\u00e9 potremmo volerlo fare in primo luogo.<\/p>\n","protected":false},"author":1,"featured_media":165579,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[918,896,720,844,865],"tags":[1168],"class_list":["post-230227","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-altro","category-codice","category-sviluppatore","category-tutorial","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/230227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=230227"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/230227\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/165579"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=230227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=230227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=230227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}