{"id":229866,"date":"2022-11-12T18:37:00","date_gmt":"2022-11-12T15:37:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229866"},"modified":"2022-11-09T16:44:24","modified_gmt":"2022-11-09T13:44:24","slug":"adicionando-atributos-de-imagem-personalizados-do-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/adicionando-atributos-de-imagem-personalizados-do-wordpress\/","title":{"rendered":"Adicionando atributos de imagem personalizados do WordPress"},"content":{"rendered":"

Quando se trata de trabalhar com the_content<\/strong>, \u00e9 simples.<\/p>\n

    \n
  1. Configure um filtro que esteja conectado a the_content,<\/strong><\/li>\n
  2. definir uma fun\u00e7\u00e3o que aceite o conte\u00fado do post recebido,<\/li>\n
  3. fa\u00e7a suas altera\u00e7\u00f5es,<\/li>\n
  4. retornar o conte\u00fado modificado.<\/li>\n<\/ol>\n

    E na maioria das vezes, isso \u00e9 tudo o que \u00e9 necess\u00e1rio. Mas h\u00e1 momentos em que voc\u00ea pode querer fazer coisas mais avan\u00e7adas.<\/p>\n

    Por exemplo, talvez voc\u00ea queira incluir conte\u00fado de um modelo externo<\/a>. Ou talvez voc\u00ea queira adicionar atributos \u00e0s imagens que encontrar na postagem.<\/p>\n

    Pode ser dif\u00edcil fazer isso usando uma express\u00e3o regular (porque HTML \u00e9 uma linguagem n\u00e3o regular), mas com a ajuda do DOMDocument<\/a> do PHP, n\u00e3o \u00e9 t\u00e3o ruim.<\/p>\n

    A ideia por tr\u00e1s desse c\u00f3digo que estou prestes a mostrar \u00e9 a seguinte:<\/p>\n

      \n
    1. procure por\u00a0 tags img<\/strong> no post,<\/li>\n
    2. percorrer o que for encontrado,<\/li>\n
    3. adicione os atributos,<\/li>\n
    4. salve o HTML,<\/li>\n
    5. retornar o resultado.<\/li>\n<\/ol>\n

      Observe que voc\u00ea pode precisar ajustar isso com base em suas pr\u00f3prias necessidades, mas o c\u00f3digo b\u00e1sico necess\u00e1rio \u00e9<\/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
      Para aqueles que n\u00e3o est\u00e3o familiarizados com o DOMDocument e o que est\u00e1 acontecendo no c\u00f3digo acima (como por que certas fun\u00e7\u00f5es s\u00e3o chamadas antes de processar a marca\u00e7\u00e3o), aqui est\u00e1 um resumo r\u00e1pido:<\/p>\n