{"id":230117,"date":"2022-11-12T18:49:00","date_gmt":"2022-11-12T15:49:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230117"},"modified":"2022-11-09T20:10:13","modified_gmt":"2022-11-09T17:10:13","slug":"aggiunta-di-attributi-immagine-wordpress-personalizzati","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/aggiunta-di-attributi-immagine-wordpress-personalizzati\/","title":{"rendered":"Aggiunta di attributi immagine WordPress personalizzati"},"content":{"rendered":"

Quando si tratta di lavorare con the_content<\/strong>, \u00e8 semplice.<\/p>\n

    \n
  1. Imposta un filtro che sia collegato a the_content,<\/strong><\/li>\n
  2. definire una funzione che accetti il \u200b\u200bcontenuto dei post in arrivo,<\/li>\n
  3. apporta le tue modifiche,<\/li>\n
  4. restituire il contenuto modificato.<\/li>\n<\/ol>\n

    E la maggior parte delle volte, questo \u00e8 tutto ci\u00f2 che serve. Ma ci sono momenti in cui potresti voler fare cose pi\u00f9 avanzate.<\/p>\n

    Ad esempio, potresti voler includere il contenuto da un modello esterno<\/a>. O forse vorrai aggiungere attributi alle immagini che trovi nel post.<\/p>\n

    Pu\u00f2 essere difficile farlo usando un’espressione regolare (perch\u00e9 HTML \u00e8 un linguaggio non regolare) ma con l’aiuto di DOMDocument<\/a> di PHP, non \u00e8 poi cos\u00ec male.<\/p>\n

    L’idea alla base di quel codice che sto per mostrare \u00e8 la seguente:<\/p>\n

      \n
    1. cerca i\u00a0 tag img<\/strong> nel post,<\/li>\n
    2. scorrere tutto ci\u00f2 che viene trovato,<\/li>\n
    3. aggiungi gli attributi,<\/li>\n
    4. salva l’HTML,<\/li>\n
    5. restituire il risultato.<\/li>\n<\/ol>\n

      Tieni presente che potrebbe essere necessario modificarlo in base alle tue esigenze, ma il codice di base di cui avrai bisogno \u00e8<\/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
      Per coloro che non hanno familiarit\u00e0 con DOMDocument e cosa sta succedendo nel codice sopra (come nel motivo per cui alcune funzioni vengono chiamate prima di elaborare il markup), ecco una rapida carrellata:<\/p>\n