{"id":229883,"date":"2022-11-12T18:57:00","date_gmt":"2022-11-12T15:57:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229883"},"modified":"2022-11-09T19:08:06","modified_gmt":"2022-11-09T16:08:06","slug":"mukautettujen-wordpress-kuvamaeaeritteiden-lisaeaeminen","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/mukautettujen-wordpress-kuvamaeaeritteiden-lisaeaeminen\/","title":{"rendered":"Mukautettujen WordPress-kuvam\u00e4\u00e4ritteiden lis\u00e4\u00e4minen"},"content":{"rendered":"

Mit\u00e4 tulee the_content -sovelluksen k\u00e4ytt\u00e4miseen<\/strong>, se on yksinkertaista.<\/p>\n

    \n
  1. M\u00e4\u00e4rit\u00e4 suodatin, joka on koukussa the_content,<\/strong><\/li>\n
  2. m\u00e4\u00e4ritt\u00e4\u00e4 funktio, joka hyv\u00e4ksyy saapuvan viestin sis\u00e4ll\u00f6n,<\/li>\n
  3. tee muutokset,<\/li>\n
  4. palauttaa muokatun sis\u00e4ll\u00f6n.<\/li>\n<\/ol>\n

    Ja useimmiten t\u00e4m\u00e4 on kaikki mit\u00e4 tarvitaan. Mutta on aikoja, jolloin saatat haluta tehd\u00e4 edistyneempi\u00e4 asioita.<\/p>\n

    Haluat ehk\u00e4 esimerkiksi sis\u00e4llytt\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4 ulkoisesta mallista<\/a>. Tai ehk\u00e4 haluat lis\u00e4t\u00e4 attribuutteja kuviin, jotka l\u00f6yd\u00e4t viestist\u00e4.<\/p>\n

    T\u00e4m\u00e4 voi olla vaikeaa tehd\u00e4 s\u00e4\u00e4nn\u00f6llisell\u00e4 lausekkeella (koska HTML on ep\u00e4s\u00e4\u00e4nn\u00f6llinen kieli), mutta PHP:n DOMDocumentin<\/a> avulla se ei ole huono asia.<\/p>\n

    Ajatus t\u00e4m\u00e4n koodin takana, jonka aion n\u00e4ytt\u00e4\u00e4, on seuraava:<\/p>\n

      \n
    1. etsi\u00a0 viestist\u00e4 img<\/strong> – tunnisteita,<\/li>\n
    2. k\u00e4yd\u00e4 l\u00e4pi mit\u00e4 l\u00f6ytyy,<\/li>\n
    3. lis\u00e4\u00e4 attribuutit,<\/li>\n
    4. tallenna HTML,<\/li>\n
    5. palauta tulos.<\/li>\n<\/ol>\n

      Huomaa, ett\u00e4 saatat joutua s\u00e4\u00e4t\u00e4m\u00e4\u00e4n t\u00e4t\u00e4 omien tarpeidesi mukaan, mutta tarvitsemasi peruskoodi on<\/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
      Niille, jotka eiv\u00e4t tunne DOMDocumentia ja mit\u00e4 yll\u00e4 olevassa koodissa tapahtuu (kuten miksi tiettyj\u00e4 toimintoja kutsutaan ennen merkinn\u00e4n k\u00e4sittely\u00e4), t\u00e4ss\u00e4 on lyhyt yhteenveto:<\/p>\n