{"id":229206,"date":"2022-11-12T18:38:00","date_gmt":"2022-11-12T15:38:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229206"},"modified":"2022-11-09T05:58:03","modified_gmt":"2022-11-09T02:58:03","slug":"dodawanie-niestandardowych-atrybutow-obrazu-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/dodawanie-niestandardowych-atrybutow-obrazu-wordpress\/","title":{"rendered":"Dodawanie niestandardowych atrybut\u00f3w obrazu WordPress"},"content":{"rendered":"

Je\u015bli chodzi o prac\u0119 z the_content<\/strong>, jest to proste.<\/p>\n

    \n
  1. Skonfiguruj filtr podpi\u0119ty do the_content,<\/strong><\/li>\n
  2. zdefiniowa\u0107 funkcj\u0119 akceptuj\u0105c\u0105 tre\u015b\u0107 przychodz\u0105cych post\u00f3w,<\/li>\n
  3. dokonaj zmian,<\/li>\n
  4. zwr\u00f3ci\u0107 zmodyfikowan\u0105 zawarto\u015b\u0107.<\/li>\n<\/ol>\n

    I przez wi\u0119kszo\u015b\u0107 czasu to wszystko, co jest potrzebne. Ale s\u0105 chwile, w kt\u00f3rych mo\u017cesz chcie\u0107 robi\u0107 bardziej zaawansowane rzeczy.<\/p>\n

    Na przyk\u0142ad, by\u0107 mo\u017ce b\u0119dziesz chcia\u0142 do\u0142\u0105czy\u0107 tre\u015b\u0107 z zewn\u0119trznego szablonu<\/a>. A mo\u017ce zechcesz doda\u0107 atrybuty do obraz\u00f3w, kt\u00f3re znajdziesz w po\u015bcie.<\/p>\n

    Mo\u017ce to by\u0107 trudne przy u\u017cyciu wyra\u017cenia regularnego (poniewa\u017c HTML nie jest j\u0119zykiem regularnym), ale z pomoc\u0105 DOMDocument<\/a> PHP nie jest tak \u017ale.<\/p>\n

    Idea tego kodu, kt\u00f3ry zamierzam pokaza\u0107, jest nast\u0119puj\u0105ca:<\/p>\n

      \n
    1. poszukaj tag\u00f3w img w po\u015bcie,<\/strong><\/li>\n
    2. przejd\u017a przez wszystko, co zostanie znalezione,<\/li>\n
    3. dodaj atrybuty,<\/li>\n
    4. zapisz kod HTML,<\/li>\n
    5. zwr\u00f3\u0107 wynik.<\/li>\n<\/ol>\n

      Pami\u0119taj, \u017ce mo\u017ce by\u0107 konieczne dostosowanie tego do w\u0142asnych potrzeb, ale podstawowy kod , kt\u00f3rego b\u0119dziesz potrzebowa\u0107, to<\/a> :<\/p>\n

      <?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->loadHTML(utf8_decode($content));\n\n  $images = $document->getElementsByTagName('img');\n  foreach ($images as $image) {\n      $image->setAttribute('data-example', 'true');\n  }\n\n  return $document->saveHTML();\n}<\/code><\/pre>\n
      Dla tych, kt\u00f3rzy nie s\u0105 zaznajomieni z DOMDocument i tym, co dzieje si\u0119 w powy\u017cszym kodzie (np. dlaczego niekt\u00f3re funkcje s\u0105 wywo\u0142ywane przed przetworzeniem znacznik\u00f3w), oto kr\u00f3tkie podsumowanie:<\/p>\n