WordPress'e Animasyonlı GIF'ler Nasıl Eklenir (DOĞRU Yol)

Bir zamanlar bir gönderiyi daha ilgi çekici hale getirmek için mükemmel bir GIF bulmuştum, ancak yüklemeden hemen sonra statik, hareket etmeyen bir görüntüye dönüştü. Okuyucularımla etkileşim kurmak istediğim anda animasyonun kaybolduğunu görmek inanılmaz derecede can sıkıcıydı.

Bunun nedeni, WordPress'in otomatik olarak daha küçük resim boyutları (küçük resimler gibi) oluşturduğunda animasyonun yalnızca ilk karesini kullanmasıdır. Animasyon verilerinin geri kalanı bu oluşturulan boyutlara dahil edilmez.

Neyse ki, hangi ayarı değiştireceğinizi bildiğinizde bunu düzeltmek basittir. Animasyonların herhangi bir kod olmadan sorunsuz bir şekilde oynanmasını sağlamak için bu özel yöntemi kendi sitelerimde kullandım.

İşte WordPress'e animasyonlu GIF'leri doğru şekilde eklemenin yolu.

WordPress GIF'leri Neden Düzgün Çalışmıyor?

Bir resmi medya kütüphanesine yüklediğinizde, WordPress otomatik olarak o resmin farklı boyutlarda birkaç kopyasını oluşturur.

Otomatik olarak oluşturulan 3 varsayılan WordPress resim boyutu vardır: küçük resim, orta ve büyük. WordPress ayrıca yüklediğiniz orijinali de saklar, buna 'Tam Boyut' denir.

Sorun şu ki, animasyonlu GIF'ler için bu yeni resim boyutları oluşturulurken, WordPress animasyonun yalnızca ilk karesini yakalar.

Sonuç olarak, oluşturulan bu resim boyutlarından herhangi birini gönderinize veya sayfanıza eklediğinizde, bunlar statik resimler olacak ve WordPress GIF'in çalışmamasına neden olacaktır.

Şimdi, animasyonlu GIF'leri WordPress'e eklemenin, animasyonlarını koruyacak doğru yoluna bakalım.

WordPress'te Animasyonlu GIF'leri Düzgün Ekleme

Öncelikle, animasyonlu GIF'i eklemek için WordPress Gutenberg düzenleyicisinde yeni bir WordPress gönderisi veya sayfası düzenlemeniz veya oluşturmanız gerekir.

WordPress içerik düzenleyicisindeyken, '+' düğmesine tıklayın ve bir Görüntü bloğu ekleyin.

Ardından, Resim bloğunda animasyonlu GIF'inizi yüklemenin birden çok yolunu bulacaksınız.

Başlamak için 'Yükle' düğmesine tıklayın ve bilgisayarınızdan animasyonlu GIF'inizi seçin. Veya 'Medya Kütüphanesi' düğmesine tıklayarak zaten medya kütüphanenize yüklenmiş medya dosyalarını ekleyebilirsiniz.

GIF'inizin bağlantısını 'URL'den Ekle' düğmesine tıklayarak girme seçeneği de vardır, ancak bunu önermiyoruz çünkü resmi web sitenize yüklemez.

GIF'inizi yükledikten sonra, blok düzenleyici onu içeriğinize ekleyecektir ve siz de onu özelleştirebilirsiniz.

GIF'i ekledikten sonra, sağdaki menüden 'Resim boyutu' altındaki 'Tam Boyut' seçeneğini seçmeniz gerekecektir.

'Tam Boyut' seçeneğini seçmek önemlidir çünkü bu, WordPress'e yüklediğiniz orijinal, bozulmamış animasyonlu GIF'i kullanmasını söyler.

Diğer boyutlar ('Küçük Resim', 'Orta' veya hatta 'Büyük' gibi) WordPress'in yalnızca ilk kareyi kullanarak oluşturduğu statik kopyalardır. 'Tam Boyut' seçeneğini seçerek animasyonun doğru oynatılmasını sağlarsınız. 👍

