Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Animasyonlu GIF’ler Nasıl Eklenir (Doğru Yol)

GIF’ler (grafik değişim formatı) ziyaretçilerinizin dikkatini çekmenize ve blog yazılarınızla etkileşimi artırmanıza yardımcı olabilir. Ancak, WordPress’e animasyonlu bir GIF eklediğinizde, animasyon kaybolabilir ve düz statik bir görüntü olarak görünebilir.

Bu sorunla daha önce kendi blogumuzda karşılaşmıştık, bu nedenle sorunu gidermeye ve bulgularımızı paylaşmaya karar verdik.

Ve bu makalede, WordPress’te animasyonlu GIF’leri nasıl düzgün bir şekilde ekleyeceğinizi adım adım göstereceğiz.

How to add animated GIFs in WordPress

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

Bazen GIF animasyonları WordPress’te statik görüntüler haline gelir, çünkü otomatik olarak görüntünün birden fazla boyutunu oluşturur, ancak yalnızca animasyonun ilk karesinden itibaren.

Bu neden oluyor?

Medya yükleyiciyi kullanarak WordPress web sitenize herhangi bir görüntü eklediğinizde, WordPress otomatik olarak bu görüntünün farklı boyutlarda birkaç kopyasını oluşturur.

Küçük resim, orta, büyük ve tam boy olmak üzere 4 varsayılan WordPress resim boyutu vardır.

Image size in WordPress

Ancak, animasyonlu GIF’ler için yeni görüntü boyutları oluştururken, WordPress GIF dosyasının yalnızca ilk karesini kaydeder.

Sonuç olarak, bu oluşturulan görüntü boyutlarından herhangi birini yazınıza veya sayfanıza eklediğinizde, bunlar statik görüntüler olacak ve WordPress GIF’in çalışmamasına neden olacaktır.

Bunu söyledikten sonra, animasyonu kaybetmeden WordPress’te animasyonlu GIF’lerin nasıl düzgün bir şekilde ekleneceğine bir göz atalım.

WordPress’te Animasyonlu GIF’leri Doğru Şekilde Ekleme

Öncelikle, animasyonlu GIF’i eklemek için WordPress Gutenberg editöründe yeni bir WordPress yazısı veya sayfası düzenlemeniz veya oluşturmanız gerekir.

WordPress içerik düzenleyicisine girdikten sonra, devam edin ve ‘+’ düğmesine tıklayın ve bir Görsel bloğu ekleyin.

Add image block

Ardından, Görüntü bloğunda animasyonlu GIF’inizi yüklemek için birden fazla yol bulacaksınız.

Başlamak için, ‘Yükle’ düğmesine tıklayın ve bilgisayarınızdan animasyonlu GIF’inizi seçin. Ya da ‘Medya Kitaplığı’ düğmesine tıklayabilir ve daha önce yüklenmiş olan medya dosyalarını medya kitaplığınıza ekleyebilirsiniz.

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

Upload your animated GIF

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

GIF’i ekledikten sonra, sağ taraftaki menüden ‘Görüntü boyutu’ altındaki ‘Tam Boyut’ seçeneğini seçmeniz gerekir.

Choose full size as image size

Tam boyutlu görüntü, WordPress’e yüklediğiniz orijinal animasyonlu GIF’tir. Bunu seçmek, WordPress GIF’lerinizin statik görüntüler olarak görünmesini ve animasyonun oynatılmamasını önleyecektir.

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

See GIF preview

Devam edin ve animasyonlu GIF’leri çalışırken görmek için blog gönderinizi yayınlayın veya güncelleyin.

WordPress’te Animasyonlu GIF Kullanımı için Bonus İpuçları

Animasyonlu GIF görüntülerinin dosya boyutu genellikle diğer görüntü dosyalarından daha büyüktür. Bunun nedeni, animasyonu oluşturmak için çerçeve olarak kullanılan birkaç sıkıştırılmış görüntü içermeleridir.

Büyük GIF’ler kullanmak veya bir WordPress sayfasına çok fazla GIF görüntüsü eklemek web sitenizi yavaşlatabilir ve arama motoru optimizasyonunuza (SEO) zarar verebilir. Daha fazla ayrıntı için WordPress hızını ve performansını artırma hakkındaki nihai kılavuzumuza bakın.

