WordPress’e SVG Ekleme (2 basit çözümle)

WordPress sitenize SVG dosyaları eklemek istiyor musunuz? Varsayılan olarak, WordPress tüm popüler görüntü, ses ve video formatlarını yüklemenize izin verir, ancak SVG bunlar arasında değildir. Bu yazıda, WordPress’e nasıl SVG ekleyeceğinizi göstereceğiz.

SVG nedir?

SVG veya Ölçeklenebilir Vektör Grafikleri, XML biçimlendirme dilini kullanarak vektör grafiklerini tanımlayan bir dosya biçimidir. SVG’nin ana yararı, kaliteyi kaybetmeden veya herhangi bir pikselleşmeye sahip olmadan görüntüleri büyütmenize izin vermesidir.

SVG nasıl çalışır?

Ölçeklenebilir Vektör Grafikleri (SVG), XML kullanarak iki boyutlu çizimler görüntüleyen bir teknolojidir. PNG, GIF veya JPEG olarak yaygın olarak kullanılan görüntü formatlarından farklıdırlar.

Bir png / jpeg görüntü dosyası alıp yakınlaştırırsanız, görüntünün bulanıklaşmaya ve pikselleşmeye başladığını fark edeceksiniz.

Vektör grafikleri piksel kullanmaz. Bunun yerine, görüntülemekte olduğunuz grafiği tanımlayan iki boyutlu bir harita kullanırlar. Yaklaştıkça görüntü pikselleşmez.

Bu, vektör grafiklerini kaliteden ödün vermeden büyütmenizi sağlar. En önemlisi, SVG görüntüleri dosya boyutunda JPEG veya PNG’den çok daha küçük olabilir.

Vektör grafikleri genellikle simgeler, simge yazı tipleri, web sitesi logoları ve marka resimleri için kullanılır. Şirket logonuz, simgeleriniz veya diğer grafikleriniz için WordPress’e SVG dosyaları eklemek isteyebilirsiniz.

Göründükleri kadar harika, SVG dosyaları hala biraz güvensiz. Bu nedenle WordPress varsayılan olarak SVG dosyalarının yüklenmesini desteklemez.

WordPress’e bir SVG görüntüsü yüklerseniz, aşağıdaki hata iletisini görürsünüz:

Maalesef, güvenlik nedeniyle bu dosya türüne izin verilmiyor.

WordPress’de SVG ile ilgili güvenlik sorunları

SVG dosyaları, XML biçimlendirme dilinde HTML’ye benzer bir kod içerir. Tarayıcınız veya SVG düzenleme yazılımınız sonucu ekranda görüntülemek için XML biçimlendirme dilini ayrıştırır.

Ancak bu, web sitenizi olası XML güvenlik açıklarına açar. Kullanıcı verilerine yetkisiz erişim elde etmek, kaba kuvvet saldırılarını tetiklemek veya siteler arası komut dosyası saldırılarını tetiklemek için kullanılabilir.

Bu makalede paylaşacağımız yöntemler, güvenliklerini artırmak için SVG dosyalarını dezenfekte etmeye çalışacaktır. Ancak, bu eklentiler kötü amaçlı kodların yüklenmesini veya enjekte edilmesini tamamen engelleyemez.

En iyi çözüm, yalnızca güvenilir kaynaklar tarafından oluşturulan SVG dosyalarını kullanmak ve SVG yüklemelerini yalnızca güvenilir kullanıcılarla kısıtlamaktır.

Güvenlik hakkında daha fazla bilgi için yeni başlayanlar için eksiksiz WordPress güvenlik kılavuzumuza bakın.

Bununla birlikte, SVG dosyalarının WordPress’te kolay ve güvenli bir şekilde nasıl kullanılacağına bakalım.

Yöntem 1. SVG desteği kullanarak SVG dosyalarını WordPress’e yükleyin

Bu yöntem, WordPress’e SVG dosyaları eklemek için tam destek sunar. Ayrıca, SVG’yi WordPress yayınlarında ve sayfalarında çevrimiçi görüntülemenizi sağlar.

İlk olarak, SVG Destek eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmeden sonra, Yapılandırma »SVG Desteği eklenti ayarlarını yapılandırın.

Yapılandırma sayfasında, “Yöneticiler kısıtlansın mı?” Seçeneğinin yanındaki kutuyu işaretlemelisiniz. Bu, yalnızca bir site yöneticisinin SVG dosyalarını WordPress’e yüklemesine izin verir.

Bir sonraki seçenek gelişmiş modu etkinleştirmektir. Bu seçeneği yalnızca CSS animasyonları ve satır içi SVG oluşturma gibi gelişmiş özellikleri kullanmak istiyorsanız işaretlemeniz gerekir.

Ayarlarınızı kaydetmek için Değişiklikleri Kaydet düğmesini tıklamayı unutmayın.

Artık yeni bir yayın oluşturabilir veya mevcut bir yayını düzenleyebilirsiniz. Yayın düzenleyicide, SVG dosyanızı diğer tüm resim dosyalarında olduğu gibi yükler. Sadece editöre bir resim bloğu ekleyin ve ardından SVG dosyasını yükleyin.

Artık SVG dosyalarını WordPress’e yükleyip ekleyebileceksiniz.

Yöntem 2. SVG dosyalarını Güvenli SVG kullanarak WordPress’e yükleyin

Bu yöntem ayrıca bir eklenti kullanır ve WordPress’e yüklenen SVG dosyalarını dezenfekte etmenizi sağlar.

Yapmanız gereken ilk şey, Güvenli SVG eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Eklenti kutunun dışında çalışır ve yapılandırmanız için bir ayar yoktur. Sadece devam edip SVG dosyaları yüklemeye başlayabilirsiniz.

Dezavantajı, bu eklentinin WordPress sitelerine mesaj yazabilen tüm kullanıcılar tarafından SVG yüklemesine izin vermesidir.

Dosyaları kimlerin yükleyebileceğini kontrol etmek için eklentinin premium sürümünü satın almanız gerekir.

Bu makalenin, WordPress’e nasıl SVG ekleyeceğinizi öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca, en yaygın WordPress görüntü sorunları ve nasıl düzeltileceği ile ilgili makalemize göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, kanalımıza abone olun YouTube WordPress öğretici videolarını izlemek için. Bizi şu adreste de bulabilirsiniz: Twitter ve Facebook.