WordPress'te Yazı Etiketine Göre Açılır Pencere Nasıl Oluşturulur ve Görüntülenir

WordPress'te gönderi etiketi başına bir açılır pencere oluşturmak ve görüntülemek istiyor musunuz? Bu yüzden bu makaleyi okumaya devam edin.

Bir web sitesinde gezinirken görünen küçük pencereye zaten aşina olduğunuza eminiz. Buna açılır pencere veya açılır pencere denir. Pop-up'lar bir web sitesinde farklı boyutlarda ve ekran konumlarında görünebilir.

WordPress'te açılır pencereler oluşturmak için Elementor Pro, JetPopup, Brizy Pro ve daha fazlası gibi birçok eklenti vardır.

Hatırlanması gereken önemli şey, pop-up'ların web sitenizin ziyaretçileri için rahatsız edici olmaması gerektiğidir. Bu nedenle mümkün olduğunca basit ve çekici bir açılır pencere oluşturun.

İçindekiler

Açılır pencereler oluşturmak için bazı WordPress eklentileri

Elementor Pro

Elementor Pro, yüzlerce premium özelliğe sahip bir Elementor uzantısıdır. Size iş akışınızı ve tasarımınızı hızlandıran güçlü profesyonel araçlar sunar. Elementor Pro, web sitenizin düzeni ve tasarımı üzerinde size tam kontrol sağlar. Bu durumda, açılır pencerenizin tasarımını özgürce özelleştirebilirsiniz.

utiliser Elementor Pro posta etiketi ile açılır pencere oluşturmak çok basit ve kullanımı kolaydır. Açılır pencerenizin görüntülenme koşullarını çok kesin bir şekilde kolayca tanımlayabilirsiniz.

Crocoblock'un JetPopup'ı, Crocoblock'un bir uzantısıdır. Elementor. Bunu bağımsız bir eklenti olarak satın alabilir veya diğer Crocoblock eklentileriyle birlikte bir paket halinde satın alabilirsiniz. Bir açılır pencere oluşturmak için JetPopup kullanmanın avantajı, pek çok harika özellikle birlikte gelmesidir.

Açılır pencere tetikleyicileri ile oynayabilirsiniz.
Açılır pencere için animasyonlar oluşturabilirsiniz.
Çok sayıda açılır pencere şablonu mevcuttur.

Ayrıca Oku: Elementor için En İyi 22 Premium Eklenti

Brizy Profesyonel

açılır pencere oluşturucusu Brizy Profesyonel size iki seçenek sunar. Birincisi, tıklamayla etkinleştirilen açılır pencere, ikincisi ise otomatik tetikleyiciler ve koşullardır.

Tıklamayla açma: Açılır pencereniz, sayfanızın öğelerine tıklanarak kolayca tetiklenebilir.
Otomatik tetikleyiciler ve koşullar: Açılır pencerelerin ne zaman görüntüleneceğini belirleyecek ziyaretçi eylemlerini yapılandırabilirsiniz.

Daha önce de belirtildiği gibi, WordPress'te bir açılır pencere oluşturmak için birkaç seçeneğiniz vardır. Bu eğitimde, sürümü kullanarak gönderi başına bir açılır pencerenin nasıl oluşturulacağını ve görüntüleneceğini göstereceğiz. Elementor Pro, bu yüzden zaten bir tane olduğundan emin olun.

Yapılacak ilk şey, yeni bir Popup şablonu oluşturmaktır. Yeni bir Açılır pencere şablonu oluşturmak için şu adrese gidin: Şablonlar > Açılır Pencereler WordPress kontrol panelinizde ve düğmesine tıklayın Yeni ekle.

Ardından, Popup'ınızın adını ekleyin ve düğmesine tıklayın BİR MODEL OLUŞTURUN.

Şablon kitaplığına yönlendirileceksiniz, kitaplık penceresinden bir şablon seçebilir veya kendi Popup şablonunuzu tasarlayabilirsiniz. Kitaplıktan bir şablon kullanmak için düğmeye tıklamanız yeterlidir. eklemek.