Animasyonlu GIF’ler bulmak için Giphy.com’u kullanıyorsanız, GIF Master eklentisini çok faydalı bulabilirsiniz. WordPress kontrol panelinizden Giphy veritabanında arama yapmanızı ve WordPress sitenizden ayrılmadan GIF eklemenizi sağlar.

Benzer şekilde, EmbedPress ‘i Gfycat’tan otomatik olarak animasyonlu GIF’ler ve memler eklemek için de kullanabilirsiniz. Gfycat’ten GIF’inizin URL’sini girmeniz yeterlidir; eklenti bunu içeriğinize yerleştirecektir.

Umarız bu makale WordPress’te nasıl animasyonlu GIF ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca görselleri yönetmek için harika WordPress eklentileri listemize veya videoları neden asla doğrudan WordPress’e yüklememeniz gerektiğine dair makalemize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

25 yorumBir Cevap Bırakın

  1. Dana

    Thanks for this. Super helpful and easy to follow.

    • WPBeginner Support

      You’re welcome :)

      Yönetici

  2. Mike

    Is it better to embed some code or insert the gif as you describe above for site speed? Or does it not really impact anything?

    • WPBeginner Support

      As long as the gif is optimized then there shouldn’t be a major impact having the gif uploaded on your site instead of embedding it.

      Yönetici

  3. Evans Mary

    So grateful for this knowledge. Thankyou so much for sharing.

    • WPBeginner Support

      You’re welcome, glad you found our article helpful!

      Yönetici

  4. Lise

    This was a very helpful blogpost.

    I’ve been uploading gifs to giphy, but they became blurry in my page.

    However I now have high quality gifs.

    • WPBeginner Support

      Glad you found our guide helpful!

      Yönetici

  5. Karl Heinz Burkhardt

    This was very helpful. Thank you very much.

    • WPBeginner Support

      Glad our guide was helpful!

      Yönetici

  6. Melissa

    Thank you – lifesaver!

    • WPBeginner Support

      You’re welcome, glad our guide could be helpful :)

      Yönetici

  7. Alexandre

    Doesn’t work for me? :(

    • WPBeginner Support

      You may want to ensure you don’t have an image optimization plugin that is attempting to modify the GIF

      Yönetici

  8. Giron

    How to make start and stop by clicking the mouse for gif animation?

    • WPBeginner Support

      While we don’t have a recommended method at the moment, we will certainly take a look for a possible addition to this article

      Yönetici

  9. Joy

    Thank you guys. This really helped.

  10. ed

    are there any user comment plugins out there that allow users to add gifs?

  11. Brian

    Any idea how to easily add a post with an iOS Live Photo? Thanks!

  12. Christophe

    Hi,

    I’ve added a animated gif on my WordPress site following your example. It worked but now the .gif has completely disappeared, even from my Media Library.

    Any idea where this could be coming from?
    Many thanks

  13. Christopher Eldridge

    Hi, in my case, the media uploader does not offer the option to change the size of the file. Is that because I’m using the free version of Wordpress? If so, which version must I purchase to be able to modify the size of the file and have a functioning GIF animation?

    Thanks!
    Chris

  14. Johnson

    I have an auto blog site in which I use to post to my social networks. I do not write posts I only upload images and use Auto Image Post and Draft Scheduler plugins to automate them.

    Admin please how do I make all my uploaded gif animate automatically?
    I have tried several plugins but none worked. i will greatly apreciate your help.

    Thanks.

  15. John Mauldin

    Great article and GREAT Timing! Just looked at and downloaded an animated gif I need to put on a wp site. Thanks so much for this information, wpbeginner.com!

  16. Rakesh kumar

    Thanks a lot!! It was very simple and yet very effective. Most of us will miss this trick.

  17. Donna Merrill

    To my knowledge I’ve always heard that adding a GIF will slow down my blog. This is why I haven’t used it as yet. However I do have some niche sites that it just may not be a problem.
    Thanks for clarifying it.

    -Donna

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.