{"id":26476,"date":"2021-04-25T13:26:00","date_gmt":"2021-04-25T10:26:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26476"},"modified":"2021-10-18T03:55:02","modified_gmt":"2021-10-18T00:55:02","slug":"jak-zezwolic-na-obsluge-svg-w-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-zezwolic-na-obsluge-svg-w-wordpress\/","title":{"rendered":"Jak zezwoli\u0107 na obs\u0142ug\u0119 SVG w WordPress"},"content":{"rendered":"

Czy chcesz przes\u0142a\u0107 obrazy SVG do swojej witryny WordPress? WordPress domy\u015blnie nie pozwala na przesy\u0142anie plik\u00f3w SVG za pomoc\u0105 programu do przesy\u0142ania multimedi\u00f3w. W tym artykule pokazujemy, jak zezwoli\u0107 na przesy\u0142anie obrazu SVG do WordPressa.<\/p>\n

SVG (Scalable Vector Graphics) definiuje grafik\u0119 wektorow\u0105 w formacie XML. Innymi s\u0142owy, SVG definiuje grafik\u0119 w formacie XML. Grafika plik\u00f3w SVG NIE traci \u017cadnej jako\u015bci, je\u015bli zostanie powi\u0119kszona lub zmieniona. Dodatkowo rozmiar pliku SVG jest niewielki i dlatego s\u0105 one popularne w dzisiejszych czasach.<\/p>\n

Je\u015bli chodzi o WordPress, je\u015bli spr\u00f3bujesz przes\u0142a\u0107 obraz SVG z programu do przesy\u0142ania multimedi\u00f3w, pojawi si\u0119 b\u0142\u0105d typu \u201ePrzepraszamy, ten typ pliku jest niedozwolony ze wzgl\u0119d\u00f3w bezpiecze\u0144stwa".<\/p>\n

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

Dzieje si\u0119 tak, poniewa\u017c typ MIME SVG nie jest dodawany do domy\u015blnych typ\u00f3w MIME, kt\u00f3re mo\u017cna przesy\u0142a\u0107 do WordPressa. Aby uzyska\u0107 list\u0119 wszystkich domy\u015blnych typ\u00f3w MIME, mo\u017cna u\u017cy\u0107 metody get_allowed_mime_types()<\/code>. Ta funkcja zwraca tablic\u0119 typ\u00f3w MIME.<\/p>\n

Bior\u0105c to pod uwag\u0119, zobaczmy, jak doda\u0107 obs\u0142ug\u0119 WordPressa dla pliku SVG.<\/p>\n

Zezw\u00f3l na przes\u0142anie pliku SVG<\/h3>\n

Aby doda\u0107 obs\u0142ug\u0119 obrazu SVG, korzystamy z filtra, upload_mimes<\/code>kt\u00f3ry pozwala zmieni\u0107 list\u0119 dopuszczalnych rozszerze\u0144 plik\u00f3w WordPress. Rozszerzenie plik\u00f3w SVG to 'image\/svg+xml’. Musisz wi\u0119c umie\u015bci\u0107 poni\u017cszy kod w swoim pliku functions.php.<\/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
Korzystaj\u0105c z upload_mimes<\/code>filtra, mo\u017cemy r\u00f3wnie\u017c ograniczy\u0107 okre\u015blony format pliku do za\u0142adowania w WordPress. Powiedzmy, \u017ce nie chcemy zezwala\u0107 na pliki mp4. W takim przypadku powinni\u015bmy doda\u0107 poni\u017cszy kod w pliku functions.php.<\/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
Dodaj\u0105c powy\u017cszy ma\u0142y fragment kodu, umo\u017cliwisz przesy\u0142anie obraz\u00f3w SVG do biblioteki multimedi\u00f3w. Jednak po przes\u0142aniu SVG, je\u015bli przejdziesz do strony aukcji, nie zobaczysz miniatury pliku SVG.<\/p>\n
\"Jak<\/a><\/p>\n
Aby wy\u015bwietli\u0107 miniatur\u0119 SVG na stronie aukcji, musimy doda\u0107 regu\u0142\u0119 CSS, kt\u00f3ra mo\u017ce podpi\u0105\u0107 si\u0119 do pulpitu WordPress.<\/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
Po dodaniu powy\u017cszego kodu w pliku functions.php zobaczysz miniatur\u0119 SVG.<\/p>\n
\"Jak<\/a><\/p>\n
Powi\u0105zane artyku\u0142y<\/h4>\n