Divi eklentisi spot ışığı – Divi’nin genişliği
Divi Marketplace’de bulunan Divi Divi Overlay pazarında bulun! Bu, incelememizi geçtiğimiz ve kalite standartlarımızı karşılamayı kanıtladığımız anlamına gelir. Mevcut tüm ürünleri görmek için pazardaki Divi Life’ı ziyaret edebilirsiniz. Divi Marketplace’ten satın alınan ürünler, sınırsız web siteleri ve 30 gün öncesi garantili (Divi gibi) ile birlikte gelir. Divi Pazarı’ndan Satın Alın
Divi Overlayles, Strifle Team topluluğunun bir üyesi tarafından üçüncü taraflı bir Divi geliştirme şirketi olan Divilife tarafından Divi’nin bir eklentisidir. Bu, Divi Builder’ı kullanarak kolayca açılır pencereyi yapmanızı sağlar. Bu sadece sermaye değil. Divi Builder’ı kullanarak tam ekran kaplamasını oluşturabilir ve kaplamada istediğiniz tüm içerik türlerini ekleyebilir ve ardından sayfada düğmeler, bağlantılar, resimler vb. Dahil herhangi bir şeyle tetikleyebilirsiniz. Arka plan rengini, renk yazı tipini ayarlayabilir ve açılış animasyonunu seçebilirsiniz.
Genişler formlar, fiyat tabloları, alışveriş sepetleri, videolar, resimler, indirme bağlantıları, haritalar ve daha fazlasını içerebilir. Sayfa yüklendiğinde kaplamayı açacak şekilde ayarlayabilirsiniz. Sayfanın yüklenmesini beklemeden ek içerik görüntülemenize izin verir. Divi Builder’ı kullanma yeteneği, elbette, bindirmenizi yapmak için her modüle ve ayarlara erişebileceğiniz anlamına gelir. Bu, yaklaşık 40 modüle erişiminiz olduğu ve diğer eklentilerden kısa bir kod kullanabileceğiniz anlamına gelir. Bu modüle erişim ile sadece hayal gücünüzle sınırlısınız.
İndir: Divi Overlay’ı İndir Bu özette, müşteriler tarafından talep edilen birkaç yeni özellik içeren 1.1 sürümünü görüyorum. Sonunda, 2.0 sürümünde görebileceğiniz bazı özellikleri tartışacağım. Örnek için çok yönlü bir çerçeve çizim kiti Vol. 1. Eklentiyi diğer premium eklentilerde yaptığınız gibi yüklemeye, yüklemeye ve etkinleştirelim. Etkinleştirildikten sonra lisans anahtarınızı girmelisiniz. Ayarları açın ve gösterge tablosundaki Divi bindirmesinin etkinleştirilmesini seçin. API anahtarını girin ve e -posta gönderin (Divilife’daki hesabınızdan) ve Değişikliği Kaydet’i seçin. Şimdi kaplamaya başlamaya hazırsınız.
Geniş, içeriğinizden ayrı olarak yapılır ve daha sonra basit bir kod kullanarak içeriğinizden açılır. Kaplama yapmak için Divi bindirmelerini açın ve gösterge tablosuna yeni ekle’yi seçin. Buradan Divi Builder’ı kullanmayı seçebilirsiniz. Bu, özel bir divi eklentisi ve modül de dahil olmak üzere bir divi oluşturucu kullanan bir sayfa veya herhangi bir normal yazı ile aynı işlev görür ve hatta Divi uçlarını kullanarak A/B testi yapabilirsiniz. Hatta küresel bir modülde çalışıyorlar. Ayrıca bindirmenizi içe aktarabilir ve dışa aktarabilirsiniz. Sağ üst köşedeki açılır kutudan animasyon ve kaplama ayarlarını seçin. Divi Builder altında yazı tipinin arka planı ve rengi için seçenek vardır. Sağ tarafa bazı ayarlar eklenir. Divi kaplama animasyonu adı verilen bir kutu, 11 animasyon arasından seçim yapabileceğiniz bir açılır kutu içerir. Bu, ekranda kaplamanın nasıl göründüğünü belirler. Geniş ekrandayken ana sayfanın yuvarlanmasını önlemek için onay kutusu eklenir. Bu, kullanıcıları ekranda aynı konumda tutar, böylece bindirmeyi kapattıklarında nerede olduklarını bilirler. Kapatmak için birçok düğmeden birini tıklarlarsa bu çok yararlıdır. Bu şekilde hangi düğmeleri tıkladıklarını ve ekranda yer kaybetmediklerini biliyorlar. Bir video modülü ekledim ve yer paylaşımı için genie seçtim ve ana sayfanın ana sayfasını önlemeyi seçtim. Şimdi bir bindirme yaptıktan sonra bir sayfada kullanabilirim. Bunu yapmak için, gösterge tablosunda Divi kaplamasını açın ve kullanılabilir kaplama listesini görmek için Divi Overlay’ı seçin. Yer paylaşımı kullanmak için kullanmak istediğiniz kodu kopyalayın ve doğru yere yapıştırın. Bunu nasıl ayrıntılı olarak yapacağımı görelim. Bağlantılar CSS kimliği kullanılarak yapılır. CSS kimliğini kopyalayın ve örnekte gösterildiği gibi açma etiketi <a id= ve kapanma ekleyin.
Bu örnekte yön sayfasını kullanıyorum. Cep telefonu görüntüsüne metne, uygulama deposu logosuna bir tetikleyici eklemek, bir düğme yapmak ve menüye bir bağlantı koymak istiyorum. Metin bağlantısı Kısa kodu kopyalayın ve sayfanızdaki metin veya metin modülüne (kısa kod alan modül) ekleyin. Kod modülüne koydum. Divi bindirme kısa kodu bu modüle istediğiniz kadar yerleştirebilirsiniz. Modülü nereye koyduğunuz önemli değil. Modülün düzeninizi etkilemediğinden emin olmak için test etmenizi öneririm. Bir video açmak için bir demo metnini bir bağlantı olarak kullanmak istiyorum. Bunu yapmak için CSS kimliğini gösterge tablosu ekranındaki yer paylaşım listesinden kopyalayın. Kodu metin modülünüze ve metninizin biçimine şöyle yapıştırın: Bu durumda metin birkaç HTML’ye gömüldü, ancak sorun değil. Sadece kodu HTML’deki doğru konuma yerleştirmenizi sağlayın. Metin artık bir bağlantı olduğunu göstermek için mavi.
Metni tıkladığımda, bağlantıyı kaplamaya yerleştirdiğim bir video sunuldum. Kaplama seçtiğim animasyonla açılıyor. Resim bağlantısı Resme CSS kimliği eklemenin iki yolu vardır. Kullanmanız gereken yöntem, görüntünün içeriğinize nasıl yerleştirildiğine bağlı olacaktır. İşte iki örnek: Metin modülü Bir uygulama dükkanı görüntüsü yapmak istiyorum, ancak sizi uygulama mağazasına getirmek yerine, bazı seçenekler ve bilgiler vermek istiyorum. Bu, kod modülünde yeni bir kısa kod gerektiren yeni bir kaplama gerektirir. Şimdi uygulama logosunu tıkladığımda, iki farklı uygulama mağazasına bağlantılı bir streç alıyorum. Daha iyi UX/UI için, düğmeler için grafikleri değiştireceğim, ancak bu, içeriği temiz tutarken birçok seçenek sunma potansiyelini gösterir. Bu örnek için, 90 opaklık ve yazı tipi rengi ile koyu gri ile beyaza bindirme bindirme ayarladım. Görüntü Modülü
Yukarıdaki örnekte, görüntü metin modülüne yerleştirildiği için kodu HTML’ye ekliyorum. Başka bir seçenek, görüntü modülüne görüntüler yerleştirmek ve özel CSS sekmesinde CSS kimliğini kullanmaktır. Bu düzende telefon görüntü modülünde. Bindirme videosunu açacak şekilde CSS kimliği ekleyeceğim. Bağlantı URL’sinde #Open-Overlay (veya #symbol’e benzer metin) kullanın. Şimdi resme tıklayabilir ve kaplamayı açabilirim. Düğme Bağlantısı Görüntüye ekleyerek aynı düğmeye gevşek bir bağlantı ekleyin. Kod modülüne kısa bir kod eklemeyi unutmayın.
URL düğmesine Metin # ekleyin. Açıklayıcı nedeniyle #açık overlay kullanıyorum (ve Stifler ekibinden çaldım, ama bunu ona söylemeyin).
CSS Kimlik Kodunu Özel CSS sekmesine ekleyin. Ve hepsi bu! Yeni düğme şimdi iletişim formunu açıyor. Menü bağlantısı Bir menü bağlantısı yapmak için menü kimliğini kopyalayın ve görünümü açın, menüleri ve bağlantıyı eklemek istediğiniz menüyü seçin. (Daha fazla bilgi için WordPress’te özel bir menü yapısının nasıl oluşturulacağı bu makaleye bakın). Sağ üst köşedeki ekran seçeneğini seçin ve Link etiketli kutuyu (XFN) işaretleyin. Özel bir bağlantı seçin. Sembol # bağlantı olarak ekleyin, görüntülemek istediğiniz metni ekleyin ve menüye ekle seçin. Menü kimliğini bağlantı ilişkileri alanına yapıştırın ve menüyü kaydedin. Yapmadıysanız menüyü menü ayarlarının altındaki ekran konumuna ayarladığınızdan emin olun. Bu örnekte ana menüye ayarladım. Menü şimdi menü yapısında görünür. Tıklamak bindirme açacaktır. Navigasyon yapısında ve site genelinde CTA (harekete geçme davet) sağlama avantajına sahiptir. Araç Bu eklenti ayrıca yeni bir widget alanı da içerir. Widget’ları ve diğer yöntemleri kullanma farkı, kısa kodu yerleştirdiğiniz yerdir. Modüle tekrar tekrar kısa bir kod koymak yerine, bir kez koyarak küresel hale getirebilirsiniz. Daha sonra, herhangi bir sayfadaki herhangi bir öğeden, yan çubuktan, ana menüden veya altbilgi menüsünden tetikleyebilirsiniz. Bu, çok yönlü çerçeve resim kit Vol. 1. Videoyu kaplamaya açacak şekilde düğmenin tıklanabileceğini yapmak istiyorum. Kısa kodumu widget alanına (metin widget’ına yerleştirerek) ekledim ve sayfadaki görüntüye CSS kimliği ekledim. Widget’taki kısa kod görünür widget olmadan bile işlev görür. Kenar çubuğunu altbilgideki herhangi bir sayfaya veya widget’a koymam gerekmiyor. Bu sadece işe yarıyor çünkü yeni widget alanı perde arkasına yükleniyor. Bu widget alanına başka bir widget daha bırakırsanız, widget sayfanın sol üst köşesinde görüntülenir. Kısa kodlar varsayılan olarak metin olarak görüntülenmez, böylece widget görünmez kalabilir. Bir genişliğin kapanması, açının arka planını tıklayarak veya kaçış düğmesine basılarak bir X işaretiyle açılabilir. Başka bir seçenek, bir streçte bağlantıya yakın bir sınıf eklemektir. Bu yöntemi kullanarak bir kapak veya metin düğmesi yapabilirsiniz. Bu, iptal edilen düğmeyi CTA’nıza eklemenizi veya kapak düğmesini daha görünür hale getirmenizi sağlar. Yakın Sınıflar Şöyle Görünüyor: Class = “Close-Divi-Overlay”> Hayır, aşağıdaki özellikler için teşekkür ederiz: Gecikmeli zaman, sayfa yüklendikten sonra belirtilen süreye göre açık genişliğe izin vererek okuyucunun görmesine izin verecektir. otomatik olarak bir esneme açmadan önce belirli bir süre boyunca içerik. Piksel özelliği, piyasaya sürülen piksel sayısına veya piyasaya sürülen sayfaların yüzdesine göre bir streç açacaktır. Okuyucu geri düğmeyi seçtiğinde veya imleci adres çubuğunun üzerine yerleştirdiğinde başka bir seçenek kaplama açacaktır. Dokümantasyon belgeleri Divilife web sitesinde verilmiştir. Bu, eklentileri kullanabileceğiniz çeşitli yollara genel bakış ve örnekler içerir. Belgeler metin, video ve örnek kodu içerir. Fiyat