{"id":229767,"date":"2022-11-12T18:58:00","date_gmt":"2022-11-12T15:58:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229767"},"modified":"2022-11-09T16:17:59","modified_gmt":"2022-11-09T13:17:59","slug":"ajout-dattributs-dimage-wordpress-personnalises","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/ajout-dattributs-dimage-wordpress-personnalises\/","title":{"rendered":"Ajout d’attributs d’image WordPress personnalis\u00e9s"},"content":{"rendered":"

Quand il s’agit de travailler avec the_content<\/strong>, c’est simple.<\/p>\n

    \n
  1. Configurez un filtre qui est accroch\u00e9 \u00e0 the_content,<\/strong><\/li>\n
  2. d\u00e9finir une fonction qui accepte le contenu des messages entrants,<\/li>\n
  3. apportez vos modifications,<\/li>\n
  4. renvoie le contenu modifi\u00e9.<\/li>\n<\/ol>\n

    Et la plupart du temps, c’est tout ce qui est n\u00e9cessaire. Mais il y a des moments o\u00f9 vous voudrez peut-\u00eatre faire des choses plus avanc\u00e9es.<\/p>\n

    Par exemple, vous souhaiterez peut-\u00eatre inclure le contenu d’un mod\u00e8le externe<\/a>. Ou peut-\u00eatre voudrez-vous ajouter des attributs aux images que vous trouverez dans le message.<\/p>\n

    Il peut \u00eatre difficile de le faire en utilisant une expression r\u00e9guli\u00e8re (car HTML est un langage non r\u00e9gulier) mais avec l’aide de DOMDocument<\/a> de PHP, ce n’est pas si mal.<\/p>\n

    L’id\u00e9e derri\u00e8re ce code que je suis sur le point de montrer est la suivante:<\/p>\n

      \n
    1. rechercher les balises img dans le message,<\/strong><\/li>\n
    2. parcourir tout ce qui est trouv\u00e9,<\/li>\n
    3. ajouter les attributs,<\/li>\n
    4. enregistrer le HTML,<\/li>\n
    5. retourner le r\u00e9sultat.<\/li>\n<\/ol>\n

      Notez que vous devrez peut-\u00eatre ajuster cela en fonction de vos propres besoins, mais le code de base dont vous aurez besoin est<\/a>\u00a0:<\/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
      Pour ceux qui ne connaissent pas DOMDocument et ce qui se passe dans le code ci-dessus (par exemple, pourquoi certaines fonctions sont appel\u00e9es avant de traiter le balisage), voici un bref aper\u00e7u\u00a0:<\/p>\n