Bir açılır pencerenin nasıl açılacağını bulmanız gerekiyor Elementor Gutenberg'de mi?

Çevrimiçi topluluklarda her zaman tartışmalı olan bir şey vardır: açılır pencereler. Bazı insanlar açılır pencereleri kullanıp kullanmamayı merak ediyor. Ancak bize göre, oluşturduğunuz pop-up'lar basit, çekici ve kullanıcılarınızı rahatsız etmiyorsa pop-up'lar sorun değil.

Diyelim ki açılır pencereleri zaten oluşturdunuz Elementor ve bunları WordPress Gutenberg editöründe açmak istiyorsanız; çünkü blog gönderilerinize veya sayfalarınıza pop-up'lar yerleştirmek istiyorsunuz. Merak ediyorsanız, bunu yapmak mümkün mü? Cevap evet, mümkün.

Bu makale size açılır pencereleri nasıl açacağınızı gösterecek Elementor Gutenberg'de.

WordPress Gutenberg Editor'da Elementor Popup Nasıl Açılır

Adım 1: Açılır pencereyi hazırlayın

Oluşturduğunuz açılır şablona gidin. Elementor'da yeniyseniz ve açılır pencerelerin nasıl oluşturulacağını öğrenmek istiyorsanız, aşağıdaki eğitime göz atabilirsiniz: buna tıklayarak ihtiyati haciz.

Pekala, açılır pencere oluşturma tamamlandığında, açılır paneli açmak için öğe ayarları panelinin sol alt köşesindeki dişli simgesine ( ️ ) tıklayın. Açılır ayarlar panelinde sekmeye gidin gelişmiş ve alana bir seçici ekleyin Seçici tarafından aç . 

Ön ek olarak nokta simgesini eklediğinizden emin olun (ör. .popup12345).

Gutenberg'de bir Elementor açılır penceresi açın

Belirtilen seçiciyi ekledikten sonra açılır şablonunuzu güncellemeyi veya yayınlamayı unutmayın.

Remarque: Sekmesinde Görüntüleme koşulları açılır pencerenizden lütfen açılır pencerenizi görüntülemek için yapılandırın. Tüm site; Bu, pop-up'ınızın tamamına erişmenizi sağlar. Site Web. Ayrıca bir tetikleyici tanımlamanız gerekmez, çünkü az önce tanımladığınız seçici tarafından açılır pencereyi görüntüleyeceksiniz.

Gutenberg'de bir Elementor açılır penceresi açın

Adım 2: Gutenberg'de açılır pencereyi açın

Şimdi WordPress Gutenberg editöründe açılır pencereyi açma zamanı.

WordPress'in Gutenberg editörüne gidin; yeni bir tane oluşturabilirsiniz içindekiler (sayfa/yayın) veya bir içindekiler mevcut. Ardından, açılır pencerenin görünmesi için tetikleyici olarak kullanmak istediğiniz herhangi bir bloğu seçin.

Bu eğitimde bir Buttons bloğu kullanacağız.

Gutenberg'de bir Elementor açılır penceresi açın

Açılır pencereyi göstermek için tetikleyici olarak hangi bloğu kullanmak istediğinize karar verdikten sonra Ayarlar'a gidin. Blok – > İleri. Sonra ekleyin Belirtilen CSS sınıfları in Ek CSS sınıfları şampiyon.

Gutenberg'de bir Elementor açılır penceresi açın

İyi. Bu kadar. Nasıl çalıştığını görmek için projenizi yayınlayın ve yeni bir pencerede açın.

Gutenberg'de bir Elementor açılır penceresi açın

Şimdi Elementor Pro'yu Alın !!!

Sonuç

Bu makale, WordPress'in Gutenberg düzenleyicisinde Elementor açılır penceresini ne kadar kolay açabileceğinizi gösterir. Bu makalenin sizin için yararlı olacağını umuyoruz. Son olarak, açılır pencerenizin başarısının kullanıcılarınızı bir dönüşüm yöntemi kullanarak dönüştürmenize bağlı olduğunu lütfen unutmayın. içindekiler alakalı ve ikna edici bir harekete geçirici mesaj.

Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa, bize içinde bildirin. Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...

Pinterest It pin