WordPress'te Çoklu Seçim Açılır Alanı Nasıl Kurulur (Kolay Yol)

Yayınlanan: 2020-10-26

WordPress'te çoklu seçim açılır alanı eklemeniz mi gerekiyor? Çoklu seçim açılır menüleri, kullanıcıların bir listeden 1'den fazla seçenek seçmesine izin vermenin harika bir yoludur.

Bu makalede, kendi çoklu seçim açılır listenizi oluşturmanın kolay ve hızlı bir yolunu göstereceğiz. Açılır menüyü oluşturmak ve web sitenize eklemek için herhangi bir kod yazmanıza gerek yoktur.

WordPress Formunuzu Şimdi Oluşturun

Bir Açılır Menüde Birden Çok Seçeneği Nasıl Seçersiniz?

WPForms'u kullanarak herhangi bir açılır menüyü çoklu seçim açılır listesi olacak şekilde ayarlayabilirsiniz.

Ziyaretçiniz listedeki bir öğeyi tıkladığında, daha fazla seçim yapabilmeleri için açılır menü açık kalır.

Bir formda WordPress çoklu açılır listesi

WPForms, en iyi WordPress Form Oluşturucu eklentisidir. Bedavaya al!

Bu açılır menü, seçenekler arasında arama yapmanızı da sağlar. Bu nedenle, açılır bir ülke listesi gibi uzun listeler için mükemmeldir.

Kendiniz çoklu seçim açılır menüsü oluşturmanın kolay yolunu size göstereceğiz.

WordPress'te Çoklu Seçim Açılır Alanı Nasıl Kurulur

Bu eğitimde üzerinde çalışacağımız adımlara bir göz atalım.

  1. WPForms Eklentisini yükleyin
  2. Formunuzu Oluşturun
  3. Formunuza Çoklu Seçim Açılır Alanı Ekleyin
  4. Formunuzu Web Sitenizde Yayınlayın

Tamam, kullanacağımız eklentiyi yükleyerek başlayalım.

Adım 1: WPForms Eklentisini Kurun

WPForms, WordPress için en iyi form oluşturucudur. Sürükle ve bırak oluşturucuyu kullanarak web siteniz için herhangi bir form oluşturmak çok kolaydır.

Formunuzu oluşturmaya başlamak için WordPress'te WPForms eklentisini kurmak ve etkinleştirmek isteyeceksiniz. Bu adımda yardıma ihtiyacınız varsa, eklenti yüklemeye yönelik bu başlangıç ​​kılavuzuna bakın.

Her şey hazır mı? Devam edelim ve ilk formunuzu oluşturalım.

2. Adım: Formunuzu Oluşturun

Şimdi temel bir form oluşturacağız ve ona bir açılır liste ekleyeceğiz.

Bu örnekte, bir veri seçici ve bir açılır menü içeren bir gönüllü formu oluşturacağız.

WPForms, harika bir gönüllü başvuru formu şablonuna sahiptir. Ancak bu örnek için başlangıç ​​noktası olarak basit iletişim formunu kullanacağız.

Başlamak için WordPress kontrol panelinizi açın ve WPForms » Yeni Ekle 'yi tıklayın.

Çok adımlı bir açılır liste eklemek için yeni form ekleyin

Devam edin ve formunuz için en üste bir ad yazın. Ardından, tarayıcınızda açmak için Basit İletişim Formu şablonunu tıklayın.

WPForms'da Basit İletişim Formu şablonunu açın

Şimdi şablon açık, zaten 3 alanımız olduğunu göreceksiniz:

  • İsim
  • E-posta
  • Yorum veya mesaj

Çoklu seçim açılır alanı için yeni form oluşturun

Formu dolduran kişinin yardım etmek istediği günü seçebilmesi için bir tarih alanı ekleyelim.

İlk olarak, form oluşturucunun sol tarafından bir Tarih / Saat alanını sağ tarafa sürükleyin. Ardından ayarları açmak için Tarih / Saat alanına bir kez tıklayın.

Burada özelleştireceğimiz 2 temel ayar var:

  • Etiket metnini formunuza uyacak şekilde değiştirin
  • Yalnızca bir Tarih alanına değiştirmek için açılır menüyü kullanın.

Tarih saat alanını tarihe değiştir

Şimdi Gelişmiş Seçenekler'e gidin ve ayarları genişletmek için üzerine tıklayın.

Tarih alanı için gelişmiş seçenekleri genişletin

Gönüllüleri yalnızca hafta içi istiyoruz, bu yüzden hafta sonlarının gri görünmesi için Günleri Sınırla'ya tıklayalım. Bunu yapmak için Pazartesi'den Cuma'ya seçim yapın:

Saat ve tarih alanındaki günleri sınırlayın

Tamam, bu bitti, böylece Kaydet 'e tıklayabiliriz.

Çoklu seçim açılır listemizi eklemeye devam edelim.

3. Adım: Formunuza Çoklu Seçim Açılır Alanı Ekleyin

Bu adımda, bir açılır alan ekleyeceğiz ve ardından bunu birden çok seçimi kabul edecek şekilde özelleştireceğiz.

İlk olarak, formun üzerine bir açılır menü sürükleyelim. Ardından, ayarların solda açılması için alana tıklayın.

Çoklu seçim açılır menüsünü forma sürükleyin

İsterseniz, gönderileriniz veya ürünleriniz gibi WordPress'in diğer bölümlerinden açılır menüyü otomatik olarak doldurabilirsiniz. Dinamik alan seçeneklerinin nasıl kullanılacağını bu yazımızda öğrenebilirsiniz.

