{"id":229436,"date":"2022-11-15T16:54:00","date_gmt":"2022-11-15T13:54:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229436"},"modified":"2022-11-15T16:58:20","modified_gmt":"2022-11-15T13:58:20","slug":"lisateave-selle-kohta-miks-kohandatud-pildiatribuudid-on-kasulikud","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/lisateave-selle-kohta-miks-kohandatud-pildiatribuudid-on-kasulikud\/","title":{"rendered":"Lisateave selle kohta, miks kohandatud pildiatribuudid on kasulikud"},"content":{"rendered":"<h2>Miks on kohandatud pildiatribuudid kasulikud?<\/h2>\n<p>Iga kord, kui lisate piltidele kohandatud atribuute (ja ma pean nendeks tavaliselt selliseid asju nagu <strong>data-type=&quot;acme&#8221;,<\/strong> aga need v\u00f5ivad olla midagi klassiatribuudid, ID-d jne, kuigi teatud asjade jaoks on ka teisi filtreid).<\/p>\n<p>Juurdep\u00e4\u00e4s piltidele kohandatud pildiatribuutide kaudu. Juurdep\u00e4\u00e4s piltidele kohandatud pildiatribuutide kaudu.<\/p>\n<p>Igatahes v\u00f5ib kohandatud pildiatribuutide lisamine lisada palju v\u00f5imalusi, mida meil tavaliselt pole. Lisaks piltide stiili lihtsamaks muutmisele v\u00f5imaldab see meil neid kasutada ka piltidele mitmel erineval viisil juurde p\u00e4\u00e4semiseks.<\/p>\n<p>See t\u00e4hendab, et p\u00e4\u00e4seme neile juurde, kasutades:<\/p>\n<ul>\n<li>CSS-i valijad,<\/li>\n<li>JavaScript,<\/li>\n<li>jne.<\/li>\n<\/ul>\n<p>Ja kui teil on juurdep\u00e4\u00e4s piltidele v\u00e4ljaspool standardseid WordPressi atribuute, saate nendega rohkem \u00e4ra teha. <a href=\"https:\/\/wordpress.mediadoma.com\/et\/millal-on-jquery-kloonifunktsioon-kasulik\/\" title=\"Juhtum\">Juhtum<\/a>. L\u00fchidalt, saate teha selliseid asju nagu:<\/p>\n<ol>\n<li>p\u00e4\u00e4seda juurde pildile,<\/li>\n<li>s\u00fcndmuste t\u00f6\u00f6tlejate seadistamine,<\/li>\n<li>lisage DOM-i elemente,<\/li>\n<li>seadistage kohandatud s\u00fcndmuste t\u00f6\u00f6tlejad.<\/li>\n<\/ol>\n<p>Kuid see pole veel k\u00f5ik. See on vaid \u00fcks n\u00e4ide.<\/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>L\u00f5ppkokkuv\u00f5ttes on WordPressi piltidele kohandatud pildiatribuutide lisamise \u00fcks peamisi ideid see, et see annab meile suurema kontrolli selle \u00fcle, kuidas oma piltidele juurde p\u00e4\u00e4seda, nendega t\u00f6\u00f6tada, nende esivanemaid, j\u00e4reltulijaid ja palju muud.<\/p>\n<p>Kuid see, kuidas ma seda kasutan, erineb t\u00f5en\u00e4oliselt sellest, kuidas teie v\u00f5i keegi teine \u200b\u200bneid kasutate. Seda arvestades loodan, et see annab vastuse, miks see v\u00f5ib olla kasulik.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enne WordPressi piltidele kohandatud pildiatribuutide lisamist tasub m\u00f5ista, miks me v\u00f5iksime seda \u00fcldse teha.<\/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":[718,894,916,842,863],"tags":[1165],"class_list":["post-229436","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-kood","category-muud","category-opetused","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/229436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=229436"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/229436\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/165579"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=229436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=229436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=229436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}