Cara Menambahkan SVG di WordPress (dengan 2 Solusi Sederhana)

Apakah Anda ingin menambahkan file SVG ke situs WordPress Anda? Secara default, WordPress memungkinkan Anda memuat semua format gambar, audio, dan video populer, tetapi SVG bukan salah satunya. Pada artikel ini, kami akan menunjukkan cara mudah menambahkan SVG di WordPress.

Apa itu SVG?

SVG atau Scalable Vector Graphics adalah format file yang mendefinisikan grafik vektor menggunakan bahasa markup XML. Manfaat utama SVG adalah memungkinkan Anda memperbesar gambar tanpa kehilangan kualitas atau piksel apa pun.

Bagaimana cara kerja SVG?

Scalable Vector Graphics (SVG) adalah teknologi untuk menampilkan gambar dua dimensi dalam XML. Mereka berbeda dari format gambar yang umum digunakan yaitu PNG, GIF atau JPEG.

Jika Anda mengambil file gambar png/jpeg dan memperbesar, Anda akan melihat bahwa gambar akan mulai kabur dan berpiksel.

Grafik vektor tidak menggunakan piksel. Sebaliknya, mereka menggunakan peta dua dimensi yang mengidentifikasi grafik yang Anda lihat. Saat Anda mendekat, gambar tidak berpiksel.

Ini memungkinkan Anda untuk memperbesar grafik vektor tanpa kehilangan kualitas. Yang terpenting, gambar SVG dapat memiliki ukuran file yang jauh lebih kecil daripada JPEG atau PNG.

Grafik vektor biasanya digunakan untuk ikon, font ikon, logo situs web, dan gambar merek. Anda mungkin ingin menambahkan file SVG di WordPress untuk logo, logo perusahaan, atau grafik lainnya.

Sebagus kedengarannya, file SVG masih tidak aman. Itu sebabnya WordPress tidak mendukung pengunggahan file SVG secara default.

Jika Anda mengunggah gambar SVG ke WordPress, Anda akan melihat pesan kesalahan berikut:

Maaf, jenis file ini tidak diizinkan karena alasan keamanan.

Masalah keamanan terkait SVG di WordPress

File SVG berisi kode dalam bahasa markup XML yang mirip dengan HTML. Browser SVG atau perangkat lunak pengeditan Anda mem-parsing bahasa markup XML untuk menampilkan hasilnya di layar.

Namun, ini membuka situs Anda untuk kemungkinan kerentanan XML. Ini dapat digunakan untuk mendapatkan akses tidak sah ke data pengguna, memicu serangan brute force atau serangan skrip lintas situs.

Metode yang akan kami bagikan dalam artikel ini akan mencoba mendisinfeksi file SVG untuk meningkatkan keamanannya. Namun, plugin ini sama sekali tidak dapat mencegah kode berbahaya memuat atau menyuntikkan.

Solusi terbaik adalah hanya menggunakan file SVG yang dibuat oleh sumber tepercaya dan membatasi unggahan SVG hanya untuk pengguna tepercaya.

Untuk informasi lebih lanjut tentang keamanan, lihat panduan keamanan WordPress lengkap kami untuk pemula.

Dengan itu, mari kita lihat cara menggunakan file SVG dengan mudah dan aman di WordPress.

metode 1. Unggah file SVG ke WordPress menggunakan dukungan SVG

Metode ini memberikan dukungan penuh untuk menambahkan file SVG di WordPress. Ini juga memungkinkan Anda untuk menampilkan SVG online di posting dan halaman WordPress.

Pertama, Anda perlu menginstal dan mengaktifkan plugin Dukungan SVG. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda harus mengakses Konfigurasi » Dukungan SVG halaman untuk mengonfigurasi pengaturan plugin.

Pada halaman konfigurasi, Anda harus mencentang kotak di sebelah opsi “Batasi administrator?”. Ini hanya akan mengizinkan admin situs untuk mengunggah file SVG ke WordPress.

Opsi selanjutnya adalah mengaktifkan mode lanjutan. Anda hanya perlu mencentang opsi ini jika ingin menggunakan fitur lanjutan seperti animasi CSS dan rendering SVG sebaris.

Jangan lupa klik tombol Simpan Perubahan untuk menyimpan pengaturan Anda.

Anda sekarang dapat membuat posting baru atau mengedit yang sudah ada. Di editor posting, itu akan memuat file SVG Anda seperti file gambar lainnya. Cukup tambahkan blok gambar ke editor lalu unggah file SVG.

Anda sekarang seharusnya dapat mengunggah dan menyematkan file SVG di WordPress.

metode 2. Unggah file SVG di WordPress menggunakan Safe SVG

Metode ini juga menggunakan plugin dan memungkinkan Anda untuk membersihkan file SVG yang diunggah ke WordPress.

Hal pertama yang harus Anda lakukan adalah menginstal dan mengaktifkan plugin Safe SVG. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Plugin berfungsi dengan baik dan tidak ada pengaturan untuk Anda konfigurasikan. Anda dapat melanjutkan dan mulai mengunggah file SVG.

Kelemahannya adalah plugin ini memungkinkan pemuatan SVG oleh semua pengguna yang dapat menulis posting di situs WordPress mereka.

Untuk mengontrol siapa yang dapat mengunggah file, Anda harus membeli plugin versi premium.

Kami harap artikel ini membantu Anda mempelajari cara menambahkan SVG dengan aman di WordPress. Anda mungkin juga ingin melihat artikel kami tentang masalah gambar WordPress yang paling umum dan cara memperbaikinya.

Jika Anda menyukai artikel ini, berlangganan saluran kami YouTube untuk menonton video tutorial WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.