{"id":23178,"date":"2021-04-25T13:45:00","date_gmt":"2021-04-25T10:45:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23178"},"modified":"2021-10-17T21:42:39","modified_gmt":"2021-10-17T18:42:39","slug":"svg-tuen-salliminen-wordpressissa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/svg-tuen-salliminen-wordpressissa\/","title":{"rendered":"SVG-tuen salliminen WordPressiss\u00e4"},"content":{"rendered":"

Etsitk\u00f6 SVG-kuvia WordPress-verkkosivustollesi? WordPress ei oletusarvoisesti salli SVG-tiedostojen lataamista medianlatausohjelman kautta. T\u00e4ss\u00e4 artikkelissa n\u00e4ytet\u00e4\u00e4n, kuinka sallitaan SVG-kuvan lataaminen WordPressiin.<\/p>\n

SVG (Scalable Vector Graphics) m\u00e4\u00e4ritt\u00e4\u00e4 vektoripohjaisen grafiikan XML-muodossa. Toisin sanoen SVG m\u00e4\u00e4rittelee grafiikan XML-muodossa. SVG-tiedostojen grafiikka EI menet\u00e4 mit\u00e4\u00e4n laatua, jos niit\u00e4 zoomataan tai niiden kokoa muutetaan. Lis\u00e4ksi SVG-tiedostokoko on pieni, joten ne ovat suosittuja nyky\u00e4\u00e4n.<\/p>\n

Kun yrit\u00e4t ladata SVG-kuvan median latauslaitteesta WordPressin kohdalla, saat virheilmoituksen, kuten ’Anteeksi, t\u00e4t\u00e4 tiedostotyyppi\u00e4 ei sallita turvallisuussyist\u00e4.’<\/p>\n

\"SVG-tuen<\/a><\/p>\n

T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 SVG MIME -tyyppi\u00e4 ei lis\u00e4t\u00e4 oletusarvoisiin MIME-tyyppeihin, jotka voidaan ladata WordPressiin. Saadaksesi luettelon kaikista oletus MIME-tyypeist\u00e4 voidaan k\u00e4ytt\u00e4\u00e4 menetelm\u00e4\u00e4 get_allowed_mime_types()<\/code>. T\u00e4m\u00e4 toiminto palauttaa MIME-tyyppien taulukon.<\/p>\n

T\u00e4st\u00e4 huolimatta katsotaanpa, kuinka lis\u00e4t\u00e4 WordPress-tuki SVG-tiedostolle.<\/p>\n

Salli SVG-tiedoston lataaminen<\/h3>\n

Lis\u00e4\u00e4m\u00e4\u00e4n tukea SVG-kuvalle k\u00e4yt\u00e4mme suodatinta, upload_mimes<\/code>jonka avulla voidaan muuttaa hyv\u00e4ksytt\u00e4vien WordPress-tiedostotunnisteiden luetteloa. SVG-tiedostotunniste on ’image \/ svg + xml’. Joten sinun on sijoitettava koodin alapuolelle toiminnot.php-tiedostoon.<\/p>\n

function add_svg_mime_types($mimes) {\n\u00a0\u00a0\u00a0\u00a0$mimes['svg'] = 'image\/svg+xml';\n\u00a0\u00a0\u00a0\u00a0return $mimes;\n}\nadd_filter('upload_mimes', 'add_svg_mime_types');<\/code><\/pre>\n
K\u00e4ytt\u00e4m\u00e4ll\u00e4 upload_mimes<\/code>suodatinta, voimme my\u00f6s rajoittaa tietyn tiedostomuodon ladata WordPress. Oletetaan, ett\u00e4 emme halua sallia mp4-tiedostoja. Siin\u00e4 tapauksessa meid\u00e4n tulisi lis\u00e4t\u00e4 alla oleva koodi functions.php-tiedostoon.<\/p>\n
function remove_mime_types($mimes) {\n\u00a0\u00a0\u00a0\u00a0unset($mimes['video\/mp4']);\n}\nadd_filter('upload_mimes', 'remove_mime_types');<\/code><\/pre>\n
Joten lis\u00e4\u00e4m\u00e4ll\u00e4 yll\u00e4 oleva pieni koodikappale sallit SVG-kuvien lataamisen mediakirjastoon. Kun olet siirt\u00e4nyt SVG: n, jos siirryt luettelosivulle, et n\u00e4e SVG-tiedostosi pikkukuvaesityst\u00e4.<\/p>\n
\"SVG-tuen<\/a><\/p>\n
SVG-pikkukuvan n\u00e4ytt\u00e4miseksi luettelosivulla meid\u00e4n on lis\u00e4tt\u00e4v\u00e4 CSS-s\u00e4\u00e4nt\u00f6, joka voidaan liitt\u00e4\u00e4 WordPress-hallintapaneeliin.<\/p>\n
function admin_custom_css() {\n\u00a0\u00a0\u00a0\u00a0echo \"<style>table.media .column-title .media-icon img[src='.svg']{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width: 100%;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height: auto;\n\u00a0\u00a0\u00a0\u00a0}<\/style>\";\n}\n\u00a0\nadd_action( 'admin_head', 'admin_custom_css' );<\/code><\/pre>\n
Kun olet lis\u00e4nnyt yll\u00e4 olevan koodin toiminnot.php-tiedostoon, n\u00e4et SVG-pikkukuvan.<\/p>\n
\"SVG-tuen<\/a><\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n