Divi eklentisi spot ışığı: divi için panorama

Yurlanabilecek panorama, küçük alanlarda büyük görüntüler görüntülemek için çok iyidir. Boyutunu ekrana eşleştirecek şekilde azaltmak yerine, bu da onu ve panoramik bir panoramaya yerleştirmek, gerçek boyutta daha büyük görüntüler görüntülemenizi sağlar. Ziyaretçiler tüm resmi sürükleyerek görebilirler. Divi’nin orijinal bir panoramik özelliği yoktur, ancak Divi için Panorama adlı üçüncü taraf eklentisi ile kolayca eklenebilir. Panorama to Divi, Divi üreticisine dikey ve yatay panoramalar yapmayı kolaylaştıran yeni bir modül ekler. Panorama durabilir veya tekrar edebilir. Kaplama ekleyin, yüksekliği ayarlayın, animasyon stilini seçin ve panoramayı herhangi bir divi düzenine yerleştirin. Bu duyarlıdır ve dokunuşu destekler.
Bu genel resim için Divi sürüm 3.2.2 ve WordPress sürüm 4.9.5 ile Divi sürüm 1.0 için Panorama’yı kullanıyorum. Görüntü unssplash.com’dan alınmıştır. Panorama Modülü

Yeni modül Panorama adlı divi üreticisine eklendi. Renk koyu mavidir ve yayıncı logosunu içerir, bu yüzden iyi görünüyor.

İçerik Sekmesi, görüntüleri, alt metin, yükseklik, içeriğin yönü, görüntünün tekrarlansa mı, kaplamayı, animasyon süresini (animasyon süresinin (zamanın miktarı) kaydırılabileceğini (yatay veya dikey olarak seçin) içeren ayarları içerir. Görüntü, yuvarlanmayı bıraktıktan sonra hareket etmeye devam ediyor), kolaylaştırma (animasyonla işlev gören) ve arka plan yazın.

Tasarım sekmesi, kaplama renklerini, boşlukları, sınırları, kutuların gölgelerini ve animasyonu içerir. Gelişmiş sekmesi standart bir CSS sütunu içerir. Renk kaplamasını seçebilmenizi seviyorum. Simgenin rengi için ayarları görmek istiyorum. Divi örnekleri için panorama

Aşağıda, arka plan ve özellikler için varsayılan ayarların kullanılması örneğidir. Modülü tek bir sütun satırı kullanarak gayrimenkul düzeni paketine yerleştirdim. Yüksekliği resme uyacak şekilde ayarladım (870 piksel) ve içeriğin yönünün yatay olmasına izin verdim. Bu tekrarlamayacak şekilde düzenlenmiştir, bu yüzden görüntünün sonuna ulaştığında durur.

Bu tekrarlanır, sonu olmayan bir rulo yapılır. Bu 360 derece için çok iyidir. Kendini varsayılan olarak tanımlamaz. Fare imleci, işaretçiden dört yönün de yol açan bir oka dönüştü, ancak bulmanın tek yolu imleci üste yönlendirmektir. Her yöne işaret eden imleç her yöne rulo gösterecektir, ancak yalnızca yatay veya dikey olarak- her ikisini de değil. Bu, kaplama eklenerek tamamlanabilir.

Çikolata kaplaması ekledim. Genişliğin kendisi, görüntünün ortaya çıkabileceğini gösteren bir el ile bir simge ekler. Yatay olarak kaydırılabileceğini göstermek için bir ok kullanır. Opaklık seviyesi varsayılan olarak% 20’ye ayarlanır. Varsayılan ayarlarda bıraktım.

İmlecinizi ve imlecinizi 4 yollu oklara yönlendirirken genişlik ve simgeler kaybolur.

Kapatmanın yararlı olduğu bir örnek. Bunun için iki sütun satırında resmin yanına koymak istiyorum. Görüntünün yüksekliğine uyacak şekilde yüksekliği 287 piksele ayarladım. Sorun şu ki, ikisi de sıradan görüntülere benziyor, bu yüzden bindirme eklemem gerekiyor.

