{"id":12014,"date":"2026-01-08T08:39:54","date_gmt":"2026-01-08T05:39:54","guid":{"rendered":"https:\/\/www.inetmar.com\/blog\/?p=12014"},"modified":"2026-01-08T10:32:51","modified_gmt":"2026-01-08T07:32:51","slug":"wordpress-svg-gorsel-ekleme-islemi","status":"publish","type":"post","link":"https:\/\/www.inetmar.com\/blog\/wordpress-svg-gorsel-ekleme-islemi\/","title":{"rendered":"WordPress SVG G\u00f6rsel Ekleme \u0130\u015flemi"},"content":{"rendered":"<p>WordPress tabanl\u0131 sitelerde .svg uzant\u0131l\u0131 g\u00f6rsel y\u00fcklerken g\u00fcvenlik sebebiyle\u00a0<strong> &#8220;&#8221;gorsel.svg&#8221; y\u00fcklemesi ba\u015far\u0131s\u0131z. \u00dczg\u00fcn\u00fcm, g\u00fcvenlik nedenleriyle bu dosya tipine izin verilmiyor.&#8221;<\/strong> \u015feklinde hata alabilirsiniz. E\u011fer sizde b\u00f6yle bir hata ald\u0131ysan\u0131z yaz\u0131m\u0131z\u0131 okumaya devam ederek hatay\u0131 \u00e7\u00f6z\u00fcmleyebilirsiniz.<\/p>\n<h2>SVG Nedir?<\/h2>\n<p>SVG \u00e7\u00f6z\u00fcn\u00fcrl\u00fckten ba\u011f\u0131ms\u0131z bir g\u00f6rsel dosya format\u0131d\u0131r. Bu formatta g\u00f6rseli ne kadar b\u00fcy\u00fct\u00fcrseniz b\u00fcy\u00fct\u00fcn kalitesini kaybetmez. Bu \u00f6zellikle logolar simgeler ve grafikler gibi g\u00f6rseller i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r. Ayr\u0131ca SVG metin tabanl\u0131 bir yap\u0131ya sahip oldu\u011fu i\u00e7in arama motorlar\u0131 taraf\u0131ndan da okunabiliyor buda SEO \u00e7al\u0131\u015fmalar\u0131nda bu uzant\u0131n\u0131n tercih edilmesinin sebeplerinden biri.<\/p>\n<h3>\u00d6ne \u00c7\u0131kan \u00d6zellikleri<\/h3>\n<ul>\n<li><strong>Kalite kayb\u0131 yok:<\/strong> G\u00f6rseli ne kadar b\u00fcy\u00fct\u00fcrseniz b\u00fcy\u00fct\u00fcn pikselle\u015fmez.<\/li>\n<li><strong>K\u00fc\u00e7\u00fck dosya boyutu:<\/strong> PNG ve JPEG gibi formatlara g\u00f6re daha az boyuta sahiptir.<\/li>\n<li><strong>Animasyon deste\u011fi:<\/strong> CSS ve JavaScript ile kolayca hareketlendirilebilir.<\/li>\n<li><strong>SEO dostu:<\/strong> \u0130\u00e7eri\u011findeki yaz\u0131lar ve etiketler Google botlar\u0131 taraf\u0131ndan alg\u0131lanabilir.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12025\" src=\"https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/12\/svg-300x121.png\" alt=\"WordPress SVG G\u00f6rsel Ekleme Nas\u0131l Yap\u0131l\u0131r?\" width=\"683\" height=\"275\" srcset=\"https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/12\/svg-300x121.png 300w, https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/12\/svg-768x309.png 768w, https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/12\/svg.png 1016w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/> <strong>indirim30<\/strong> koduyla sepete EK %30 <a href=\"https:\/\/www.inetmar.com\/hosting\/\" target=\"_blank\" rel=\"noopener\">hosting<\/a> indirimi i\u00e7in inetmar.com&#8217;u ziyaret edin.<\/p>\n<h2>WordPress Siteye SVG Dosyas\u0131 Nas\u0131l Y\u00fcklenir?<\/h2>\n<p>WordPress sitenize do\u011frudan .SVG uzant\u0131l\u0131 g\u00f6rsel y\u00fcklemeye \u00e7al\u0131\u015f\u0131rsan\u0131z yukar\u0131daki gibi hata alabilirsiniz \u00e7\u00fcnk\u00fc WordPress g\u00fcvenlik gerek\u00e7esiyle bu format\u0131 desteklemiyor. WordPress svg y\u00fckleme i\u015flemi i\u00e7in a\u015fa\u011f\u0131daki \u00e7\u00f6z\u00fcm se\u00e7eneklerini inceleyin.<\/p>\n<h3><strong>Eklenti Kullanarak SVG Y\u00fckleme<\/strong><\/h3>\n<p>Bu i\u015f i\u00e7in WordPress\u2019te harika eklentiler var. En \u00e7ok kullan\u0131lan ve \u00f6nerilen iki tanesi:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/safe-svg\/\" target=\"_blank\" rel=\"nofollow noopener\"><strong>Safe SVG<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/svg-support\/\" target=\"_blank\" rel=\"nofollow noopener\"><strong>SVG Support<\/strong><\/a><\/li>\n<\/ul>\n<h4><strong>Eklenti kullan\u0131m\u0131<\/strong><\/h4>\n<ol>\n<li>WordPress kontrol panelinize girin.<\/li>\n<li><strong>Eklentiler &gt; Yeni Ekle<\/strong> k\u0131sm\u0131na gidin ve <strong>Safe SVG<\/strong> veya <strong>SVG Support<\/strong> arat\u0131n.<\/li>\n<li>Eklentiyi y\u00fckleyip aktif hale getirin.<\/li>\n<li>Art\u0131k <strong>Medya &gt; Yeni Ekle<\/strong> se\u00e7ene\u011finden SVG dosyalar\u0131n\u0131z\u0131 y\u00fckleyebilirsiniz.<\/li>\n<\/ol>\n<h2>Kod ile SVG Deste\u011fi Eklemek<\/h2>\n<p>Eklenti kullanmak istemiyorsan\u0131z, bir miktar kod yazarak da SVG y\u00fckleme \u00f6zelli\u011fini aktif hale getirebilirsiniz. Bunun i\u00e7in \u015fu ad\u0131mlar\u0131 izleyin:<\/p>\n<ol>\n<li>Dosya y\u00f6neticisi \u00fczerinden <strong>functions.php<\/strong> dosyas\u0131n\u0131 a\u00e7\u0131n.<\/li>\n<li>A\u015fa\u011f\u0131daki kodu dosyaya ekleyin:\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-php\"><span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title\">svg_file_types<\/span>(<span class=\"hljs-params\"><span class=\"hljs-variable\">$mimes<\/span><\/span>) <\/span>{<br \/>\n<span class=\"hljs-variable\">$mimes<\/span>[<span class=\"hljs-string\">'svg'<\/span>] = <span class=\"hljs-string\">'image\/svg+xml'<\/span>;<br \/>\n<span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-variable\">$mimes<\/span>;<br \/>\n}<br \/>\n<span class=\"hljs-title function_ invoke__\">add_filter<\/span>(<span class=\"hljs-string\">'upload_mimes'<\/span>, <span class=\"hljs-string\">'svg_file_types'<\/span>);<br \/>\n<\/code><\/div>\n<\/div>\n<\/li>\n<li>Dosyay\u0131 kaydedin ve tekrar .svg uzant\u0131l\u0131 dosya y\u00fcklemeyi deneyin.<\/li>\n<\/ol>\n<p>WordPress svg upload error \u00e7\u00f6z\u00fcm\u00fc bukadar daha fazla teknik bilgi i\u00e7in WordPress kategorimize g\u00f6z atabilirsiniz.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress tabanl\u0131 sitelerde .svg uzant\u0131l\u0131 g\u00f6rsel y\u00fcklerken g\u00fcvenlik sebebiyle\u00a0 &#8220;&#8221;gorsel.svg&#8221; y\u00fcklemesi ba\u015far\u0131s\u0131z. \u00dczg\u00fcn\u00fcm, g\u00fcvenlik nedenleriyle bu dosya tipine izin verilmiyor.&#8221; \u015feklinde hata alabilirsiniz. E\u011fer sizde b\u00f6yle bir hata ald\u0131ysan\u0131z yaz\u0131m\u0131z\u0131 okumaya devam ederek hatay\u0131 \u00e7\u00f6z\u00fcmleyebilirsiniz.&#46;&#46;&#46;<\/p>\n","protected":false},"author":2,"featured_media":12029,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-12014","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/posts\/12014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/comments?post=12014"}],"version-history":[{"count":16,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/posts\/12014\/revisions"}],"predecessor-version":[{"id":14948,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/posts\/12014\/revisions\/14948"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/media\/12029"}],"wp:attachment":[{"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/media?parent=12014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/categories?post=12014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/tags?post=12014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}