Ancak bu eğitimde, Popup şablonunu sıfırdan oluşturacağız. simgeye tıklayın X şablon kitaplığını kapatmak için.

Popup şablonu oluşturmaya başlamadan önce Popup ayarlarında bazı ayarlamalar yapmamız gerekiyor. Siteniz için en iyi ayarları bulabilirsiniz. Bu eğitimde, size seçtiğiniz Popup ayarlarını göstereceğiz.

Sol alt köşedeki dişli simgesini tıklayın. Açılır pencere ayarlarında, Genişlik görünümün genişliğinin %90'ında (VW) Et Pozisyon en Merkez-Alt.

Ardından, Popup şablonunuzu tasarlayın. Yeni bir bölüm ekleyin ve 5 sütun yapısını seçin. Bölüm ayarlarında, Genişlik 950'de. Kendi ayarlarınızla oynayabilirsiniz.

Örneğin, sekmeye gidebilirsiniz. stil arka planı ayarlamak için sekmeye gidin gelişmiş kenar boşluğunu ve daha fazlasını özelleştirmek için.

Şimdi sütunlarınıza geri dönün. Sol sütunda genişliği %33'e ve diğer dördü için %16'ya ayarlayın.

Sol sütunda, biraz metin içeren bir Başlık widget'ı ekleyeceğiz. Web sitenizin ziyaretçilerini mevcut içerikle ilgili diğer içeriği veya seçtiğiniz herhangi bir metni görüntülemeye davet eden bir metin ekleyebilirsiniz.

Sağ tarafta, bir Görsel widget'ı ekleyeceğiz. Gönderilerin küçük resimlerinden/öne çıkan resimlerinden resimler ekleyebilir veya manuel olarak yükleyebilirsiniz.

Artık yapı hazır. Geri dönmek Açılır Pencere Ayarları giriş, çıkış ve kenar boşluğu animasyonlarını özelleştirmek için. Bu eğitimde, girişi şu şekilde ayarladık: Sönük ve çıktı açık yavaş yavaş. Ardından sekmeye gidin gelişmiş ve kenar boşluğunu 30'a ayarlayın (bağlantılar için ortak değer).

Tasarım hazır olduğuna göre butona tıklayın. YAYINLA görüntüleme koşullarını ve tetikleyicileri ayarlamak için. Görüntüleme koşulunu tanımlamak için düğmesine tıklayın KOŞUL EKLE ve açılır listeden seçeneğinizi seçin.

Popup by post etiketini görüntülemek istediğinizde, aşağıdaki görüntüleme koşullarını ayarlayabilirsiniz (animasyona bakın).

Sonrakine tıkla. sekmesinde tetikleyiciler, tetiği şu şekilde ayarlayın: Kaydırmada anahtarı çevirerek Evet. tanımlayın Kullanım Şekli uzeri Bas ve Genişlik %95'in üzerinde. Çünkü ziyaretçiler yazımızın sonuna geldiğinde Popup'ın görünmesini istiyoruz.

Bu eğitimde, tanımlamayacağız Gelişmiş Kurallar. Öyleyse tıklayın KAYDET VE KAPAT. Artık işimiz bitti.

Nasıl göründüğüne bakalım.

Burada açılır pencerenizi yeni bitirdiniz. İlgili makalelerimize de bakın:

Elementor Pro'yu İndirin

Bu makaleyi paylaş :

Mikhos Gartner

Mikhos Gartner, küçük işletmelere yönelik SAAS araçlarını satın alan, test eden ve inceleyen bir dijital araç uzmanıdır. Teknoloji alanında uzun yıllara dayanan deneyiminden yararlanarak aydınlatıcı incelemeler sunuyor. İçeriği geniş çapta tüketiliyor ve her ay milyonlarca kullanıcıya hizmet veriyor.