Mavi bir esneme ekledim. Önemli simgeler ve bunun diğerleri olmadığında ortaya çıkabileceğini öğrenebilirsiniz. Bu örnekler dikey içeriğin yönünü kullanır. Yüksekliği 500 piksele ayarladım ve bindirme ekledim. Solda% 40 şeffaflık ve bir kutu gölgesi ile yuvarlak sınırlı siyah bir kaplama vardır. Soldaki solda varsayılan şeffaflığa sahip kırmızı bir bindirme vardır ve bir kutu gölgesi vardır.

Bu animasyon ve kolaylaştırma kullanır. Animasyon 1000 (1 saniye) olarak ayarlanır ve kolaylık kolaydır. Dosyalama, kaydırmanın nasıl çalıştığını belirler.

Kaydırma yaparken doğrusal kaydırma ve daha sonra animasyon süresi tamamlanana kadar kaydırmaya devam edin. Bu en ince rulo.

Fareyi kaydırmak için hareket ettirene kadar kolaylıkta beklemek ve daha sonra animasyon süresi tamamlanana kadar yuvarlanmaya devam edin.
Anında yuvarlanmayı kolaylaştırın ve animasyon süresi tamamlanana kadar devam eder. Doğrusal’a benzer çalışır.
Fareniz bitene kadar bekleyin ve daha sonra animasyon süresi tamamlanana kadar kaydırmaya devam edin.
İşte düzende görünüşünün başka bir örneği. Bu örnekte, 360 derecelik bir kahve dükkanı fotoğrafı görüntülemek için video modülünü değiştirerek kahve dükkanı düzen paketine yatay bir panorama yerleştirdim. %20 şeffaflık ile siyah kaplama kullanır. İyi görünüyor, ama bence bu daha büyük bir simgeyle daha iyi görünecek. Görsel bir inşaatçı ile divi için panorama kullanmak
Bu, görsel oluşturucuda panoramik görüntüler göstermez, ancak tüm ayarlamaları yapabilirsiniz. Görsel oluşturucudayken etkiyi görmeyeceksiniz.

Ekstra ile divi için panorama kullanmak

Bu ekstra ile iyi çalışır. Divi mi yoksa ekstra mı kullansam da fark yok, bu yüzden herhangi bir formatı değiştirmem gerekmiyor. İşte bir kenar çubuğu kullanan bir kahve dükkanı örneği. Resim elbette çok geniş değil, ama panorama kaydırabiliyorsanız bu bir sorun değil. Bu, panoramanın avantajlarından biridir. Sıradan görüntüler boyut olarak azalır, bu da birçok görüntü için iyidir, ancak daha büyük görüntüler görüntülemek istiyorsanız, bu iyi bir seçimdir. Lisans Aralarından seçim yapabileceğiniz iki lisans vardır:
Tek site – 7,99 $

Sınırsız Site – 21.99 $

Satınalma bilgilerini geliştirici web sitesinde görüntüleyebilirsiniz. Divi için panoramik zihni bitirmek ilginç bir eklentidir. Küçük bir odada büyük bir resim gösterme fikrini seviyorum. Divi için Panorama için en sevdiğim kullanım 360 derece fotoğraflar için. Burası bir yer, odaları, etkinlikleri vb. Sergilemek için bir ev olabilir. Bu iyi çalışıyor, ancak genişletilebilecek birkaç yol görebiliyorum. Örneğin, farklı bir simge seçme seçeneğini ve renk ve boyutta düzenleme seçeneğini görmek istiyorum. Kolay bir eklenti buldum. Çoğu ayar etiketli veya oldukça açıktır. Divi düzeninize panorama eklemek istiyorsanız, Divi için Panorama görülmeye değer.
Senden duymak istiyoruz. Divi için Panorama’yı denediniz mi? Yorumlarda bize bunun hakkındaki fikrinizi söyleyin. Natykach Nataliia / Shutterstock.com aracılığıyla üstün görüntüler

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir