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 Etkileşimli 360 Derece Görüntüler Nasıl Kolayca Eklenir?

Hiç ziyaretçilerinizin bir yeri sanal olarak keşfedebilmesini veya bir ürünü her açıdan görebilmesini dilediniz mi?

WPBeginner’da büyüleyici görsellerin gücünü biliyoruz ve 360 derece görüntüler ziyaretçilerin dikkatini çekmenin kesin bir yoludur. Sanal Gerçeklik (VR) cihazları daha erişilebilir hale geldikçe, potansiyel aboneler ve müşteriler için gerçekten sürükleyici ve eğlenceli deneyimler oluşturmak için 360 derece görüntüleri bile kullanabilirsiniz.

Bu makalede, WordPress’te etkileşimli 360 derece görüntüleri nasıl kolayca ekleyebileceğinizi göstereceğiz.

How to Easily Add Interactive 360 degree images in WordPress

WordPress’te Neden İnteraktif 360 Derece Görseller Kullanılmalı?

Bir online mağaza işletiyorsanız, yüksek kaliteli ürün görselleri daha fazla satış elde etmenize yardımcı olabilir.

Bazı büyük markalar, alışveriş yapanların bir ürünü her açıdan keşfetmesine olanak tanıyan etkileşimli bir 360 derece görüntü oluşturarak bunu bir üst seviyeye taşıyor.

An example of an interactive 360 degree image

Bu, müşterilerden ürünü farklı açılardan gösteren bir resim galerisinde gezinmelerini istemekten çok daha ilgi çekicidir.

Bir emlak web siteniz varsa, potansiyel alıcıların mülkü keşfedebilmesi için sanal turlar oluşturmak üzere 360 görüntü kullanabilirsiniz. Bu, insanları randevu ve görüntüleme rezervasyonu yapmaya ikna etmeye yardımcı olabilir.

Yeni ve ilgi çekici deneyimler yaratmak için 360 derece görüntüleri de kullanabilirsiniz. Örneğin, bir seyahat blogunuz varsa, okuyucular farklı yerleri keşfetmek için etkileşimli görüntüleri kullanabilir.

An example of a virtual tour

Bununla birlikte, WordPress blogunuza veya web sitenize nasıl interaktif bir 360 derece görüntü ekleyebileceğinizi görelim. 2 yöntemi ele alacağız ve kullanmak istediğinize atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: WordPress’te 360 Derece Etkileşimli Görüntü Ekleme

WordPress’e 360 derece dönen görseller eklemenin en kolay yolu Algori 360 Image kullanmaktır. Bu ücretsiz WordPress eklentisi sadece yeni bir blok ekler, bu da eklentinin kullanımını çok kolaylaştırır.

An example of an interactive 360 image in WordPress

Ancak eklenti 360 derecelik bir görüntü oluşturmanıza yardımcı olmuyor, sadece görüntülüyor. Bu da görüntüyü bir akıllı telefon uygulaması veya web tasarım yazılımı kullanarak oluşturmanız gerektiği anlamına geliyor. 360 derece görüntüler ayrıca web sitenize çok fazla ağırlık katabilir, bu nedenle bu görüntüyü web için optimize etmeniz çok önemlidir.

Bunu yaptıktan sonra Algori 360 eklentisini yüklemeniz 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ştirmenin ardından, yapılandırmanız gereken herhangi bir ayar yoktur, bu nedenle eklentiyi hemen kullanmaya başlayabilirsiniz.

360 derecelik bir görüntüye sahip olduğunuzda, bu etkileşimli görüntüyü göstermek istediğiniz gönderiye veya sayfaya gitmeniz yeterlidir.

Burada, ‘+’ düğmesine tıklayın ve ‘360 Image’ yazmaya başlayın. Doğru blok göründüğünde, sayfaya eklemek için bir tıklama yapın.

Adding a 360 degree image block to WordPress

Şimdi ‘Medya Kitaplığı’na tıklayabilirsiniz.

Ardından, kütüphaneden 360 derecelik bir görüntü seçin veya bilgisayarınızdan yeni bir dosya yükleyin.