Ancak listeyi kodlamak istiyorsanız, WPForms bunu kolaylaştırır. Açılır alanlar için bazı kullanışlı ön ayar listeleri ile birlikte gelir. İşleri hızlandırmak için, ön ayarlardan birini kullanarak ABD Eyaletlerinin bir listesini ekleyeceğiz.

İlk olarak, devam edin ve açılır alan ayarlarında Toplu Ekle'yi tıklayın.

Çoklu seçim açılır menüsüne toplu ekleme seçenekleri

Ardından, mevcut tüm ön ayar listelerini açmak için Ön Ayarları Göster'e tıklayın.

Çoklu seçim açılır ön ayarlarını göster

Şimdi otomatik olarak Devletler'i tıklayın biz çoklu seçim açılan ekleyebileceğiniz ABD eyaletleri listesini alalım.

Devletler çoklu seçim açılır menüsü

Durumların tam listesinin Seçenekler kutusunu otomatik olarak doldurduğunu göreceksiniz. Bunları yanıt seçenekleri olarak eklemek için Yeni Seçenekler Ekle'ye tıklayın.

Çoklu seçim açılır menüsüne yanıt seçenekleri ekleyin

Açılır alanın 3 varsayılan yanıtı olduğunu fark ettiniz mi? Bunları kaldırmak için bu varsayılan seçeneklerin yanındaki eksi işaretine tıklamayı unutmayın.

Çoklu seçim açılır listesinden varsayılan yanıtları kaldır

Pekala, açılır alanda ayarladığımız yanıt seçeneklerimizin tümü bu kadar.

Şimdi tek yapmamız gereken bunun çoklu seçim alanı olmasını istediğimizi WPForms'a söylemek.

Bunu yapmak için sol tarafta aşağı kaydıracağız ve Gelişmiş Seçenekler'i genişleteceğiz.

Bu bölümde Çoklu Seçenek Seçimi'ni seçelim.

Çoklu seçim açılır menüsü yapmak için Çoklu Seçenek Seçimini Etkinleştir

Hemen altında yapılması gereken önemli bir değişiklik daha var.

Bu alanın stilini Modern bir açılır menüyle değiştirelim.

Modern tarz çoklu seçim açılır menüsü

Bu alanı neden Modern tarza çevirdiğimizi merak ediyor musunuz?

Bu alanın çoklu seçim açılır listesi için daha iyi çalışmasının 3 nedeni vardır:

  • Modern stil alanı, listeyi genişletmek için oklu bir satır görüntüler. Bu nedenle, her zaman 4 satır görüntüleyen Klasik stilden daha kompakttır.
  • Modern stil alanı, klavyedeki herhangi bir tuşu basılı tutmadan birden çok girişi tıklamanıza olanak tanır. Klasik alanıyla, ziyaretçinizin aynı anda 1'den fazla giriş seçmek için klavyesindeki Kontrol veya Komut tuşunu basılı tutması gerekir.
  • Ve yukarıda bahsettiğimiz gibi, Modern tarz çoklu seçim açılır menüsünde, istediğiniz öğeyi hızlı bir şekilde bulmanızı kolaylaştıran bir arama kutusu vardır.

Tamam, açılır listemizi istediğimiz şekilde ayarladık. Form oluşturucunun üst kısmındaki Kaydet düğmesine tıklayarak şimdiye kadar kaydettiğimiz ilerlemeyi kaydedelim.

Artık formu yayınlayabiliriz. Bu son adımdır ve yalnızca birkaç dakika sürer.

4. Adım: Formunuzu Web Sitenizde Yayınlayın

Şimdi formu tamamladık, şimdi WordPress sitenizde yayınlama zamanı.

WPForms, formlarınızı istediğiniz yerde yayınlamanıza olanak tanır. Bunları şuraya ekleyebilirsiniz:

  • Gönderiler
  • Sayfalar
  • Kenar çubukları
  • WordPress altbilgisi.

Bu örnekte, form için yeni bir sayfa oluşturalım.

Başlangıç olarak, form oluşturucu üstündeki Göm'ü tıklayın.

Çoklu seçim açılır formunuzu gömün

Şimdi devam edelim ve Yeni Sayfa Oluştur 'u tıklayın.

Çoklu seçim açılır menüsü için WordPress'te yeni sayfa oluşturun

Sayfanız için bir ad yazın ve ardından Başlayalım 'ı tıklayın.

Çoklu seçim açılır formu için bir sayfa oluşturmak üzere Başlayalım düğmesini tıklayın

WordPress yeni sayfayı açacak ve formunuzun bir önizlemesini gösterecektir. Sağ üstteki mavi Yayınla veya Güncelle düğmesini tıklayın.

Çoklu seçim açılır menüsüyle formu yayınlayın

Artık çoklu seçim açılır listeniz yayında ve kullanıma hazır.

Çoklu seçim açılır örneği

Ve bu kadar! WordPress'te kolayca çoklu seçim açılır listesinin nasıl oluşturulacağını öğrendiniz.

WordPress Formunuzu Şimdi Oluşturun

Sonraki Adım: Formunuzu Sayfalara Bölün

Formunuzu daha kompakt hale getirmenin yollarını arıyorsanız, onu birden çok sayfaya bölmeyi düşünün. Bu, uzun formların üzerinde çalışmayı çok daha kolay hale getirebilir.

Bir forma nasıl sayfa sonları ekleyeceğinizi öğrenmek için çok adımlı bir form oluşturma kılavuzumuzu okuyun.

Formunuzu oluşturmaya hazır mısınız? En kolay WordPress form oluşturucu eklentisiyle bugün başlayın. WPForms Pro, birçok ücretsiz şablon içerir ve 14 günlük para iade garantisi sunar.

Bu makale size yardımcı olduysa, daha fazla ücretsiz WordPress öğreticisi ve kılavuzu için lütfen bizi Facebook ve Twitter'da takip edin.