Animasyonu içerik düzenleyicisinde hemen görebileceksiniz.

Animasyonlu GIF'lerin çalışmasını görmek için blog yazınızı yayınlayın veya güncelleyin.

WordPress'te Animasyonlu GIF Kullanımı İçin Ek İpuçları

Animasyonlu GIF resimleri genellikle diğer resim dosyalarına göre daha büyük dosya boyutuna sahiptir. Bunun nedeni, animasyonu oluşturmak için kullanılan birkaç sıkıştırılmış resmi içermeleridir.

Büyük GIF'ler kullanmak veya bir WordPress sayfasına çok fazla GIF resmi eklemek web sitenizi yavaşlatabilir ve arama motoru optimizasyonunuzu (SEO) olumsuz etkileyebilir. Daha fazla ayrıntı için WordPress hızını ve performansını artırmaya yönelik WordPress hızını ve performansını nasıl iyileştireceğinize dair nihai kılavuzumuza bakın.

Animasyonlu GIF'ler bulmak için Giphy.com'u kullanıyorsanız, GIF Master eklentisini çok faydalı bulabilirsiniz. Giphy veritabanını WordPress kontrol panelinizden aramanıza ve WordPress sitenizden ayrılmadan GIF'ler eklemenize olanak tanır.

Giphy'den bir GIF bağlantınız varsa, URL'yi doğrudan WordPress düzenleyicisine kendi satırına yapıştırabilirsiniz. WordPress, herhangi bir eklentiye gerek kalmadan animasyonlu GIF'i sizin için otomatik olarak yerleştirecektir.

WordPress'te GIF'ler Hakkında Sıkça Sorulan Sorular

WordPress'te animasyonlu GIF kullanma hakkında en sık aldığımız sorulardan bazılarına burada yanıtlar bulabilirsiniz.

Animasyonlu GIF'ler neden bu kadar büyük?

Animasyonlu GIF'ler aslında tek bir dosyada paketlenmiş bir dizi statik resim veya karedir. Bir GIF'in sahip olduğu kare ve renk sayısı ne kadar fazlaysa, dosya boyutu da o kadar büyük olacaktır.

Bu yüzden genellikle standart JPG veya PNG resimlerinden çok daha büyüktürler.

GIF'leri daha küçük hale getirmek için nasıl optimize edebilirim?

Animasyonlu GIF'lerinizi optimize etmek için EZgif veya GIMP gibi ücretsiz çevrimiçi araçları kullanabilirsiniz. Bu araçlar, ekstra kareleri kaldırarak veya renk sayısını düşürerek dosya boyutunu küçültebilir.

Tek bir sayfada çok sayıda GIF kullanmak kötü mü?

Evet, tek bir sayfaya çok fazla büyük GIF dosyası eklemek web sitenizin yüklenme süresini önemli ölçüde yavaşlatabilir. Bu, kötü bir kullanıcı deneyimi yaratabilir ve SEO sıralamalarınızı olumsuz etkileyebilir.

En iyi kullanım, önemli noktaları vurgulamak veya en çok önem taşıyan yerlere görsel ilgi katmak için onları idareli kullanmaktır.

Medyanızı Yönetmek İçin Ek Kaynaklar

Bu kılavuzun animasyonlu GIF'leri WordPress sitenize doğru şekilde eklemenize yardımcı olduğunu umuyoruz. Artık GIF'lerde ustalaştığınıza göre, medya yönetimiyle ilgili diğer makalelerimiz de faydalı olabilir.

• Görüntüleri Yönetmek İçin Harika WordPress Eklentileri – Görüntülerinizi daha etkili bir şekilde düzenlemenize, optimize etmenize ve görüntülemenize yardımcı olabilecek araçları keşfedin.
• Neden Asla Bir Videoyu WordPress'e Yüklememelisiniz – Kendi videolarınızı barındırmanın sitenizin performansına neden zarar verebileceğini ve bunun yerine ne yapmanız gerektiğini öğrenin.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.