Adding an interactive 360 degree image to WordPress

Görüntünün boyutuna bağlı olarak, WordPress’in görüntüyü işlemesi için beklemeniz gerekebilir. Birkaç dakika sonra 360 derece görüntüyü yazı editöründe göreceksiniz.

Daha sonra görüntüyü canlı hale getirmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayabilirsiniz.

Publishing a 360 degree image to your WordPress website or blog

Şimdi, WordPress web sitenizi ziyaret ederseniz, 360 derece görüntüyü döndürmek için sürükleyebilirsiniz.

Bir VR başlığınız varsa, 360 görüntüyü sanal gerçeklikte keşfetmek için ‘VR’ düğmesine tıklayabilirsiniz.

Adding a Virtual Reality (VR) image to WordPress

Etkileşimli görsellerin web sitenizi yavaşlatabileceğini unutmayın. Bununla birlikte, WordPress hızını ve performansını nasıl artıracağınıza ilişkin nihai kılavuzumuzu görmek isteyebilirsiniz.

Ayrıca, 360 derece görüntünün mobil cihazlarda nasıl göründüğünü ve nasıl davrandığını test etmek de iyi bir fikirdir. Adım adım talimatlar için lütfen WordPress sitelerinin mobil sürümünün masaüstünden nasıl görüntüleneceğine ilişkin kılavuzumuza bakın.

Yöntem 2: WooCommerce Mağazanıza 360 Derece Ürün Görseli Ekleme

İnteraktif görseller, alışveriş yapanların bir ürünü her açıdan görmesini sağlar, bu nedenle özellikle çevrimiçi pazar yerleri ve mağazalar için kullanışlıdır.

Bir WooCommerce mağazanız varsa, SR Product 360° View mağazanızdaki her ürün için 360 derece dönen bir ürün resmi oluşturmanıza olanak tanır.

Ürünün her açıdan bir fotoğrafını çekin ve ardından resimleri göstermek istediğiniz sırayla yükleyin.

Eklenti daha sonra bu görüntüleri, alışveriş yapanların WooCommerce ürün sayfanızda görebilecekleri 360 derece dönen bir animasyonda birleştirecektir.

A 360 degree product image on a WooCommerce store

Öncelikle SR Product 360 view eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Ardından, Ürünler Tüm Ürünler bölümüne gidin ve 360 derece görüntü eklemek istediğiniz ürünü açın.

Ürün düzenleyicide, yeni Ürün 360 Derece Görünümü bölümüne gidin. Burada, ‘360 görüntü ekle’ düğmesine tıklayın.

Adding images to a WooCommerce product on an online store

Artık 360 derece animasyona dahil etmek istediğiniz tüm görüntüleri seçebilirsiniz.

Görüntüleri animasyonda görünmeleri gereken sırada seçtiğinizden emin olun.

Adding an interactive product image to your WordPress website

SR Ürün 360° Görünümü artık tüm bu dosyaları Ürün 360 Derece Görünümü bölümünde gösterecektir. Sürükle ve bırak yöntemini kullanarak görüntüleri yeniden sıralayabilirsiniz.

Bu görüntülerden memnun olduğunuzda, 360 derece animasyonu canlı hale getirmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın.

Bonus: WooCommerce mağazanızı bir üst seviyeye taşımak ister misiniz? WooCommerce’de dinamik üst satışlar, çapraz satışlar, sipariş artışları ve tam satış hunisi eklemek için FunnelKit huni oluşturucu ve otomasyon platformunu kullanmayı deneyin.

Umarız bu makale WordPress’te interaktif 360 derece görsellerin nasıl ekleneceğini öğrenmenize yardımcı olmuştur. WordPress’te flipbox bindirmeleri ve gezdirmeleri oluşturma hakkındaki kılavuzumuzu ve en iyi kaydırıcı eklentileri uzman seçimimizi de okumak 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

Yorumlar

  1. Tebrikler, bu makaleye ilk yorum yapan kişi olma fırsatını yakaladınız.
    Bir sorunuz veya öneriniz mi var? Lütfen tartışmayı başlatmak için bir yorum bırakın.

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.