{"id":7588,"date":"2021-10-07T09:35:29","date_gmt":"2021-10-07T02:35:29","guid":{"rendered":"https:\/\/www.jetorbit.com\/panduan\/?p=7588"},"modified":"2022-08-08T14:49:44","modified_gmt":"2022-08-08T07:49:44","slug":"cara-upload-file-svg-di-wordpress","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/panduan\/cara-upload-file-svg-di-wordpress\/","title":{"rendered":"Cara Upload File Svg di WordPress"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Daftar Isi Artikel<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.jetorbit.com\/panduan\/cara-upload-file-svg-di-wordpress\/#Cara_Kerja_SVG\" >Cara Kerja SVG<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.jetorbit.com\/panduan\/cara-upload-file-svg-di-wordpress\/#Cara_Upload_File_Svg_di_WordPress\" >Cara Upload File Svg di WordPress<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.jetorbit.com\/panduan\/cara-upload-file-svg-di-wordpress\/#1_Upload_FIle_SVG_dengan_Plugin_SVG_Support\" >1. Upload FIle SVG dengan Plugin SVG Support<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.jetorbit.com\/panduan\/cara-upload-file-svg-di-wordpress\/#2_Upload_FIle_SVG_dengan_Plugin_Safe_SVG\" >2. Upload FIle SVG dengan Plugin Safe SVG<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.jetorbit.com\/panduan\/cara-upload-file-svg-di-wordpress\/#Kesimpulan\" >Kesimpulan<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>File SVG adalah salah satu file baru yang ada di dunia File EKstensi Gambar, SVG atau Scalable Vector Graphics adalah format file yang mendefinisikan grafik vektor yang menggunakan bahasa markup XML. Manfaat utama SVG adalah memungkinkan Anda memperbesar gambar tanpa kehilangan kualitas dari gambar Aslinya.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cara_Kerja_SVG\"><\/span>Cara Kerja SVG<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Scalable Vector Graphics (SVG) adalah teknologi yang menampilkan gambar dua dimensi menggunakan XML. SVG berbeda dari format gambar yang umum digunakan seperti PNG, GIF, atau JPEG.<\/p>\n\n\n\n<p>Jika Anda mengambil <a href=\"https:\/\/www.jetorbit.com\/blog\/format-gambar-terbaik-untuk-web-berkualitas-tinggi-dan-ukuran-file-kecil\/\">file gambar<\/a> png \/ jpeg dan memperbesar, maka Anda akan melihat bahwa gambar akan mulai kabur dan menjadi pixelated.<\/p>\n\n\n\n<p>Grafik vektor tidak menggunakan piksel. Sebagai gantinya, mereka menggunakan peta dua dimensi yang mendefinisikan grafik. Saat Anda memperbesar, gambar tidak berpiksel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"549\" height=\"266\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2021\/09\/Cara-Upload-File-Svg-di-Wordpress.png\" alt=\"Cara Upload File Svg di WordPress\" class=\"wp-image-7589\" srcset=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2021\/09\/Cara-Upload-File-Svg-di-Wordpress.png 549w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2021\/09\/Cara-Upload-File-Svg-di-Wordpress-300x145.png 300w\" sizes=\"(max-width: 549px) 100vw, 549px\" \/><\/figure>\n\n\n\n<p>Grafik vektor biasanya digunakan untuk font ikon, logo situs web, dan gambar merek. Anda mungkin ingin menambahkan file SVG di WordPress untuk logo perusahaan, ikon, atau grafik lainnya.<\/p>\n\n\n\n<p>Namun kekurangan dari file SVG ini adalah dalam segi keamananya, Untuk itu ketika mengupload ke WordPress maka akan muncul Pesan error :<\/p>\n\n\n\n<p><em><a href=\"http:\/\/jetorbit.com\/panduan\/cara-mengatasi-sorry-this-file-type-is-not-permitted-for-security-reasons-di-wordpress\" target=\"_blank\" rel=\"noopener\">Sorry, this file type is not permitted for security reasons.<\/a><\/em><\/p>\n\n\n\n<p>Untuk itu pada panduan ini kami akan membahas terkait Cara Upload File Svg di WordPress<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cara_Upload_File_Svg_di_WordPress\"><\/span>Cara Upload File Svg di WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Untuk saat ini cara untuk mengupload file SVG pada wordpress harus menggunakan Plugin, Berikut adalah 2 plugin yang harus anda install untuk dapat mengupload File SVG<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Upload_FIle_SVG_dengan_Plugin_SVG_Support\"><\/span>1. Upload FIle SVG dengan Plugin SVG Support<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Yang pertama anda dapat menggunakan plugin SVG support, CUkup install plugin <a href=\"https:\/\/wordpress.org\/plugins\/svg-support\/\" rel=\"nofollow noopener\" target=\"_blank\">SVG Support<\/a>. kemudian aktivasi plugin tersebut.<\/p>\n\n\n\n<p>Setelah aktivasi, Pergi ke halaman <strong>Settings \u00bb SVG Support<\/strong> untuk mengonfigurasi pengaturan plugin.<\/p>\n\n\n\n<p>Pada halaman pengaturan, centang opsi &#8216;<strong>Restrict to Administrators ?<\/strong>&#8216;. Ini akan mengijinkan administrator situs untuk mengunggah file SVG di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"550\" height=\"307\" src=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2021\/09\/Cara-Upload-File-Svg-di-Wordpress-2.png\" alt=\"Cara Upload File Svg di WordPress\" class=\"wp-image-7590\" srcset=\"https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2021\/09\/Cara-Upload-File-Svg-di-Wordpress-2.png 550w, https:\/\/www.jetorbit.com\/panduan\/wp-content\/uploads\/2021\/09\/Cara-Upload-File-Svg-di-Wordpress-2-300x167.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/figure>\n\n\n\n<p>Setelah di aktifkan Klik <strong>Save Changes<\/strong>. <\/p>\n\n\n\n<p>Berikutnya anda dapat mengupload FIle SVG ke dalam wordpress anda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Upload_FIle_SVG_dengan_Plugin_Safe_SVG\"><\/span>2. Upload FIle SVG dengan Plugin Safe SVG<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Metode ini juga menggunakan plugin dan memungkinkan Anda Untuk mengupload dile SVG ke dalam wordpress anda.<\/p>\n\n\n\n<p>Metodenya cukup sama yakni install saja Plugin <a href=\"https:\/\/wordpress.org\/plugins\/safe-svg\/\" rel=\"noreferrer noopener nofollow\" target=\"_blank\">Safe SVG<\/a> kemudian jangan lupa di aktivasi.<\/p>\n\n\n\n<p>Untuk plugin ini tidak ada pengaturan tambahan, jadi setelah plugin di aktivasi maka Anda bisa langsung memasukan file SVG pada wordpress anda.<\/p>\n\n\n\n<p>Setelah plugin ini aktif maka semua user yang ada pada wordpress anda sudah bisa mengupload file SVG tanpa ijin Admin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Kesimpulan\"><\/span>Kesimpulan<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>File SVG ini memang masih terdeteksi tidak aman pada wordpress, jadi anda harus menambahkan Plugin tambahan untuk bisa mengupload FIle SVG pada wordpress.<\/p>\n\n\n\n<p>Demikian panduan Cara Upload File Svg di WordPress, semoga bermanfaat \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>File SVG adalah salah satu file baru yang ada di dunia File EKstensi Gambar, SVG atau Scalable Vector Graphics adalah format file yang mendefinisikan grafik vektor yang menggunakan bahasa markup XML. Manfaat utama SVG adalah memungkinkan Anda memperbesar gambar tanpa kehilangan kualitas dari gambar Aslinya. Cara Kerja SVG Scalable Vector Graphics (SVG) adalah teknologi yang [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":2809,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[512],"class_list":["post-7588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-pada-panduan-ini-kami-akan-membahas-terkait-cara-upload-file-svg-di-wordpress"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts\/7588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/comments?post=7588"}],"version-history":[{"count":6,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts\/7588\/revisions"}],"predecessor-version":[{"id":8346,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/posts\/7588\/revisions\/8346"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/media\/2809"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/media?parent=7588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/categories?post=7588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/panduan\/wp-json\/wp\/v2\/tags?post=7588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}