Divi Eklentisi Spot Işığı: Divi Lightbox AnyPage Modülü
Divi LightBox AnyPage modülü, herhangi bir alandan herhangi bir içerikle yapılan herhangi bir sayfadan açılır açma yapan üçüncü taraf bir eklentidir. Divi oluşturucu ile bir sayfa oluşturun, tek bir görüntü açın veya harici bir web sayfasını açın. Metin, düğmeler veya görüntüler gibi her neyse, tetikleyici olarak kullanılabilir veya ziyaretçiler tarafından ziyaret edilen web sayfalarının zamanına veya yüzdesine göre açacak şekilde ayarlayabilirsiniz. Divi eklentisinin spot ışığında, Divi Lightbox AnyPage modülünü ön uçtan ve arka uç makinesinden göreceğim ve mobil cihazlarda ve ekstra olarak açılır pencerenin nasıl görüldüğünü göreceğim. Divi 3.2 ve WordPress 4.9.5 ile Divi LightBox AnyPage Modül sürüm 1.9’u test ediyorum.
Divi LightBox AnyPage Modülü
Divi Lightbox AnyPage örneği – aynı etki alanı Aynı etki alanı aynı web sitesinden herhangi bir sayfayı açar. Avantajı, Divi Builder kullanarak sayfalar oluşturabilmenizdir. Standart bir HTML sayfası da açabilirsiniz. Bu örnek için iş danışmanı düzeni paketine bir pop -up anketi eklemek istiyorum. Birisi başlangıç düğmesine tıkladığında açılmasını istiyorum. Öncelikle, açılır pencere görüntülenecek bir sayfa oluşturmam gerekiyor. Birkaç örnek soru ile bir iletişim formu yapıyorum. Bu sayfayı oluşturmak için boş bir sayfa şablonu kullanıyorum. Standart bir şablon kullanırsam, açılır pencerede bir navigasyon menüsü bulunur. Boş bir sayfa şablonu kullanmak daha temiz bir açılır pencere yapar. İş danışmanı düzen paketinin stilinin stilini kullanıyorum. Lightbox AnyPage ayarlarında bu sayfa için bir bağlantı kullanacağım. Her AnyPage LightBox modülünü düzene ekledim (tesadüfen CTA modülünün yanında rahat bir açık yere sahip, ancak düzene nereye yerleştirildiği önemli değil). Popup Anket adlı bir kimlik verdim, içerik türünü aynı etki alanına değiştirdim ve anket sayfasına URL ekledim. Görüntüler, düğmeler, metin vb. Dahil olmak üzere sayfada tetikleyici olarak her şeyi yapabilirim. Birisi davet modülüne başlamaya tıkladığında tetiklenmek istiyorum. Gelişmiş CTA Modülü sekmesini açtım ve LightBox ID’yi CSS sınıf alanına koydum. Düğme URL’si için bir hashtag kullanıyorum. Bu şekilde düğme görüntülenecektir, ancak açılır pencereden farklı bir şeye bağlanmaz. Bu açılır pencereyi açar ve daha önce yaptığım formu görüntüler. Bu varsayılan stildir. Kapak düğmesi beyazdır, bu nedenle şu anda görünmez. Modüle bazı stiller eklemek istiyorum. Modülün arka planını siyah olmasını sağladım. Varsayılan opaklığı%80 bıraktım. Kutu gölgesinin rengini formdan beyaza değiştirdim. Arka planı görüntülemek için form bölümüne girip şeffaf hale getirmeliyim. Ayrıca, çıkış düğmesinin konumunu değiştirebilirim, ancak renk veya boyutu değiştirmem. Ancak kendimi yapabilirim. Form üzerindeki düğmeyi ekledim, doğru seviyeye ayarladım, mizanpaj ile eşleşecek rengi düzenledim ve CSS sınıfı Hassas Kutusu’nu ekledim. Kapatma düğmesi şimdi açılır pencereye eklendi ve orijinal çıkış simgesi silindi. Düğmeler yerine resimler, metin, simgeler vb. Kullanabilirim. Divi Lightbox AnyPage örneği – Resim Resim seçeneği, medya kitaplığınızdan görüntüleri Sembulan olarak görüntülemenize olanak tanır. Bunun için yazarın düzen paketini kullanıyorum. AnyPage LightBox modülünü ekledim, LightBox Kimliği oluşturdum, bir tür içerik olarak görüntüler seçtim ve Sembulan’da açmak istediğim görüntüleri ekledim.
Kitap resminden CSS sınıf alanına LightBox Kimliği ekledim.
İlk deneyde görüntüyü açın. Bu sayfayı açmadığı için kendi kapanış düğmemi yapamam. Aynı düzenleme özelliği mevcuttur, böylece istersem arka plan ve boyutu değiştirebilirim. Divi Lightbox AnyPage örnekleri – Herhangi bir sayfa AnyPage, istediğiniz URL’yi girmenizi sağlar ve açılır web sayfasını görüntüler. Bu örnek için bir öğrenme yönetimi düzeni paketi kullanıyorum. CTA’yı kopyalıyorum ve Divi kullanımı hakkında bir mesaj yapıyorum ve Sembulan’daki Divi sayfasını açacak bir düğme ekliyorum. Bir açılır kimlik olarak kullanacağım CSS sınıfı düğmesini verdim. AnyPage LightBox modülünü ekledim, LightBox Kimliği verdim, AnyPage’ı seçtim, URL girip arka plan rengini ayarladım.Şimdi düğmeye tıklandığında Sembulan’daki zarif tema web sitesinde Divi sayfasını açın. Tabii ki istersek açılır pencereyi daha büyük veya daha küçük yapabiliriz. Örnek görüntü gibi, kıyafet düğmesini yapamazsınız, ancak bu düğme diğer iki moddan daha büyüktür. Bunun herhangi bir sayfayı açacağını seviyorum. URL için satış ortağı bağlantısını test etmedim. Bağlı kuruluş bağlantısının getirilip getirilmediğini bilmekle ilgileneceğim. Hücreselde Divi LightBox AnyPage’ı Kullanma Bu, peyzaj modunda iPhone X’deki açılır pencere. İşte portre modundaki sayfa ekranı.
Bu portre modunda Nexus 10’dur. Bu peyzaj modunda iPad mini. Ekstra ile Divi LightBox AnyPage kullanma Bu ekstra ile herhangi bir sayfaya bir örnektir. Divi veya ekstra LightBox AnyPage kullanırken farkı görmedim. Divi LightBox AnyPage modülü ve dokümantasyon modülü ve belgeleri 35 $ ‘dır ve ömür boyu güncellemeler ve sınırsız kullanım içerir. Belgeler geliştirici web sitelerinde verilmiştir ve kısa videolar içerir. Tüm aklımı sonlandırarak Divi Lightbox AnyPage modülünü kullanımı kolay buldum. Aynı etki alanı kullanırken arka planın neden görünmediğini öğrenmek için birkaç kez denemem gerekiyor. Sonunda şeffaf bir arka plan yaptım. Diğer iki mod beklendiği gibi işlev görür, bu da aynı şekilde görüntülenmediği için mantıklıdır. Düğme ilk başta açılır pencereyi açmak istemiyor, ancak aynı pencerede açmayı seçtikten sonra herhangi bir zamanda çalışırlar. Tetikleyici, açılır pencerenin nasıl kullanıldığı konusunda birçok seçenek sunar. Özellikle web sitenizden bir kurabiye varsa açılır pencereyi kapatabilmenizi seviyorum. Bu şekilde tekrarlanan ziyaretçileri aldıkları veya istememelerini istemedikleri teklif hakkında daha da kötüleştirmezsiniz. Bence renk ve boyutların kontrolü sadece tutarlılık için tasarım sekmesinde olmalıdır. Ayrıca, çıkış düğmesinin ayarını görmek istiyorum. Divi Builder ile herhangi bir öğeyi kullanarak kendimi yapma yeteneğini seviyorum, ancak bu sadece aynı alanı kullanıyorsanız.
