Divi Supreme Kullanarak Divi'de Pop-up Nasıl Oluşturulur

Elementor ve Brizy'den farklı olarak ( okuyun: Elementor'a karşı Divi, Divi'ye karşı Brizy), Divi'nin bir açılır pencere oluşturmak için yerleşik bir özelliği yoktur. Divi destekli WordPress web sitenizde bir açılır pencere oluşturmak istiyorsanız, bir eklenti yükleyebilirsiniz. Önerdiğimiz bir Divi eklentisi Divi Supreme'dir. Divi Marketplace'te bulunan en popüler Divi eklentilerinden biridir. Eklenti aslında bir freemium eklentisi olarak yayınlanmıştır, ancak açılır pencere oluşturucu yalnızca profesyonel sürümde mevcuttur, bu nedenle bir açılır pencere oluşturabilmek için Divi Supreme'in profesyonel sürümünü kullanmanız gerekir.

Divi Supreme'in açılır pencere oluşturucusu dört açılır pencere türünü destekler: düzen, iFrame, video ve görüntü. Bu yazıda size bir düzenden nasıl açılır pencere oluşturulacağını göstereceğiz. Bu açılır pencere türü, onu çağırmadan önce açılır pencerenin bir düzenini oluşturmanızı gerektirir. Pop-up düzeni Divi Builder'ın görsel düzenleyicisi kullanılarak oluşturulabilir.

Tetik türü hakkında Divi Supreme, aşağıdaki tetik türlerini destekler:

• Tıklamada
• Sayfa yüklendiğinde
• Çıkış niyetinde
• Sayfa kaydırmada

Divi Supreme Kullanarak Divi'de Pop-up Nasıl Oluşturulur

Devam etmeden önce, WordPress sitenize Divi Supreme'i (pro sürüm) yüklediğinizden emin olun.

Yukarıda bahsedildiği gibi, bu örnekte bir düzenden açılır pencere oluşturacağız. Aşağıdaki gibi basit bir açılır pencere oluşturacağız:

Divi Supreme kullanarak bir açılır pencere oluşturmak yalnızca iki adım sürer.

Adım 1: Açılır Pencere Düzenini/Şablonunu Oluşturun

İlk adımda, açılır pencerenin düzenini oluşturmanız gerekir. Ardından, açılır pencerenin görünmesini istediğiniz sayfadan düzeni arayabilirsiniz.

Açılır pencere düzeni oluşturmak için, WordPress panonuzda Divi -> Divi Kitaplığı'na gidin ve yeni bir düzen oluşturmak için Yeni Ekle düğmesini tıklayın.

Düzen Adı alanında düzeninize bir ad verin. Düzen Türü alanında Düzen öğesini seçin. Gönder düğmesini tıklayın.

Açılan iletişim kutusunda en soldaki seçeneği ( SCRATCH OLUŞTURMA ) seçip İnşaya Başla butonuna tıklayabilirsiniz.

Divi Builder görsel düzenleyicisini kullanarak düzeni oluşturmak için Ön Uçta Oluştur düğmesini tıklayın.

