Gutenberg'de Elementor açılır penceresinin nasıl açılacağını mı bilmeniz gerekiyor?
Ç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 Elementor ile açılır pencereler oluşturdunuz ve bunları WordPress Gutenberg editöründe açmak istiyorsunuz; çünkü blog yazılarınıza veya sayfalarınıza açılır pencereler yerleştirmek istiyorsunuz. Eğer merak ediyorsanız, bunu yapmak mümkün mü? Cevap evet, mümkün.
Bu makale size Gutenberg'de Elementor açılır pencerelerinin nasıl açılacağını gösterecektir.
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).
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, açılır pencerenize tüm web sitesi üzerinden erişmenizi sağlayacaktır. Ayrıca bir tetikleyici ayarlamanıza gerek yoktur, çünkü açılır pencereyi az önce ayarladığınız seçici aracılığıyla görüntüleyeceksiniz.
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 Gutenberg düzenleyicisine gidin; yeni bir içerik (sayfa/gönderi) oluşturabilir veya mevcut bir içeriği seçebilirsiniz. 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.
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.
İyi. Bu kadar. Nasıl çalıştığını görmek için projenizi yayınlayın ve yeni bir pencerede açın.
Şimdi Elementor Pro'yu Alın !!!
Sonuç
Bu makale, WordPress Gutenberg düzenleyicisinde bir Elementor açılır penceresini nasıl açacağınızı gösterir. Bu makaleyi yararlı bulmanızı umuyoruz. Son olarak, açılır pencerenizin başarısının kullanıcılarınızı alakalı içerik ve ikna edici bir harekete geçirici mesajla dönüştürmeye bağlı olduğunu unutmayın.
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ş.
...