WordPress'te etkileşimli görseller eklemek için ipuçları

Bir web sitesinde etkileşimli bir görsele sahip olmak herkes için olmayabilir. Ancak potansiyelini tanıyanlar için etkileşimli görseller eklemek doğru hareket olabilir . Ne yazık ki, pek çok insan etkileşimli görüntülerin ne kadar yararlı olduğunu bilmiyor. Ve eğer öyleyse, genellikle onları nasıl ekleyeceklerini bilmiyorlar. Bununla mücadeleye yardımcı olmak için, WordPress'e nasıl ve neden etkileşimli görseller eklemeniz gerektiğini ele alacağız.

Web sitenizde etkileşimli bir görsele sahip olmanın faydaları

Okurlarımızın çoğu için web sitenize etkileşimli bir resim eklemek garip bir fikir gibi görünebilir. Sonuçta, SEO sonuçları veya pazarlama çabaları söz konusu olduğunda, bir tanesine sahip olmak size pek iyi gelmeyecektir. Öyleyse, neden ilk etapta ekleme zahmetine giriyorsunuz? Tüm web sitelerinin etkileşimli görsellerden yararlanamayacağını kabul etmeliyiz . Uzman içeriğe daha fazla odaklanan profesyonel web siteleri, genellikle etkileşimli medyadan çok az yararlanır. Ancak, belirli web siteleri için etkileşimli bir resim eklemek, rekabette yükselmelerine yardımcı olacak bir adım olabilir . Özellikle de web sitelerini en başından itibaren akıllarında etkileşimli görsellerle oluşturuyorlarsa.

Bir dizi iyi etkileşimli resim size şu konularda yardımcı olabilir:

• Daha sezgisel, kullanıcı dostu bir web sitesine sahip olun.
• Web sitenizin benzerleri arasında öne çıkmasına yardımcı olun.
• Okuyucularınızın ilgisini artırın ve içeriğinizi daha net anlamalarına yardımcı olun.
• İçeriğinizi düzenlemenin ve güzel bir web sitesi çalıştırmanın basit bir yolunu sunar.

Bu nedenle, web sitenizin etkileşimli görsellerden yararlanabileceğini düşünüyorsanız, bunları oluşturmaktan ve uygulamaktan çekinmeyin. Yakında öğreneceğiniz gibi, bunu yapma süreci çoğu insanın inandığından çok daha basittir.

WordPress'te etkileşimli görüntüler ekleyin

WordPress'e etkileşimli bir resim eklemenin en kolay yolu bir eklenti kullanmaktır. Kullanabileceğiniz çok sayıda eklenti olduğundan, hepsini kapsamayacağız. Bunun yerine, en popüler olanı, Draw Attention'ı ele alacağız . Göreceğiniz gibi, etkileşimli bir görüntü eklemek oldukça basit bir çabadır. Ve bir eklentinin nasıl kullanılacağının özünü kavradığınızda, diğerlerini anlamak için oldukça kolay bir zamanınız olmalı . Bu nedenle, önerdiğimiz eklenti işinize yaramazsa, başka bir eklenti denemekten çekinmeyin.

Draw Attention eklentisini kullanma

Tahmin edebileceğiniz gibi yapılacak ilk şey Draw Attention eklentisini kurmaktır. Bu, düzenli güncellemeleri olan oldukça standart bir eklenti olsa da, yüklemeden önce web sitenizi yedeklemeniz gerektiğini size bildirmek isteriz. Uygun eklentiler bile belirli durumlarda bir web sitesine zarar verebilir veya hatta tamamen devre dışı bırakabilir. Ve hiçbir durumla başa çıkmak imkansız olmasa da, gerçekten mümkün olduğunda beladan kaçınmalısınız.

Bir yedekleme oluşturduktan, Draw Attention eklentisini başarıyla yükledikten ve etkinleştirdikten sonra, WP panosunu açmanız yeterlidir. Ardından solunuzda “Dikkat Çekin” yazan bir sekme görmelisiniz. Genellikle “Gönderiler” sekmesinin hemen altındadır. Bundan sonra, “Yeni Ekle” sekmesini seçmeniz gerekir.

Burada resminiz için bir başlık eklemeniz gerekecek (hatırlanması kolay bir şey öneriyoruz). “Resim yükle” düğmesine tıklayarak yeni bir resim oluşturma seçeneğine sahip olacaksınız. Veya Medya Kitaplığından bir tane yükleyebilirsiniz. Görüntüyle ilgili herhangi bir sorun varsa, devam etmeden önce bunları düzeltmenizi öneririz. Resminizi yükledikten veya seçtikten sonra “Yayınla düğmesini” tıklamanız gerekir. Bu sizi, resminizi uygun gördüğünüz şekilde geliştirebileceğiniz düzenleme penceresine götürecektir.

Hotspot alanları

Aşağı kaydırarak Hotspot Areas bölümüne geleceksiniz. Burada resminize tıklanabilir alanlar çizebilir ve bu sayede onları etkileşimli hale getirebilirsiniz. Sadece bir alan seçin ve ardından bunları istediğiniz boyuta genişletin. Hotspot alanını seçtikten sonra, “Eylem” seçeneğine gidin. Burada, alan için eylemi seçebileceğiniz bir açılır menü göreceksiniz. Mevcut iki seçenek şunlardır:

• Daha Fazla Bilgi Göster – Bu, daha önce eklediğiniz bir metin parçasını basitçe gösterecektir.
• URL'ye git - Bu sizi seçtiğiniz web sayfasına götürecektir.

URL'lerle gidecekseniz, SEO dostu olanları kullanmayı deneyin. Başka bir seçenek de “Genel ayarlar” sekmesini ziyaret etmek ve vurgu stili, eylem metni ve bilgi arka planı gibi şeyleri değiştirmektir. Bunu yaptıktan sonra, “Güncelle düğmesine” tıklayın . Kopyalamanız ve ardından istediğiniz gönderiye eklemeniz gereken bir kısa kod alacaksınız.

Birden çok görüntüyü içe ve dışa aktarma

Bu işlem basit olsa da, gördüğünüz gibi , birden fazla web sitesinde uygulamak zor olabilir . Bu nedenle Draw Attention, etkileşimli görüntüleri hem içe hem de dışa aktarmanıza olanak tanır. Bunu yapmak için öncelikle kullanmayı planladığınız her web sitesinde Draw Attention'ın kurulu olması gerekir.

Resimlerinizi dışa aktarmak istediğiniz web sitesine gidin. Ardından Draw Attention -> Import / Export bölümüne gidin. Burada, dışa aktarmayı planladığınız resimlerin yanındaki işareti işaretlemeniz gerekir. Bundan sonra, İhracat Kodu Oluştur düğmesine tıklayın. Şimdi kodu kopyalayın ve resmi içe aktarmak istediğiniz web sitesine yapıştırın. Bunu ayrıca Draw Attention -> Import / Export bölümünü ziyaret ederek ve Import alanına giderek yapacaksınız.

Son düşünceler

Her şey düşünüldüğünde, etkileşimli görüntüler eklemek zor bir iş değildir. WordPress'te yolunuzu biliyorsanız , muhtemelen tüm çileyi 20 dakika içinde bitirebilirsiniz . Unutulmaması gereken önemli nokta, WordPress'te etkileşimli görseller ekleyebiliyor olsanız da, bunu yapmanız gerektiği anlamına gelmez. Bahsettiğimiz gibi, tüm web siteleri etkileşimli görsellerden yararlanamaz ve web sitenizin uygun olup olmadığını dikkatlice düşünmeniz gerekir . İnteraktif medyaya sahip olmanın web sitenizi yavaşlatabileceğini bilin. Ve mümkün olduğunca fazla yükleme hızına sahip olmanın her zaman sizin yararınıza olduğunu. Bu nedenle, yalnızca bir amaca hizmet ediyorlarsa etkileşimli görüntüleri uygulayın.