Divi eklentisi spot ışığı – baykuş carusel pro
Hiç Divi Builder kullanarak Güney Kore’de yayınlar, projeler, özel yayınlar ve resimler sergilemek istediniz mi? Gönderme ve görüntüler genellikle bir seferde bir yazı veya görüntü görüntüleyen bir kaydırıcıda görüntülenir, ancak aynı anda birkaç yayın gösteren gerçek Güney Koreli istiyorsanız ne olur? Bunu Owl Carousel Pro adlı bir eklenti ile kolayca yapabilirsiniz. Owl Carousel Pro, Divi Builder’a iki yeni modül ekleyen üçüncü taraflı bir eklentidir. Birincisi, projeler, yayınlar ve özel yazı türleri gibi yayın türlerini görüntüler. İkincisi, istediğiniz her türlü içeriği eklemek için görsel düzenleyici ile yarışan atlıkarınca görüntüsüdür.
Mevcut eklentilerin ücretsiz bir sürümü vardır. Pro sürümü görüyorum, bu da birkaç yeni özellik ekliyor:
Özel yazı türü
Özel alanları göster
özel istek
Küçük resim boyutunu değiştir
Görüntülenen görüntü sayısını değiştirin
Görüntüyü LightBox’ta açın
Unssplash.com’dan alınan örnekler için görüntüler. Baykuş Carousel Pro’nun yüklenmesi
Güney Koreli Baykuş DP DP Owl Carousel, mesajları, projeleri ve atlıkarındaki özel yayın türlerini sergiliyor. Bu, son 10 yazınızı veya seçtiğiniz kategori veya etiketten görüntüler. İçerik sekmesi içerik ve öğeler için ayarlar içerir. Tasarım sekmesi metin, başlık yazma metni, meta metin yayınlama, alıntı metni gönderme, özel gönderilen metin, boşluklar, oklar, kontroller ve mini görüntüler içerir. Gelişmiş sekmesi beklenen CSS ayarlarını içerir, ancak tıklamalar, animasyon (ruloların süresini belirleme), arka plan ve görünürlük ekler. Her iki modüldeki arka plan rengi sadece bir renktir, bu nedenle degradeler veya görüntüler yoktur. CSS kullanmak istemediğim sürece genellikle gelişmiş sekmede görmeyeceğim, bu yüzden içerik sekmesinde olduğunu umduğum gibi bu ayarı özleyeceğim. Özel sorgular yapabilir (web sitesinde verilen örnekler) veya ayarları kullanabilirsiniz Modülde neyin görüntüleneceğini kontrol etmek için. Bu, ekranı kontrol etmek için yayın sayısı, ofset numaraları, özel yayın adları, kategoriler, dahil edilecek etiketler ve hariç tutulacak etiketler gibi birkaç ayar içerir. Bu, özel yazı türümü otomatik olarak ekler. PHP kodundaki çocuğunuzun temasına özel kuyruk eklenir (her zaman çocuğun temasındaki PHP değişiklikleri için ana tema değil, tema güncellendiğinde değişiklikleri kaybetmezsiniz). Geliştirici web sitesi birkaç örnek içerir.
Not – Doğrudan sitenize eklemeden önce her zaman test sitesindeki kodu deneyin. Güney Koreli Baykuş DP örneği
Bu standart bir tasarımdır (öne çıkması için bir arka plan ekledim). Bu, tüm kategorilerdeki son 10 yazımı gösteriyor. Görünüşlerini sayfada göstermek için divi başlıkları ve meta yayınları ekledim. Görüntülerden birini tıklamak sizi gönderiye götürecektir. Başlık, kategori ve tarih. Hazırladıysanız özel alanları da görüntüleyebilirsiniz. Bu, 270 varsayılan karakter kullanarak yazının başlığını ve alıntısını gösterir. Buna 70 karaktere bir gönderi teklifi ayarladım. Bu durumda okları ve kontrolleri devre dışı bıraktım. Animasyon hala çalışıyor, ancak kullanıcılar slaytları karıştıramaz. Bu durumda yazı tipinin boyutunu ve rengini değiştirdim, kırmızı oklar yaptım, kontrolün boyutunu arttırdım ve mor hale getirdim, küçük resim boyutunu arttırdım, marjı 0’a düşürdüm ve 3 görüntü görüntüleyecek şekilde ayarladım. Kontrol için ikinci renk, seçtiğim renkten daha koyu bir versiyon. İkinci renk eklenti tarafından sağlanır. Bu durumda, modülün kendisine arka plan ekledim ve arka planın direkler arasında görülmesi için öğe marjını değiştirdim. Ayrıca yazı tipinin rengini değiştirdim ve bu sefer yükseklik ve sıra alanlarını ayarladım. Bu ekran başına 4 yazı gösteriyor ve küçük resim boyutunu azalttım. Oku büyüklüğüne koydum ve küçük olarak kontrol ettim. Küçük resim boyutunu değiştirdiğinizde, yalnızca görüntülediğiniz yayın sayısına uyacak şekilde ayarlanır. Dolayısıyla, daha büyük bir görüntü istiyorsanız, manuel olarak görüntülenen yayın sayısını azaltmalısınız. Güney Kore baykuşlarının DP resimleri
Baykuş Kuşları’nın atlıkarınca resimleri DP Carousel’de görüntüler görüntüler. Bu, görüntüler eklemenizi ve okları ve kontrolleri göstermenizi sağlar. Tasarım ayarları metin, resim başlığı metni, görüntü içeriği metni, boşluklar, oklar, kontroller ve mini görüntüler içerir. Devam sekmesi DP Baykuş Carousel modülü ile aynıdır. İstediğiniz kadar çok resim ekleyebilir, Lightbox’ta açabilir ve orijinal görüntünün veya görüntünün kopya sürümünü kullanmasını isteyebilirsiniz. Nasıl çalıştığını görmek için kasıtlı olarak farklı boyutlarda görüntüler seçtim. Resim iyi görüntüleniyor. URL’ye bağlantı kurabilmenizi veya Lightbox’ta açabileceğinizi seviyorum. Resme eklenen genişliği görmek istiyorum çünkü bu daha fazla deneyimi geliştirecek. Örnek atlıkarınca görüntü dp baykuş
Varsayılan ayarları kullanarak sayfadaki modül ekranı. Parçaya öne çıkması için arka plan ekledim.
Bu örnekte görüntüye başlık ve metin ekledim. Ayrıca her biri için büyük ve değişen renklere oklar ve kontrol düzenledim.Bu 4 resim görüntüler. Görüntünün boyutunu artırdım ve marj öğesini 8’den 4’e düşürdüm. Daha sonra yazı tiplerinin, okların ve kontrolün boyutunu ve rengini ayarlıyorum. Başlık yazı tipi artan alan var. Bu, yazı tipleri, kontroller ve oklar için yeni bir renge sahip koyu bir arka plan kullanır. İşte LightBox’ta açtığınızda görüntü ekranı. Yuvarlanan animasyon hala arka planda çalışıyor. Özel gönderi türü Owl Carousel Pro modülünde, özel sorgunun devre dışı bırakıldığından emin olun (bu yalnızca listenin kategorisini seçmek yerine kendi özel filtrenizi oluşturmak istiyorsanız kullanılır) ve özel gönderi adında yazı türünüzü seçmek isterseniz kullanılır. Tür tipi. WooCommerce yüklüyorum ve şimdi otomatik olarak bir ürün var. Ürünümün her kategorisi otomatik olarak kategoriler listesine ekleniyor. Şimdi aşağı kaydırabilir ve Carousel’de sergilemek istediğim ürünü seçebilirim. Ürün görüntülenecek, ancak özel alanı etkinleştirmem gereken fiyatı göstermek, görüntülenecek alanı seçin ve istediğim para biriminin sembolünü göstermek için bir etiket ekleyin. Aşağı kaydırın ve özel düzlemi görüntüleyin. Özel alanın adına _pice ve özel alan etiketine $ ekleyin. Şimdi seçtiğim WooCommerce kategorisini sergileyen bir Güney Koreli ürünüm var. 4 yayın görüntülemeyi, görüntünün boyutunu artırmayı, başlık, meta ve özel alanlar için yazı tipinin rengini değiştirmeyi ve başlık ve özel alanlar için yazı tipi boyutunu artırmayı seçtim. Bu örnekte sadece meta tarihini gösteriyorum, ancak olağan yazı gibi meta bilgileri ve alıntıları görüntüleyebilirim. Ekstra ve eklenti Divi Builder ile Owl Carousel Pro’yu Kullanma Owl Carousel Pro, ekstra da çok iyi çalışıyor. Bu Güney Kore.