Divi Builder editörü açıldığında, gerekli bölümleri ve satırları ekleyerek mizanpajı hazırlayabilirsiniz. Düzen hazır olduğunda, eklemek istediğiniz modülleri ekleyebilirsiniz. Açılır pencerenize ihtiyacınıza göre herhangi bir modül ekleyebilirsiniz. Bizim durumumuzda (yukarıdaki GIF'de görebileceğiniz gibi), sadece İletişim Formu modülünü ekliyoruz.

Açılır pencere düzenini düzenlemeyi tamamladığınızda, Divi Builder düzenleyicisinden çıkmak için üst çubukta Exit Visual Builder'ın ardından değişiklikleri kaydetmek için sağ alt köşedeki Kaydet düğmesine tıklayabilirsiniz.

Açılır pencere düzenini güncellemek için Güncelle düğmesini tıklayın.

2. Adım: Açılır Pencere Düzenini Çağırın

Açılır pencere düzeni hazır olduğunda, onu göstermek için arayabilirsiniz. Açılır pencere düzenini web sitenizdeki herhangi bir sayfada arayabilirsiniz. Ana sayfa, açılış sayfası, iletişim sayfası, hakkında sayfası vb. Divi Theme Builder ile oluşturduğunuz özel bir şablonda (örneğin, özel altbilgi şablonu) açılır pencere düzenini bile çağırabilirsiniz.

Daha önce bahsedildiği gibi, Divi Supreme'in açılır pencere oluşturucusu dört tetikleme türünü destekler: tıklama, sayfa yükleme, çıkış amacı ve sayfa kaydırma. Bu örnekte, tıklandığında tetikleyiciyi kullanarak açılır pencereyi arayacağız.

İlk olarak, Divi Builder'ı kullanarak açılır pencere düzenini çağırmak istediğiniz bir sayfayı (veya özel şablonu) düzenleyin. Divi Builder düzenleyicisi açıldığında bir modül seçin. Ayarlar panelini açmak için dişli simgesine tıklayın.

Ayarlar panelinde, Gelişmiş sekmesinin altındaki Görünürlük bloğunu açın. Açılır Pencereyi Kullan seçeneğini etkinleştirin. Açılır Pencere Türü seçeneğinde Düzen'i seçin. Açılır Pencere (Divi Kitaplığı) seçeneğinde, yukarıdaki birinci adımda oluşturduğunuz açılır pencere düzenini seçin.

Daha fazla seçenek görmek için aşağı kaydırabilirsiniz. Örneğin, Tetik Açık seçeneğinde, açılır pencere düzenini çağırmak için tetik türünü seçebilirsiniz. Ve Açılır Pencere Tetikleyicilerini Kapat seçeneğinde, açılır pencerenin nasıl kapatılacağını seçebilirsiniz.

İşte seçebileceğiniz bazı ayar seçenekleri:

• Tetik Açık

Açılır pencere düzenini çağırma yöntemi (tetik). Belirtildiği gibi, Divi Supreme tarafından sunulan dört tetik türü vardır:

1. Tıklandığında: Bu tetik türü, açılır pencere düzeninin yüklenmesi için bir ziyaretçinin belirli bir öğeyi tıklamasını gerektirir. Kullanabileceğiniz dört öğe türü vardır: modül, düğme, görüntü ve bağlantı.
2. Sayfa Yükleme: Bu tetikleyici türü, sayfa yüklemesine göre açılır pencere düzenini arayacaktır. Açılır pencere, sayfa tamamen yüklendiğinde, önceden ayarlanmış süreye göre belirli bir gecikmeyle görünecektir.
3. Sayfa Kaydırma : Bu tetik türü, sayfa kaydırmaya dayalı olarak açılır pencere düzenini arayacaktır. Bir kullanıcı sayfada aşağı kaydırma yaptığında açılır pencere görünecektir.
4. Çıkış Niyeti: Bu tetik türü, çıkış amacında açılır pencereyi arayacaktır. Bir ziyaretçi kapat düğmesini tıklayarak sayfadan çıkmak istediğinde açılır pencere görünecektir.

• Açılır Pencere Tetikleyicilerini Kapat

Bu ayar seçeneğinden açılır pencerenin nasıl kapatılacağını seçebilirsiniz. Dış Pop -up seçeneğini belirlerseniz, bir ziyaretçi açılır pencerenin dışındaki herhangi bir alanı tıkladığında açılır pencere kapanır. Kapat Düğmesi seçeneğini belirlerseniz, bir ziyaretçi kapat düğmesini tıkladığında açılır pencere kapanır.

• Otomatik Kapat Açılır Penceresini Kullan

Açılır pencerenin otomatik olarak kapanmasını istiyorsanız bu ayar seçeneğini seçebilirsiniz. Bu seçeneği etkinleştirdikten sonra otomatik kapanma süresini ayarlayabilirsiniz.

• Zamanlanmış Gecikme

Varsayılan olarak Divi Supreme, tetikleme koşulu yerine getirildikten bir saniye sonra açılır pencereyi görüntüler. Bu seçenekten özel gecikmeyi ayarlayabilirsiniz.

• Çerez Sona Erme

Varsayılan olarak, açılır pencere bir kullanıcıya yalnızca 30 günde bir görünür. Bu ayardan açılır pencerenin özel son kullanma tarihini ayarlayabilirsiniz. Örneğin, sayıyı 7 olarak ayarlarsanız, açılır pencere bir kullanıcıya 7 günde bir görünür.

• Giriş Animasyonu

Açılır pencerenin giriş animasyonunu bu ayar seçeneğinden ayarlayabilirsiniz.

• Animasyondan Çık

Bu ayar seçeneğinden açılır pencerenin çıkış animasyonunu ayarlayabilirsiniz.

• Pop-up Konumu

Bu ayar seçeneği, açılır pencerenin konumunu ayarlamanıza olanak tanır.

• Pop-up Konum Türü

Bu ayar seçeneği, açılır pencerenin konum türünü ayarlamanıza olanak tanır. Sabit veya mutlak.

• Tam Genişliği Kullan

Açılır pencerenin tam genişlik modunda görüntülenmesini istiyorsanız bu seçeneği etkinleştirebilirsiniz.

• Açılır Pencere Maksimum Genişliği

Bu ayar seçeneğinden açılır pencerenin maksimum genişliğini ayarlayabilirsiniz.

• Yer Paylaşımını Göster

Kaplamayı göstermek istiyorsanız, bu seçeneği etkinleştirebilirsiniz. Ardından, kaplama rengini altındaki renk seçicide ayarlayabilirsiniz.

• Kapat Düğmesini Göster

Kapat düğmesini göstermek istiyorsanız, bu seçeneği etkinleştirebilirsiniz. Bu seçenek etkinleştirilirse, simge boyutunu, simge rengini ve simge yerleşimini (açılır pencerenin içinde veya dışında) ayarlayabilirsiniz.

Sayfayı düzenlemeyi bitirdikten sonra, açılır pencere de dahil olmak üzere değişiklikleri uygulamak için yayınlayabilirsiniz.

Tüm Web Sitesinde Açılır Pencere Nasıl Görüntülenir

Divi Supreme'in açılır pencere oluşturucusu görüntüleme koşullarını desteklemez, ancak bu, tüm web sitesinde açılır pencere düzenini görüntülemek için web sitenizdeki her bir sayfayı düzenlemeniz gerektiği anlamına gelmez. Bunun yerine, açılır pencereyi tüm web sitesinde görüntülemek için Divi Tema Oluşturucu özelliğini kullanabilirsiniz. Örneğin, genel üstbilgi veya altbilgi öğelerinden birinde açılır pencereyi etkinleştirebilirsiniz.

WordPress kontrol panelinizde Divi -> Theme Builder'a gidin. Genel bir alt bilgi, genel gövde veya üst bilgi ekleyin.

Divi Builder düzenleyicisi açıldığında modüllerden birini düzenleyebilirsiniz. Modülün ayarlar panelinde, yukarıda bahsettiğimiz gibi açılır pencereyi etkinleştirmek için ayarlar panelindeki Görünürlük bloğunu açabilirsiniz.

Alt çizgi

Divi destekli WordPress sitenizde bir açılır pencere oluşturmak istiyorsanız Divi Supreme bir çözüm olabilir. Zengin özelliklere sahip bir Divi eklentisidir. Eklenti, açılır pencere oluşturucuya ek olarak, bir dizi modül de sunar (toplamda 59 modülden oluşur). Normal bir sayfa oluştururken olduğu gibi Divi Builder'ın görsel düzenleyicisini kullanarak güzel bir açılır pencere oluşturabilirsiniz.

Eklenti, Divi'de bir açılır pencere oluşturmak için yeterince iyi olsa da, bazı dezavantajları vardır. Örneğin, küçük bir hile ile tüm web sitesinde açılır pencereyi görüntüleyebilmenize rağmen koşulları görüntülemez. Diğer bir dezavantaj, Elementor ve Brizy'de bir açılır pencere oluştururken olduğu gibi Divi Builder düzenleyicisinde açılır pencereyi önizlemenize izin vermez. Açılır pencere yalnızca canlı bir sayfada önizlenebilir. Gerçek açılır pencereyi görmek için sayfayı yayınlamanız gerektiği anlamına gelir.