{"id":26559,"date":"2021-04-25T13:42:00","date_gmt":"2021-04-25T10:42:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26559"},"modified":"2021-10-17T05:39:36","modified_gmt":"2021-10-17T02:39:36","slug":"hur-man-tillater-svg-stod-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-tillater-svg-stod-i-wordpress\/","title":{"rendered":"Hur man till\u00e5ter SVG-st\u00f6d i WordPress"},"content":{"rendered":"

Vill du ladda upp SVG-bilder till din WordPress-webbplats? WordPress till\u00e5ter som standard inte att ladda upp SVG-filer via medieuppladdaren. I den h\u00e4r artikeln visar vi hur SVG-bilder kan laddas upp till WordPress.<\/p>\n

SVG (Scalable Vector Graphics) definierar vektorbaserad grafik i XML-format. SVG definierar med andra ord grafik i XML-format. SVG-filer tappar INTE n\u00e5gon kvalitet om de zoomas eller \u00e4ndras. Dessutom \u00e4r SVG-filstorleken liten och d\u00e4rf\u00f6r \u00e4r de popul\u00e4ra idag.<\/p>\n

N\u00e4r det g\u00e4ller WordPress, om du f\u00f6rs\u00f6ker ladda upp SVG-bild fr\u00e5n medieuppladdaren f\u00e5r du felet som "Tyv\u00e4rr, den h\u00e4r filtypen \u00e4r inte till\u00e5ten av s\u00e4kerhetssk\u00e4l."<\/p>\n

\"Hur<\/a><\/p>\n

Detta beror p\u00e5 att SVG MIME-typen inte l\u00e4ggs till i standard MIME-typerna som f\u00e5r laddas upp till WordPress. F\u00f6r att f\u00e5 en lista \u00f6ver alla standard MIME-typer kan man anv\u00e4nda metoden get_allowed_mime_types()<\/code>. Denna funktion returnerar arrayen av MIME-typer.<\/p>\n

Med det sagt, l\u00e5t oss se hur man l\u00e4gger till WordPress-st\u00f6d f\u00f6r SVG-fil.<\/p>\n

L\u00e5t SVG-fil \u00f6verf\u00f6ras<\/h3>\n

F\u00f6r att l\u00e4gga till st\u00f6d f\u00f6r SVG-avbildningen anv\u00e4nder vi filtret upload_mimes<\/code>som g\u00f6r det m\u00f6jligt att \u00e4ndra listan \u00f6ver godtagbara filtill\u00e4gg WordPress. SVG-filtill\u00e4gget \u00e4r ’image \/ svg + xml’. S\u00e5 du m\u00e5ste placera under koden i din functions.php-fil.<\/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
Genom att anv\u00e4nda upload_mimes<\/code>filtret kan vi ocks\u00e5 begr\u00e4nsa det specifika filformat som ska laddas upp i WordPress. L\u00e5t oss s\u00e4ga att vi inte vill till\u00e5ta mp4-filer. I s\u00e5 fall b\u00f6r vi l\u00e4gga till koden nedan i functions.php-filen.<\/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
S\u00e5 genom att l\u00e4gga till ovanst\u00e5ende lilla kod, till\u00e5ter du att ladda upp SVG-bilder i ett mediebibliotek. Efter att ha laddat upp SVG om du g\u00e5r till listningssidan ser du dock inte miniatyrbilden av din SVG-fil.<\/p>\n
\"Hur<\/a><\/p>\n
F\u00f6r att visa SVG-miniatyren p\u00e5 listningssidan m\u00e5ste vi l\u00e4gga till en CSS-regel som kan anslutas till WordPress-instrumentpanelen.<\/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
Efter att ha lagt till ovanst\u00e5ende kod i din functions.php-fil ser du SVG-miniatyren.<\/p>\n
\"Hur<\/a><\/p>\n
relaterade artiklar<\/h4>\n