Divi Supreme kullanarak Divi’de açılır pencere nasıl yapılır
Elementors ve Brizy’den farklı olarak (Read: Elementor vs. Divi, Divi vs Brizy), Divi’nin açılır pencere yapmak için varsayılan bir özelliği yoktur. Divi tarafından desteklenen WordPress web sitesinde bir Sembulan yapmak istiyorsanız, eklentiyi yükleyebilirsiniz. Önerdiğimiz Divi eklentisi Divi Supreme. Bu, Divi Marketplace’de bulunan en popüler Divi eklentilerinden biridir. Bu eklenti aslında bir freemium eklentisi olarak yayınlanır, ancak pop -up üreticisi yalnızca Pro sürümünde mevcuttur, bu nedenle pop -up yapabilmek için Pro Supreme Divi’yi kullanmanız gerekir. Divi Supreme Popup Maker dört tür açılır pencereyi destekler: düzen, iframe, video ve görüntüler. Bu makalede, size düzenden nasıl bir açılır pencere yapacağınızı göstereceğiz. Bu tür açılır pencere, çağırmadan önce bir açılır düzeni yapmanızı gerektirir. Popup düzeni Visual Divi Builder editörü kullanılarak yapılabilir.
Tetikleyici türü ile ilgili olarak, Divi Supreme aşağıdaki tetikleyicileri destekler:
Tıklamak
Sayfayı yüklerken
Niyet ortaya çıktığında
Kaydırma sayfasında
Divi Supreme’yi kullanarak Divi’de bir açılır pencere nasıl yapılır, devam etmeden önce, WordPress sitenize Divi Supreme (Pro Versiyon) yüklediğinizden emin olun. Yukarıda belirtildiği gibi, bu örnekte düzenden pop -up’lar yapacağız. Basit pop -up’ları aşağıdaki gibi yapacağız:
Bir açılır düzeni oluşturmak için, WordPress kontrol panelinizde Divi -> Divi Kütüphanesi’ni açın ve yeni bir düzen oluşturmak için yeni Ekle düğmesine tıklayın. Düzen adınızı düzen adları alanında verin. Düzen alanında düzen seçin. Gönder düğmesini tıklayın. Görünen diyalogda, en sol seçeneği (sıfırdan oluştur) seçebilir ve Başlat düğmesini tıklayabilirsiniz. Visual Divi Builder düzenleyicisini kullanarak bir düzen oluşturmak için Yapı Sonu Düğmesi’ni tıklayın. Divi Builder editörü açık olduktan sonra, gerekli bölümleri ve satırları ekleyerek düzeni hazırlayabilirsiniz. Düzen hazır olduktan sonra eklemek istediğiniz modülü ekleyebilirsiniz. İhtiyaçlarınıza göre açılır pencerenize herhangi bir modül ekleyebilirsiniz. Bizim durumumuzda (yukarıdaki GIF’de görebileceğiniz gibi), yalnızca Kontak Formu modülünü ekleriz. Popup düzenini düzenlemeyi bitirdikten sonra, Divi Builder düzenleyicisinden çıkmak için üst çubuktaki görsel üreticinin ardından değişiklikleri kaydetmek için sağ alt köşedeki kaydet düğmesini tıklayabilirsiniz.
Popup düzenini güncellemek için Güncelleme düğmesini tıklayın. Adım 2: Popup düzenini arayın Popup düzeni hazır olduktan sonra onu görüntülemek için arayabilirsiniz. Popup düzenini web sitenizdeki herhangi bir sayfada arayabilirsiniz. İster ev sayfaları, yön sayfaları, iletişim sayfaları, sayfalar vb. Divi tema oluşturucu ile oluşturduğunuz özel bir şablondaki (örneğin, özel bir altbilgi şablonu) açılır çıkış düzenini bile çağırabilirsiniz. Daha önce de belirtildiği gibi, Divi Supreme Popup Maker dört tür tetikleyiciyi destekler: tıklarken, sayfayı yüklerken, çıkarken ve sayfayı kaydırırken. Bu örnekte, bir tıklama tetikleyicisi kullanarak açılır pencereyi arayacağız. İlk olarak, Divi Builder’ı kullanarak açılır çıkış düzenini aramak istediğiniz sayfayı (veya özel şablon) düzenleyin. Divi Builder editörü açıldıktan sonra modülü seçin. Ayarlar panelini açmak için dişli simgesini tıklayın. Ayarlar panelinde, Gelişmiş sekmesinin altındaki görünürlük bloğunu açın. Popup kullanma seçeneğini etkinleştirin. Popup Türü seçeneğinde Düzen’i seçin. Popup seçeneğinde (Divi kütüphanesi), yukarıdaki ilk adımda yeni oluşturduğunuz açılır çıkış düzenini seçin.
Diğer seçenekleri görmek için aşağı kaydırabilirsiniz. Örneğin, etkin tetikleyici seçeneğinde, Sembulan düzenini çağırmak için tetikleyici türünü seçebilirsiniz. Ve yakın açılır pencere tetikleyicileri seçeneğinde, açılır pencerenin nasıl kapatılacağını seçebilirsiniz. Aralarından seçim yapabileceğiniz bazı ayar seçeneklerinden bazıları: Aktif tetik
Yöntem (tetikleyici) Popup düzenini çağırmak için. Belirtildiği gibi, Divi Supreme tarafından sunulan dört tür tetikleyici vardır:
Tıklandığında: Bu tür bir tetikleyici, ziyaretçilerin düzenin düzeni yüklenebilmesi için belirli öğeleri tıklamasını gerektirir. Kullanabileceğiniz dört tür öğe vardır: modüller, düğmeler, görüntüler ve bağlantılar.
Sayfa Yükü: Bu tür tetikleyici, sayfa yüklemesine göre açılır çıkış düzenini çağırır. Pop -up’lar, sayfa tamamen şarj edildikten sonra, önceden belirlenmiş süreye göre belirli gecikmelerle görünecektir.
Sayfa Kaydırma: Bu tür tetikleyici, Pounp -up düzenini sayfa kaydırmasına göre çağırır. Kullanıcı sayfada aşağı kaydırdığında açılır pencere görünecektir.
Çıkış Niyeti: Bu tür tetikleyici, çıkış niyetinde açılır pencereyi arayacaktır. Pop -up, ziyaretçiler kapak düğmesine tıklayarak sayfadan çıkmayı planladığında görünecektir.
Bu ayar seçeneğinden, açılır pencerenin nasıl kapatılacağını seçebilirsiniz. Popup dışında bir seçenek seçerseniz, ziyaretçiler açılır pencerenin dışındaki herhangi bir alana tıkladığında açılır pencere kapatılır. Düğmeyi kapatma seçeneğini seçerseniz, ziyaretçiler kapak düğmesine tıkladığında açılır pencere kapatılır.
Otomatik açılır kaplama kullanın
Popup’ın otomatik olarak kapatılmasını istiyorsanız bu ayar seçeneğini seçebilirsiniz. Bu seçeneği etkinleştirdikten sonra otomatik kapağın süresini ayarlayabilirsiniz.
Gecikme süresi
Varsayılan olarak, Divi Supreme tetik koşulları karşılandıktan bir saniye sonra açılır pencereyi görüntüler. Bu seçeneğin özel gecikmesini ayarlayabilirsiniz.
Süresi dolmuş kurabiye
Varsayılan olarak, Popup kullanıcıya yalnızca 30 günde görünür. Özel son kullanma tarihini bu ayarın açılır penceresinden ayarlayabilirsiniz. Örneğin, 7 numarayı ayarlarsanız, açılır pencere 7 günde bir kez kullanıcıya görünür.
İç animasyon
Bu ayar seçeneğinden açılır pencereyi girmek için animasyonu ayarlayabilirsiniz.
Canlandırılmış
Animasyonu bu ayar seçeneğinin açılır penceresinden ayarlayabilirsiniz.
Ortaya çıkan pozisyon
Bu ayar seçeneği, açılır pencereyi ayarlamanızı sağlar.
Pozisyon türleri ortaya çıktı
Bu ayar seçeneği, açılır konumun türünü ayarlamanıza olanak tanır. Sabit veya mutlak.
Tam genişlik kullanın
Popup’ın tam modda görüntülenmesini istiyorsanız bu seçeneği etkinleştirebilirsiniz.
Maksimum geniş genişlik
Bu ayar seçeneğinin açılır penceresinin maksimum genişliğini ayarlayabilirsiniz.
Expranse Expranse
Bindirme görüntülemek istiyorsanız, bu seçeneği etkinleştirebilirsiniz. Daha sonra aşağıdaki renk seçmenlerindeki kaplama rengini ayarlayabilirsiniz. Kapat düğmesini görüntüleyin
Kapak düğmesini görüntülemek istiyorsanız, bu seçeneği etkinleştirebilirsiniz. Bu seçenek etkinleştirilirse, simgenin boyutunu, simgenin rengini ve simgenin (açılır pencerenin içinde veya dışında) yerleştirilmesini ayarlayabilirsiniz. Sayfayı düzenlemeyi bitirdikten sonra, pop -up dahil değişiklikleri uygulamak için yayınlayabilirsiniz.
Divi Supreme Popup web sitesi boyunca açılır pencereyi görüntüleyecek şekilde görünümün görünümünü desteklemez, ancak bu, tüm web sitelerinde pop -up düzenini görüntülemek için web sitenizdeki her sayfayı düzenlemeniz gerektiği anlamına gelmez. Bunun yerine, web sitesi boyunca açılır pencereleri görüntülemek için Divi Tema Oluşturucu özelliğini kullanabilirsiniz. Örneğin, başlığın veya global altbilginin öğelerinden birinde açılır pencereyi etkinleştirebilirsiniz. WordPress kontrol panelinizde, Divi -> Tema Oluşturucu Open. Global altbilgi, küresel ajans veya başlık ekleyin.
Divi Builder editörü açıldıktan sonra modüllerden birini düzenleyebilirsiniz. Modül ayar panelinde, yukarıda tartıştığımız gibi açılır pencereyi etkinleştirmek için ayar panelindeki görünürlük bloğunu açabilirsiniz.
