WordPress SVG Dosyası Görüntüleme Rehberi

Günümüzde web geliştirme, daha önce hiç olmadığı kadar görsel zenginlik ve esneklik sunuyor. Vektör grafikleri, web sitelerinde estetik ve işlevsellik açısından büyük bir rol oynar. SVG (Scalable Vector Graphics), vektör grafiklerini web sayfalarında kullanmanın yaygın bir yoludur. Ancak, SVG dosyalarının WordPress sitenizde doğru şekilde görüntülenmesini sağlamak bazen biraz karmaşık olabilir. Bu yazıda, WordPress sitenizde SVG uzantılı dosyaları nasıl göstereceğinizi ele alacağız.

Adım 1: SVG Dosyalarını Yükleyin

İlk adım, WordPress sitenize SVG dosyalarını yüklemektir. Bunun için yönetici paneline giriş yapın ve Medya > Dosyalar’a gidin. Ardından, “Yeni Ekle” butonuna tıklayarak SVG dosyanızı yükleyin. WordPress, SVG dosyalarını yüklemenize izin verecektir.

Adım 2: SVG Dosyalarını Göstermek İçin Fonksiyon Ekleme

SVG dosyalarının varsayılan olarak WordPress’te gösterilmemesinin nedeni, güvenlik endişeleridir. Ancak, SVG dosyalarını güvenli bir şekilde gösterebilmek için işlevler ekleyebiliriz. Bunun için, tema dosyalarınıza (genellikle functions.php) aşağıdaki kodu ekleyin:

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

function svg_display_in_media_library( $response, $attachment, $meta ) {
    if ( $response['mime'] === 'image/svg+xml' ) {
        $response['sizes']['thumbnail'] = array(
            'height' => 150,
            'width'  => 150,
            'url'    => $response['url'],
        );
    }
    return $response;
}
add_filter( 'wp_prepare_attachment_for_js', 'svg_display_in_media_library', 10, 3 );

Bu kod, SVG dosyalarını yüklemenize ve medya kütüphanenizde önizlemesini görüntülemenize izin verir.

Adım 3: SVG Dosyalarını Gösterme

Artık SVG dosyalarınızı yükleyebilir ve medya kütüphanenizde görüntüleyebilirsiniz. Bir içerikte SVG dosyasını göstermek için, içeriği düzenleme sayfasında ekleme yapın ve medya kütüphanesinden SVG dosyasını seçin. Ardından, içeriği güncelleyin veya yayınlayın.

Bu adımları takip ederek, WordPress sitenizde SVG uzantılı dosyaları gösterebilirsiniz. Ancak, güvenlik endişelerini unutmamanız önemlidir. SVG dosyalarını yüklerken dikkatli olun ve güvenilir kaynaklardan aldığınızdan emin olun.

Bu yazıda, WordPress’te SVG dosyalarını göstermek için gerekli adımları ele aldık. Umarım bu bilgi size faydalı olmuştur. Herhangi bir sorunuz varsa, lütfen yorumlara bize bildiriniz!