Menambahkan SVG di upload wordpress

Agan-agan mungkin pernah pengen menambahkan file gambar namun berektensi .svg atau memiliki tipe gambar svg.

Apa itu tipe gambar SVG ?

  • SVG berarti for Scalable Vector Graphics
  • SVG digunakan pada  vector-based graphics untuk website
  • SVG merupakan grafik dalam  XML format
  • SVG ini yang keren : SVG tidak akan merubah kualitas gambar pada saat diresize perbesar maupun perkecil
  • Dapat dianimasi.
  • SVG format yang direkomendasikan oleh  W3C
  • SVG mengintegrasi berbagai format seperti  DOM and XS

berikut demonya :

[codepen_embed height=”648″ theme_id=”light” slug_hash=”yuBdq” default_tab=”result” user=”jjperezaguinaga”]See the Pen <a href=’https://codepen.io/jjperezaguinaga/pen/yuBdq/’>SVG Animation</a> by jjperezaguinaga (<a href=’https://codepen.io/jjperezaguinaga’>@jjperezaguinaga</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]

secara default wordpress tidak bisa menambahkan waktu agan ingin menambahkan / mengupload di library / koleksi media. ini nih solusinya buat menambahkan. agan cari file dengan nama functions.php di folder theme agan biasanya disini : wp-contents/themes/nama_theme_yg_agan_pakai/functions.php

jika sudah ketemu tambahkan kode berikut :

function cc_mime_types($mimes) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');

Sumber:

SVG Tutorial

Allow SVG through WordPress Media Uploader

Leave a Comment

Your email address will not be published. Required fields are marked *