{"id":23181,"date":"2021-04-25T13:31:00","date_gmt":"2021-04-25T10:31:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23181"},"modified":"2021-10-18T02:51:25","modified_gmt":"2021-10-17T23:51:25","slug":"so-erlauben-sie-die-svg-unterstutzung-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-erlauben-sie-die-svg-unterstutzung-in-wordpress\/","title":{"rendered":"So erlauben Sie die SVG-Unterst\u00fctzung in WordPress"},"content":{"rendered":"

M\u00f6chten Sie SVG-Bilder auf Ihre WordPress-Website hochladen? WordPress erlaubt standardm\u00e4\u00dfig nicht das Hochladen von SVG-Dateien \u00fcber den Medien-Uploader. In diesem Artikel zeigen wir, wie Sie das Hochladen von SVG-Bildern in WordPress zulassen.<\/p>\n

SVG (Scalable Vector Graphics) definiert vektorbasierte Grafiken im XML-Format. Mit anderen Worten, SVG definiert Grafiken im XML-Format. Grafiken von SVG-Dateien verlieren KEINE Qualit\u00e4t, wenn sie gezoomt oder in der Gr\u00f6\u00dfe ge\u00e4ndert werden. Dar\u00fcber hinaus ist die SVG-Dateigr\u00f6\u00dfe klein und daher heutzutage beliebt.<\/p>\n

Wenn Sie in WordPress versuchen, ein SVG-Bild aus dem Medien-Uploader hochzuladen, erhalten Sie die Fehlermeldung "Dieser Dateityp ist aus Sicherheitsgr\u00fcnden leider nicht zul\u00e4ssig.".<\/p>\n

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

Dies liegt daran, dass der SVG-MIME-Typ nicht zu den Standard-MIME-Typen hinzugef\u00fcgt wird, die zum Hochladen in WordPress zugelassen sind. Um die Liste aller Standard-MIME-Typen zu erhalten, kann man die Methode verwenden get_allowed_mime_types()<\/code>. Diese Funktion gibt das Array der MIME-Typen zur\u00fcck.<\/p>\n

Sehen wir uns jedoch an, wie Sie WordPress-Unterst\u00fctzung f\u00fcr SVG-Dateien hinzuf\u00fcgen.<\/p>\n

Hochladen der SVG-Datei zulassen<\/h3>\n

Um Unterst\u00fctzung f\u00fcr SVG-Bilder hinzuzuf\u00fcgen, verwenden wir den Filter, upload_mimes<\/code>der es erm\u00f6glicht, die Liste der akzeptablen Dateierweiterungen WordPress zu \u00e4ndern. Die SVG-Dateiendung ist ‚image\/svg+xml‘. Sie m\u00fcssen also den folgenden Code in Ihre Datei functions.php einf\u00fcgen.<\/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
Durch die Verwendung des upload_mimes<\/code>Filters k\u00f6nnen wir auch das spezifische Dateiformat zum Hochladen in WordPress einschr\u00e4nken. Nehmen wir an, wir m\u00f6chten keine mp4-Dateien zulassen. In diesem Fall sollten wir den folgenden Code in die Datei functions.php einf\u00fcgen.<\/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
Durch das Hinzuf\u00fcgen des obigen kleinen Codest\u00fccks erm\u00f6glichen Sie das Hochladen von SVG-Bildern in eine Medienbibliothek. Wenn Sie jedoch nach dem Hochladen von SVG auf die Auflistungsseite gehen, sehen Sie den Miniaturansichtsabdruck Ihrer SVG-Datei nicht.<\/p>\n
\"So<\/a><\/p>\n
Um das SVG-Thumbnail auf der Listing-Seite anzuzeigen, m\u00fcssen wir eine CSS-Regel hinzuf\u00fcgen, die sich in das WordPress-Dashboard einklinken kann.<\/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
Nachdem Sie den obigen Code in Ihre Datei functions.php eingef\u00fcgt haben, sehen Sie das SVG-Miniaturbild.<\/p>\n
\"So<\/a><\/p>\n
Zum Thema passende Artikel<\/h4>\n