{"id":229319,"date":"2022-11-15T16:57:00","date_gmt":"2022-11-15T13:57:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229319"},"modified":"2022-11-15T16:58:34","modified_gmt":"2022-11-15T13:58:34","slug":"wiecej-informacji-o-tym-dlaczego-niestandardowe-atrybuty-obrazu-sa-przydatne","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/wiecej-informacji-o-tym-dlaczego-niestandardowe-atrybuty-obrazu-sa-przydatne\/","title":{"rendered":"Wi\u0119cej informacji o tym, dlaczego niestandardowe atrybuty obrazu s\u0105 przydatne"},"content":{"rendered":"<h2>Dlaczego niestandardowe atrybuty obrazu s\u0105 przydatne<\/h2>\n<p>Za ka\u017cdym razem, gdy dodajesz niestandardowe atrybuty do obraz\u00f3w (i zazwyczaj my\u015bl\u0119 o nich jako o takich rzeczach jak <strong>data-type=&quot;acme&#8221;,<\/strong> ale tak naprawd\u0119 mog\u0105 to by\u0107 atrybuty klas, identyfikatory itp., chocia\u017c istniej\u0105 inne filtry dla niekt\u00f3rych rzeczy).<\/p>\n<p>Uzyskiwanie dost\u0119pu do obraz\u00f3w za pomoc\u0105 niestandardowych atrybut\u00f3w obrazu.Uzyskiwanie dost\u0119pu do obraz\u00f3w za pomoc\u0105 niestandardowych atrybut\u00f3w obrazu.<\/p>\n<p>W ka\u017cdym razie dodanie niestandardowych atrybut\u00f3w obrazu mo\u017ce doda\u0107 wiele umiej\u0119tno\u015bci, kt\u00f3rych normalnie nie mamy. Poza prostym u\u0142atwieniem stylizowania obraz\u00f3w, umo\u017cliwia nam r\u00f3wnie\u017c korzystanie z nich w celu uzyskania dost\u0119pu do obraz\u00f3w na wiele r\u00f3\u017cnych sposob\u00f3w.<\/p>\n<p>Oznacza to, \u017ce mo\u017cemy uzyska\u0107 do nich dost\u0119p za pomoc\u0105:<\/p>\n<ul>\n<li>selektory CSS,<\/li>\n<li>JavaScript,<\/li>\n<li>itp.<\/li>\n<\/ul>\n<p>A kiedy masz dost\u0119p do obraz\u00f3w spoza standardowych atrybut\u00f3w WordPressa, mo\u017cesz z nimi zrobi\u0107 wi\u0119cej. <a href=\"https:\/\/wordpress.mediadoma.com\/pl\/kiedy-funkcja-klonowania-jquery-jest-przydatna\/\" title=\"Przyk\u0142ad w pkt\">Przyk\u0142ad w pkt<\/a>. Kr\u00f3tko m\u00f3wi\u0105c, mo\u017cesz robi\u0107 takie rzeczy jak:<\/p>\n<ol>\n<li>uzyska\u0107 dost\u0119p do obrazu,<\/li>\n<li>konfigurowanie obs\u0142ugi zdarze\u0144,<\/li>\n<li>doda\u0107 elementy do DOM,<\/li>\n<li>skonfigurowa\u0107 niestandardowe programy obs\u0142ugi zdarze\u0144.<\/li>\n<\/ol>\n<p>Ale to nie wszystko. To tylko jeden przyk\u0142ad.<\/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>Ostatecznie jednym z g\u0142\u00f3wnych pomys\u0142\u00f3w na dodanie niestandardowych atrybut\u00f3w obrazu do obraz\u00f3w WordPress jest to, \u017ce daje nam wi\u0119ksz\u0105 kontrol\u0119 nad tym, w jaki spos\u00f3b mo\u017cemy uzyska\u0107 dost\u0119p do naszych obraz\u00f3w, pracowa\u0107 z nimi, ich przodkami, potomkami i nie tylko.<\/p>\n<p>Ale spos\u00f3b, w jaki to wykorzystam, prawdopodobnie b\u0119dzie inny ni\u017c spos\u00f3b, w jaki ty lub ktokolwiek inny b\u0119dzie ich u\u017cywa\u0142. Powiedziawszy to, mam nadziej\u0119, \u017ce to odpowiada, dlaczego mo\u017ce to by\u0107 przydatne.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zanim spr\u00f3bujesz doda\u0107 niestandardowe atrybuty obrazu do obraz\u00f3w WordPress, warto najpierw zrozumie\u0107, dlaczego chcemy to zrobi\u0107.<\/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":[721,919,897,845,866],"tags":[1169],"class_list":["post-229319","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deweloper","category-inny","category-kod","category-samouczki","category-wordpress-7","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/229319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=229319"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/229319\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/165579"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=229319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=229319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=229319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}