Basit bir Wordpress açılır pencere eklentisi. WordPress'te kalıcı (canlı) bir pencere nasıl oluşturulur? Düğmeye bastıktan sonra kalıcı pencere etkinleştirilir
Son zamanlarda bir site için kalıcı pencereden WordPress için bir ağ geçidi formu oluşturmam istendi. Yani, bilgisayarın diğer tarafına gitmek yerine “bize yazın” mesajına tıkladığınızda, gelişmiş bildirim fonksiyonunun bulunacağı yeni bir açılır pencere açılabilir. Bu daha etkileşimli bir çözüm, ancak herkes bundan hoşlanmayacak. İletişim sayfasının klasik uygulamasının önemini özellikle vurguluyorum; sitelerdeki formlarda farklılıklar var - bu yüzden bu planın tepesine bakmak gerekecek. Robotun 2 eklentisi var: zengin bir İletişim Formu 7 paketi ve WordPress'te kalıcı bir pencere oluşturmak için bir Kolay Modal modülü.
Güncelleme 05/18/2017: Depodaki kalan girişlere bakıldığında bazı durumlarda işleyişinde sorunlar yaşanabilir. İlgilenmiyorsanız Popup Maker adlı bir geliştiricinin yeni çözümünü deneyin. Yine de bir alternatife bakabilirsiniz.
Contact Form 7 kurulumu ve ayarları konusunda detaya girmeyeceğim, tüm bilgiler bununla ilgili. Blogda ayrıca faydalı olabilecekler hakkında bir makale de vardı.
Easy Modal modülüne geçelim. Yogo'yu tanıyacaksın. Perakendeciler, en iyi çözümün sitede içerik sunmak için çeşitli özel olanaklara sahip modal simgeler oluşturmak olduğunu doğruluyor.
Zavantazhen 10 binin üzerinde, derecelendirme 4,6. Kabul edilebilir sürümler 3.4 - 4.0.8'dir, ancak bunu WP 4.3.1'de başarıyla çalıştırdım. Eklentinin yeni Popup Maker çözümüne dönüştürülmüş olmasına rağmen, wordpress.org sitesinde ve yönetici alanında eklenti ararken hala en son Easy Modal sürümünü 2.0.17 bulabilirsiniz. Bu durumda size WordPress'te kalıcı pencere oluşturmayı anlatacağım.
Kurulumdan sonra birkaç öğe içeren tek bir bölüm görünecektir. Bunlardan ilkine ihtiyacımız var - Modallar. Orada Yeni Ekle butonuna tıklayın.
Tek yapmanız gereken web siteniz için yeni bir kalıcı pencere oluşturmaktır. Özelleştirilmiş öğenin 4 yer işareti olacaktır:
- Genel – gelişmiş parametreler.
- Görüntüleme Seçenekleri – görüntüleme seçenekleri.
- Kapatma Seçenekleri - Pencereyi kapatmanın ayarlanması (tıklayarak veya Esc düğmesini kullanarak).
- Örnekler – Wikoristanny kodunu uygulayın.
Yanlış ayarlar arasında pencerenin adı (sitede görüntülenmeyen), başlığı, içeriği ve ilgi türü yer alır. HTML modunu değiştiren bir içerik bloğu için, kalıcı penceredeki bağlantıya kendi biçiminin bir kısa kodu eklenir.
Yük Tipinin 2 seçeneği vardır:
- Site Geneline Yükle (tüm web siteleri için).
- Sayfa/Gönderi Başına (belirli gönderiler ve sayfalar için).
Bu çok kullanışlı bir seçenektir. Sitenin tüm sayfalarında görüntülenecek bir açılır pencereye ihtiyacınız varsa (örneğin kenar çubuğunda görüntülenecektir), ilk seçeneği seçin. Sitenin sayfalarının/yayınlarının başka bir bölümünde, düzenleme saatinde özel bir ayar bloğu görünecektir:
Hem bu sayfa hem de diğer sayfalar için kendi boşaltma pencerenizi etkinleştirebilir ve seçebilirsiniz. Kutuyu işaretlemezseniz öğe sitede görünmeyecektir.
Modül parametrelerinin başka bir sekmesi Görüntüleme seçenekleri.
Burada şunu belirtirsiniz:
- pencere boyutu - otomatik, orta, uyarlanabilir, küçük, büyük vb.;
- Astar, şeklin arka planına eklenebilir veya onsuz görüntülenebilir;
- drenaj penceresinin gösteriminin animasyonu;
- pozisyon (roztashuvannya) - ortada canavar, altta sağ elini kullanan; sabit;
- Ana ekrana erişim.
Kalan sekmede ek Easy Modal eklentisini kullanarak WordPress'te kalıcı bir pencere görüntülemeye yönelik uygulamayı bulacaksınız.
Bu kodu kenar çubuğundaki veya metin düzenleyicideki bir widget aracılığıyla eklemeniz gerekir. Belirli bir modal pencerenin (eModal-1) sınıfının burada belirtilmesi dışında, diğer HTML kodları hakkında endişelenecek bir şey yoktur. Sizin tarafınızdan oluşturulan başka bir öğe için sınıf eModal-2 vb. olacaktır. Kodu eklerken hasarı önlemek için en kolay yol, kodu bu sayfadan kopyalamaktır.
Kalıcı pencerenin temalarını düzenleme
Easy Modal eklentisi ile temayı belirli bir öğe için özelleştirebilirsiniz. Modülün temel, kedisiz versiyonunda yalnızca bir şablon bulunur, ancak daha fazlası da mevcuttur.
Bu aracın 6 sekmesi vardır:
- Genel – bunların adını belirtin;
- Kaplama - arka plan (burada form astarının rengini ve netliğini seçebilirsiniz);
- Konteyner - modern bir pencerenin farklı şekilde özelleştirilmesi (açıklıklar, çerçeve, gölge);
- Başlık - kayan pencerenin başlığının parametreleri (yazı tipi, gölge);
- İçerik – bloktaki metnin yazı tipi ve rengi;
- Kapat - kapalı form öğesi (metin ve tasarım).
Bildiğiniz gibi yeni görünüm ihtiyaçlarınıza göre özelleştirilebilir. Kalıcı bir pencerede bu basit WordPress formunu buldum:
Tüm ayarları yükledikten sonra kaydetmeyi unutmayın (Kaydet düğmesine tıklayın).
Easy Modal yağmurlama penceresine İletişim Formu 7'nin eklenmesini gösteren video
Konuşmadan önce, WordPress'te kalıcı bir ağ geçidi penceresi oluşturma sürecini gösteren Easy Modal eklentisiyle çalışmanın bir videosunu burada bulabilirsiniz. Orada modülün arayüzü biraz modası geçmiş (ayarlar farklı görünüyor), ancak gizli öz yakalanabilir. Belki birisinin ek video için yemek servisinizle iletişime geçmesi daha kolay olabilir.
WordPress için kalıcı pencereler hakkında konuşalım
Yukarıda da söylendiği gibi Easy Modal eklentisi (resmi siteye göre) yakın zamanda Popup Maker'da yeniden düzenlendi. Depo tek isimli bir modül bulmayı başardı ve ardından onu test etti. Bunu size WordPress'in güncel sürümlerinde Easy Modal kullanmayı bırakmanız gerektiğini bilmeniz için anlatıyorum.
Şikayetlerim hiçbir maliyet olmadan çözüldü, ücretli eklentiler (eklentiler) için ödeme yapmak istiyorum. Odağı ayarlamanıza, daha fazla tasarım eklemenize, analizleri ve diğer hileleri kullanmanıza olanak tanırlar. Modal pencerelerin mekanizmasının daha fazla eklenmesine ihtiyacınız varsa genişletmeye daha yakından bakabilirsiniz.
Görünen pencerede İletişim Formu 7 iletişim formunu açmaya gerek olmadığı sürece Easy Modal'ın temel yetenekleri ortaya çıkar. Ayrıca çözüm, WordPress'teki diğer kalıcı pencereleri (faydalı araç ipuçları, ek bilgiler vb.) görüntülemek için de kullanılabilir. HTML kodunu eklemek için düzenleyicinin varlığına ek olarak, açılır pencerede video, form vb. görüntüleyebilirsiniz. Zagalom korysny eklentisi. Güzel yemek olacaksa yorumlara yazın.
Pop-up'ın herhangi bir işlem sonucunda bilgisayar ekranında açılan bir pencere olduğunu öğrenebilirsiniz.
Bu makalede, WordPress için PopUP açılır pencerelerinin güçlü bir şekilde oluşturulmasına bir göz atacağız.
Benzer açılır pencereler çeşitli amaçlarla kullanılabilir: Bu pencereye ön ödeme formu, bilgi notu, resim, iletişim formu vb. ekleyebilirsiniz.
Bu yazıda birleştirici pencereler oluşturmak için WordPress için özel bir eklentiye bakacağım. WordPress Açılır Penceresi.
Açılış pencereleri oluşturmak için WordPress PopUp eklentisi
Bu eklenti, doğrudan WordPress yöneticisindeki eklenti kataloğundan edinilebilir, bu nedenle yüklenmesi önemli değildir.
Bunu arama ve basma yoluyla biliyoruz. Düzenlemek:
Yönetici menüsünde yeni bir öğe mevcut olacak Aniden belirmek:
Bu noktada eklentiyi kişiselleştirip işlevselliğini sağlamak mümkün. Raporda listelenen her şeye bir göz atalım.
Alt noktada Açılır pencereler nokta Aniden belirmek Mevcut tüm drenaj pencereleri ve onlarla temizlik mevcuttur. Parçalar henüz açılmadı, ürün boş:
Sorunu çözelim ve alt öğeye gideceğimiz ilk erime penceremizi oluşturalım. Yeni ekle Daha sonra aynı düğmeye basın:
Yeni yaratılmış.
Ne tür bir ödeme olacağını hemen anlayalım, örneğin bir ön ödeme şekli.
Oluşturulan dökme penceresinin kurulumu, adının veya daha doğrusu, diğerlerinin yanı sıra, bunun açıklığı için bilinen bazı tanımlayıcıların yazılmasıyla başlar. Bu tanımlayıcı sütuna kayıtlıdır Açılır Pencere Adı (Açılır Pencerede görüntülenmez)
ve bu grafiğin adından Rusçaya çevrildiğinde tahmin edilmesi zor olmadığından birleşen pencere görünmüyor:
Bu başlık ve alt başlık, boşaltma penceresinin üst kısmında görünecektir. Adın altındaki alanda biraz daha aşağıda Ana Açılır İçerik
Dökülme penceremizin ana kabını yerleştirmek gerekmektedir. Dolayısıyla, ön ödeme formunu bu pencereye yerleştirmek istersem, metin düzenleyici modunda bu alana ön ödeme formunun kodunu yazacağım: Tam orada, biraz sağda, ayrımda Açılır Özellik Resmi (isteğe bağlı)
Herhangi bir görüntünün ekleme penceresine bir ekleme uygulamak mümkündür:
Hiçbir resim eklemeyeceğim. Biraz daha aşağıda, ayrı Harekete Geçirici Mesaj Düğmesi (isteğe bağlı)
Herhangi bir işlemden önce kapalı pencereye bir tıklamayla bir düğme eklemek mümkündür: Bunun gibi bir düğme oluşturmak kolaydır; kutuya düğmenin adını yazmanız yeterlidir Düğme Etiketi ve sayım Düğme Bağlantısı
gerekli eylemi etkinleştiren bir mesaj yerleştirin. Aniden belirmek Yaratılan parametrelerin önemini yitirdi
vikna. Gelin onların raporuna bir göz atalım.
Pencereleri birleştirmenin parametrelerini ayarlama
Eklentinin ücretsiz sürümünde tüm ayarlamaların mevcut olmadığı ve çoğu kişinin eklentinin ücretli sürümüne bir servet harcamak istemediği doğrudur, ancak her şeyden önce eklentinin yerel sürümünde mevcut olan temel ayarlamalar. Bölümden sırasıyla başlayalım:
Dış görünüş
Paragraf adının birebir çevirisi görünüm anlamına gelir. Bu bölümdeki düzenlemelerin yetkililerin drenaj yapan bir pencereye sahip olacağı anlamına geldiğini tahmin etmek çok da önemli değil. Eklentinin ücretsiz sürümü için de bir onay kutusu mevcuttur Yuvarlatılmış köşeler yok , her etkin kutudaki bir onay işareti, yapılandırılmış pencerede olduğu gibi yuvarlak çizgileri değil, düz çizgileri etkinleştirir ve ayrıca öğede yapılandırılmış pencerenin boyutunu manuel olarak seçebilme yeteneğini etkinleştirir(Uygun onay kutusunun yanındaki onay kutusu, pencerenin genişliğini ve yüksekliğini piksel cinsinden belirtmenize olanak tanır).
Şimdi bölüme bakalım Davranış, drenaj penceresinin davranışını gösteren ayar:
Eklentinin ücretsiz sürümü için mevcut olan eklentileri burada bulabilirsiniz:
- PopUp'ın ne zaman gösterileceği:- sayfanın sitede açıldığı andan kilitlenme penceresi görünene kadar bir saat (seçim başına saniye veya saniye olarak);
- "Bu mesajı bir daha asla görme" ayarları:— bu kaynağın sayfaları açıldığında boşaltma penceresinin görüntülenmesini engellemek için özel bir düğmeye basılmasına izin veren ayarlamalar. Burada başka onay kutusu yok “Bilinmeyen kişi mesajı tekrar” bağlantısını ekleyin, bağlantının arkasında varlığın etkinleştirildiği bir onay işareti görünecektir Bu mesajı bir daha asla görme, herhangi bir bloğa tıklamak, bu kaynağın sayfalarında bu birleştirme penceresini daha da görüntüleyecektir.
Ayarlama bölümüne bakmaya devam edelim Koşulların Görüntülenmesi (isteğe bağlı), ayarlanmakta olan tahliye penceresinin görüntüsünü gösterir:
Burada pek çok nokta var, sırasıyla bakalım:
- Ziyaretçi giriş yaptı- Sitede kimlik doğrulamasını geçen yatırımcılara sızıntı penceresinin gösterilmesi (böyle bir olasılığın açık olması nedeniyle);
- Ziyaretçi giriş yapmadı- Sızıntı yapan pencerenin sitede kimliği doğrulanmayan müşterilere gösterilmesi;
- PopUp şu değerden daha az gösteriliyor:- Kullanıcı birçok kez pompalayamayana kadar boşaltma penceresinin görüntülenmesi (sütunda ayarlanır) PopUp'ı şu sıklıkta görüntüle:);
- Yalnızca mobil cihazlarda- Mobil cihazların boşaltılması için boşaltma penceresinin görüntülenmesi;
- Mobil cihazlarda değil- Tahliye penceresinin yalnızca bilgisayar veya dizüstü bilgisayar kullanıcıları için görüntülenmesi (mobil cihazlardan değil);
- Belirli bir yönlendirenden- Muhabirin özel yardım için gelmesi durumunda drenaj penceresinin ortaya çıkması yönlendiren
- Belirli bir yönlendirenden değil- Koristuvach özel yardım için geldiğinde, sızıntı yapan pencerenin Prikhovuvannya'sı yönlendiren(Hakem hemen merak eder);
- Dahili bağlantıda değil- aynı kaynağın başka bir tarafından dahili mesajlar için gelenler durumunda sızıntı penceresi görünmez;
- Bir arama motorundan- Sahayı ses sistemleriyle ziyaret eden sürücüler için tahliye penceresinin görüntülenmesi;
- Belirli bir URL'de- Boruların üzerinde bulunan fanların tahliye penceresinin görüntülenmesi URL'si Tam URL'ler;
- Belirli bir URL'de değil- Şarkı söyleyenlerin iyiliği için, üfleyicilerin tahliye penceresinin çizimi URL'si, listesi grafiğin tam orada soruluyor Tam URL'ler;
- Ziyaretçi daha önce yorum yaptı-Sitede yorum yapmaktan mahrum kalan gazetecilere sızan pencerenin hayali. Qiu zihni zihinden yenebilir Ziyaretçi giriş yaptı ya da başka Ziyaretçi giriş yapmadı;
- Ziyaretçi hiç yorum yapmadı-Sitedeki yorumlardan mahrum kalmayan koristuvach'lara sızdıran pencerenin görüntüsü. Qiu zihni zihinden yenebilir Ziyaretçi giriş yaptı ya da başka Ziyaretçi giriş yapmadı.
Eklentinin ücretsiz sürümünde mevcut olan tüm ayarlara baktık, şimdi ise eklentinin yalnızca ücretli sürümünde mevcut olan ayarlara hızlıca göz atalım WordPress Açılır Penceresi:
![](https://i2.wp.com/expromtom.ru/wp-content/uploads/2014/12/okna-popup-dlya-wordpress-plaginom_15.jpg)
Tüm bu bonuslar eklentinin ücretli sürümünde yer alıyor ve görünüşe göre fiyatı 19 dolar.
Drenaj penceresini oluşturmak ve ayarlamak için gerekli tüm adımları tamamladıktan sonra sonuçları kaydetmelisiniz (düğme Kaydetmek) ve olanlara hayret edin, vikorista ve ileriye bakın (düğme Açılır Pencereyi Önizle):
Sonuç lehinize ise boşaltma penceresini etkinleştirebilirsiniz ( Durum kamptan transfer Aktif).
Tüm aşırı sigorta işlemlerinden sonra aşağıdaki sonucu iptal edebildim:
Viyshov eklentinin kapsamlı incelemesini tamamladı WordPress Açılır Penceresi WordPress motorunda İnternet kaynakları için sızıntı yapan pencereler oluşturmanıza olanak tanır.
Yazıyı okuduktan sonra eklentinin işlevselliğini web sitenizde ilgili ilgi alanlarınıza yönelik olarak rahatlıkla kullanabilirsiniz.
Sergey Arsentiev
WordPress'te pencere sızıntısı için en iyi eklenti
Herhangi bir blogda resimler vardır ve bunlardan birçoğu vardır ve farklı genişliklerdedirler. Bu durumda yanda büyük resimler minyatür olarak görünür ve tıklandığında resmin tamamı yakalanır. Ve penceredeki resimleri güzel bir efektle açmanıza olanak tanıyan WordPress için özel eklentiler.
Tek bir sorun var: Bu eklentiler çok çekici ve bunları sitenize "yaymak" istemezsiniz. Pek çok eklenti denedim ama ilk şeyi kendim bilmiyorum.
WP Lightbox, Lightbox2, Fancybox, Jquery Lightbox ve diğer eklentiler benim için özellikle işe yaramadı.
Ve bu eklenti, herhangi bir ek düzenleme yapılmadan ve JavaScript çakışmalarını aramadan hemen talep edildi. Sizin de çok iyi çalışmanız tamamen mümkün, bu yüzden bunu kendiniz koymaya çalışmanızı tavsiye ederim, özellikle de anlamsız bir avantaj olabileceği için.
Saygı!
Daha da havalı bir eklenti biliyorum! Sızdırılan resimler ve galeriler için daha havalı ve daha bağımlılık yaratan bir eklenti biliyorum. Duyarlı Işık Kutusu
dFactory'yi görüntüleyin. Geri kalan her şeyi okumana gerek yok, tarih diye siliyorum
Sadece temel WordPress eklentinizi yükleyin ve benzersiz tasarım ve düzene sahip standart olmayan temalar da dahil olmak üzere çeşitli temalar üzerinde çalışarak para kazanabilirsiniz. Diğer eklentiler diğer tarafta çalışmayı tercih etti.
https://ua.wordpress.org/plugins/responsive-lightbox/ deposundan indirebilirsiniz.
5 dakika ve her şey işe yarıyor, iyi şanslar!
Tarih uğruna önceki metni siliyorum:
Kenardaki bazı programların sonuçlarına göre, pencereleri birleştirmeye yönelik bu eklenti, vikoryst'in mevcut JS komut dosyalarının yanı sıra dünyadaki en popüler eklentilerden biridir. Prensip olarak her şey sorunsuz bir şekilde tamamlanacak, kronometre ile ayakta durmadan farklı eklentilerin çalışmalarının akıcılığı etkilenmeyecektir. Her durumda, “en gelişmiş eklentiye” sahip olduğunuzu size bildirmek isteriz.
Colorbox'ın bariz avantajlarından biri de kayıtsız rehberliğidir: Onu da aynı alt başlıkta koyacağım. Her şeyi anlatmayacağım, sadece ne tür bir ayarlama yaptığımı söyleyeceğim, özellikle de cilt ayarlarının bir açıklaması olduğu için.
Lightbox Plus Colorbox'ın kurulumu ve ayarlanması
Kapatılan etiketten önceki başlık.php dosyası
Footer.php dosyasında kapanış etiketinden önce