SearchWP Modal Search Form (SearchWP Modal Arama Formu)

Açıklama

Erişilebilir, hafif bir modal arama formunu WordPress web sitenize kolayca entegre etmek için SearchWP Modal Arama Formu’nu kullanın! SearchWP Modal Arama Formu için SearchWP gerekmez, ancak yüklü ve etkinleştirilmişse SearchWP’yi kullanacaktır! 👍

Bu BENİ OKU belgesinde sunulan bilgilerin dışında tam belgeler de mevcuttur.

Bunu diğer modallardan farklı kılan nedir?

SearchWP Modal Arama Formu’nun arkasındaki felsefe, erişilebilir ve hafif modal arama formlarının uygulanmasını kolaylaştırmak, ancak belki de daha da önemlisi bunu harika bir geliştirici (ve kullanıcı) deneyimi haline getirmektir.

SearchWP Modal Arama Formu, kullandığınız şekilde WordPress ile doğrudan entegre olur ve varsayılan modal form teması, aktif temanız tarafından yerleştirilen stiller üzerine inşa edilerek ek yükü olabildiğince azaltır. SearchWP Modal Arama Formu’nda en az zahmetle tamamen özelleştirmenize olanak tanıyan tam bir şablon yükleyici de yerleşiktir.

Özelleştirmenin ne kadar kolay olduğuna dair bir örnek için varsayılan şablona göz atın 🤓

Sitenize modal formlar ekleme

SearchWP Modal Arama Formu, WordPress web sitenizin herhangi bir yerinde modal arama formlarının uygulanmasını kolaylaştırır. Aşağıdaki yöntemler yerleşiktir ve kullanımınıza sunulmuştur:

1. Bir Menü Öğesi olarak
2. Bir Kısa Kod kullanarak
3. Bir Gutenberg Bloğu olarak
4. Şablon(lar)ınızın içinde programlı olarak

Şablon Özelleştirme

SearchWP Modal Arama Formu, arama formlarını herhangi bir sayıda şablonda görüntülemek için uygun bir şablon yükleyiciyi entegre ederek, modalin her şablonda nasıl göründüğünü tamamen özelleştirmenize olanak tanır.

Özel bir şablon oluşturmanın en basit yolu aşağıdaki gibidir:

1. Temanızın içinde searchwp-modal-form adında bir klasör oluşturun
2. Bu klasör içinde template.php (veya .php ile biten herhangi bir ad) adında bir dosya oluşturun
3. Varsayılan şablonun içeriğini bu dosyaya kopyalayın
4. Başlık yorum bloğunda SearchWP Modal Form Adı değerini özelleştirin
5. Belgelere dikkat ederek biçimlendirme/stil üzerinde istediğiniz diğer özelleştirmeleri yapın

Modaller açıldığında ve kapatıldığında tetiklenen (jQuery) olaylar vardır. jQuery bir bağımlılık değildir, ancak jQuery yüklenirse olaylar tetiklenecektir.

// Add a callback when a modal is opened:
jQuery('body').on('searchwpModalOnShow', function(e) {
    // Focus an input in the template.
    e.el.find('input').focus();
});

// Add a callback when a modal is closed:
jQuery('body').on('searchwpModalOnClose', function(e) {
    alert('Modal closed!');
});

Daha fazla ayrıntılı bilgi için lütfen tüm şablon belgelerini inceleyin.