WordPress Formlarında Açılır Menüler Nasıl Oluşturulur?

Açılır menüler, formların vazgeçilmez bir parçasıdır. Ülke seçimi, kategori seçimi, tercih sıralaması—kullanıcıların önceden tanımlanmış bir listeden seçim yapması gerektiğinde, açılır menüler devreye girer. Yer tasarrufu sağlarlar, verileri standartlaştırırlar ve kullanıcıları geçerli seçeneklere yönlendirirler. İşte WordPress formlarınızda etkili açılır menüler oluşturmanın yolu.

Açılır Menüleri Neden Kullanmalıyız?

Metin alanlarına göre avantajları

• Standartlaştırılmış veriler: Yazım hatası veya varyasyon yok.
• Yönlendirilmiş seçim: Kullanıcılar mevcut seçenekleri görürler.
• Yer tasarrufu: Tıklanana kadar gizli
• Mobil dostu: Telefonlarda yerleşik seçici
• Daha hızlı tamamlanma: Tıklamak mı, yazmak mı?

Radyo Düğmelerine Göre Avantajları

• Uzun listeler için daha uygun: 6'dan fazla seçenek küçük bir alana sığar
• Daha temiz görünüm: Daha az görsel karmaşa
• Kaydırılabilir: Düzinelerce seçeneği değerlendirin.

Açılır Menüler Ne Zaman Kullanılmalı?

• 6'dan fazla seçenek (daha az seçenek için radyo düğmelerini düşünün)
• Önceden tanımlanmış, bilinen seçenekler
• Tek seçim yapılması gerekmektedir.
• Uzay sınırlıdır
• Veri standardizasyonu önemlidir

Temel Bir Açılır Menü Oluşturma

Adım 1: Açılır Menü Alanı Ekleyin

1. Formunuzu açın A.F.B.
2. bulmak Yıkılmak alan türlerinde
3. Formunuza sürükleyin.

Adım 2: Etiketi Yapılandırın

Etiket: "Bizi nereden duydunuz?" Yer tutucu: "Bir seçenek belirleyin..." Gerekli: Evet/Hayır

Adım 3: Seçenek Ekle

Her seçeneği yeni bir satıra yazın:

Google Arama Sosyal Medya Arkadaş veya Meslektaş Reklam Blog veya Makale Diğer

Adım 4: Önizleme ve Test

1. Formu kaydet
2. Ön uçta önizleme
3. Seçenekleri doğrulamak için açılır menüye tıklayın.
4. Test girişini gönder

Açılır Menü Yapılandırma Seçenekleri

Temel Ayarlar

• Etiket: Soru veya yönlendirme
• Yer tutucu: Varsayılan metin (örneğin, “Seçiniz…”)
• gerekli: Göndermek için seçim yapmalısınız.
• Yardım metni: Ek talimatlar

Seçenek Ayarları

• Seçenekler listesi: Mevcut seçenekler
• Varsayılan olarak seçili: Önceden seçilmiş seçenek
• aranabilir: Filtrelemek için yazın
• Çoklu seçim: Birden çok seç

Açılır Menü Seçenekleri Ekleme

Basit Liste

Seçenek 1 Seçenek 2 Seçenek 3 Seçenek 4

Etiketlerden Farklı Değerlerle

Bir şeyi göster, başka bir şeyi sakla:

Görüntülenen: "Amerika Birleşik Devletleri" Değer: "ABD" Görüntülenen: "Birleşik Krallık" Değer: "BK"

Gruplandırılmış Seçenekler (Optgroups)

--- Kuzey Amerika --- Amerika Birleşik Devletleri Kanada Meksika --- Avrupa --- Birleşik Krallık Almanya Fransa

Birçok Seçenek

Uzun listeler için şunları göz önünde bulundurun:

• Alfabetik sıra
• En yaygın seçeneklerden başlayarak
• Arama özelliği etkinleştirildi.
• Mantıksal gruplamalar

Yer Tutucu Metni

Yer tutucu nedir?

Kullanıcı bir seçenek seçmeden önce gösterilen metin:

[Bir seçenek belirleyin... ▼] ← Yer tutucu

İyi Yer Tutucu Örnekleri

"Ülkenizi seçin..." "Bir kategori seçin..." "Bir zaman dilimi seçin..." "-- Lütfen seçin --" "Birini seçin"

Yer Tutucu En İyi Uygulamalar

• Kısa tutmak
• Bunun bir yönlendirme olduğunu açıkça belirtin.
• Geçerli bir seçenek olarak kullanmayın.
• “– Seçiniz –” formatını göz önünde bulundurun.

Aranabilir Açılır Menüler

Arama sonuçlarında ne aranabilir?

Kullanıcılar seçenekleri filtrelemek için yazabilirler:

[Arama yapmak için yazın... ▼] Kullanıcı şunu yazıyor: "ger" Sonuçlar: Almanya, Cezayir, Nijer

Arama Özelliğini Ne Zaman Etkinleştirmelisiniz?

• 20'den fazla seçenek
• Ülke/eyalet listeleri
• Ürün katalogları
• Uzun bir liste

Arama özelliğini etkinleştirme

1. Açılır menü alanını seçin
2. "Aranabilir" seçeneğini bulun.
3. AÇIK duruma getir

Aranabilir Kullanıcı Deneyimi

1. Kullanıcı açılır menüye tıklar. 2. Metin giriş alanı görünür. 3. Kullanıcı kısmi eşleşmeyi yazar. 4. Seçenekler gerçek zamanlı olarak filtrelenir. 5. Kullanıcı filtrelenmiş listeden seçim yapar.

Çoklu Seçim Açılır Menüleri

Tekli Seçim vs Çoklu Seçim

Tekli seçim: Kullanıcı SADECE BİR seçenek seçer. Çoklu seçim: Kullanıcı BİRDEN FAZLA seçenek seçer.

Çoklu Seçimi Ne Zaman Kullanmalısınız?

• "Uygulanabilecek tüm seçenekleri işaretleyin"
• Çoklu ilgi alanları/tercihler
• Birden fazla kategori seçme
• Onay kutuları çok fazla yer kapladığında

Çoklu Seçimi Etkinleştirme

1. Açılır menü alanını seçin
2. "Birden fazla seçim yapılmasına izin ver" seçeneğini bulun.
3. AÇIK duruma getir

Çoklu Seçim Görünümü

[Web Tasarımı, SEO, Pazarlama ▼] Seçilen öğeler etiket/çip olarak gösteriliyor

Sınırlı Çoklu Seçim

Minimum/maksimum seçimiyle birleştirin:

"2-4 konu seçin" Min: 2 Maks: 4

Yapılandırma Örnekleri

Örnek 1: Ülke Seçimi

Etiket: "Ülke" Yer Tutucu: "Ülkenizi seçin..." Aranabilir: Evet Gerekli: Evet Seçenekler: [Alfabetik olarak 195'ten fazla ülke]

Örnek 2: Sorgu Türü

Etiket: "Sorunuz neyle ilgili?" Yer tutucu: "Kategori seçin..." Gerekli: Evet Seçenekler: - Satış - Destek - Faturalama - Ortaklık - Basın/Medya - Diğer

Örnek 3: Bütçe Aralığı

Etiket: "Bütçeniz ne kadar?" Yer tutucu: "Aralık seçin..." Gerekli: Hayır Seçenekler: - 1,000$'ın altında - 1,000$ - 5,000$ - 5,000$ - 10,000$ - 10,000$ - 25,000$ - 25,000$ ve üzeri - Henüz emin değilim

Örnek 4: Zaman Dilimi

Etiket: "Tercih edilen randevu saati" Yer tutucu: "Bir saat seçin..." Gerekli: Evet Seçenekler: - 9:00 - 10:00 - 11:00 - 1:00 - 2:00 - 3:00 - 4:00

Örnek 5: Çoklu İlgi Alanı Seçimi

Etiket: "İlgi Alanları" Yer Tutucu: "Konuları seçin..." Çoklu Seçim: Evet Aranabilir: Evet Seçenekler: - Teknoloji - İşletme - Pazarlama - Tasarım - Geliştirme - Analitik - Güvenlik - Yapay Zeka/Makine Öğrenimi

Örnek 6: Gruplandırılmış Hizmetler

Etiket: "Hangi hizmete ihtiyacınız var?" Seçenekler: --- Web Hizmetleri --- - Web Sitesi Tasarımı - Web Sitesi Geliştirme - E-ticaret --- Pazarlama --- - SEO - PPC - Sosyal Medya --- Destek --- - Bakım - Hosting - Danışmanlık

Varsayılan Seçim

Varsayılan Değer Yok (Önerilir)

[Bir seçenek belirleyin... ▼]

Kullanıcının aktif olarak seçim yapması gerekir. Zorunlu alanlar için en uygunudur.

Önceden Seçilmiş Varsayılan

[Amerika Birleşik Devletleri ▼] ← Önceden seçilmiş

Şu durumlarda kullanın:

• Bir seçenek son derece yaygındır.
• Form doldurma hızını artırır
• Mantıksal varsayılan değer mevcuttur.

Varsayılan Ayarlar

1. Seçenekler listesinde varsayılan seçeneği işaretleyin.
2. Veya ayarlarda "Varsayılan değer"i belirleyin.

Açılır menü mü, radyo düğmesi mi?

Açılır Menüyü Kullanın

• 6'den fazla seçenek
• Uzun liste (ülkeler, eyaletler)
• Uzay sınırlıdır
• Seçenekler nitelik olarak benzerdir.

Radyo Düğmelerini Ne Zaman Kullanın?

• 2-5 seçenek
• Tüm seçenekler görünür olmalıdır.
• Seçeneklerin açıklamaları vardır.
• Görsel karşılaştırma önemlidir

Yan Yana Karşılaştırma

AÇILIR MENÜ (6+ seçenek, tıklanana kadar gizli): [Bir plan seçin... ▼] RADYO DÜĞMELERİ (2-5 seçenek, hepsi görünür): ○ Ücretsiz ○ Temel (aylık 9 $) ○ Pro (aylık 29 $) ○ Kurumsal (Bize ulaşın)

Stil Açılır Menüleri

Varsayılan Görünüm

Açılır menüler, form stilini devralır:

• Kenar rengi/yarıçapı
• Arka plan rengi
• Yazı tipi ailesi/boyutu
• Dolgu malzemesi

Özel Stil Seçenekleri

• Açılır ok simgesi
• Seçilen öğenin görünümü
• Seçenek üzerine gelindiğinde ortaya çıkan durumlar
• Çoklu seçim etiketi stillendirmesi

Mobil Stil

Yerel mobil açılır menüler:

• iOS: Tekerlek seçici
• Android: Malzeme seçici
• İşletim sistemiyle uyumlu

En İyi Uygulamalar

1. Seçenekleri Mantıksal Olarak Sıralayın

• Alfabetik: Ülkeler, isimler
• Sayısal: Miktarlar, aralıklar
• Sıklık: En yaygın olanı ilk sırada
• Kronolojik: Zaman dilimleri, tarihler

2. Seçenekleri Kısa Tutun

İyi: "Amerika Birleşik Devletleri" Kaçınılması Gereken: "Amerika Birleşik Devletleri (ABD)" İyi: "$1,000 - $5,000" Kaçınılması Gereken: "Bin ile beş bin dolar arası"

3. Uygun Olduğunda “Diğer” Seçeneğini Ekleyin

Seçenekler: - Google - Facebook - LinkedIn - Arkadaş tavsiyesi - Diğer ← İstisnai durumları kapsar

4. İlk seçeneği değil, yer tutucu seçeneği kullanın.

İyi Örnek: Yer Tutucu: "Seçiniz..." Seçenekler: Seçenek 1, Seçenek 2, Seçenek 3 Kaçınılması Gereken Örnek: Seçenekler: "Seçiniz...", Seçenek 1, Seçenek 2 (İlk seçenek bir uyarı mesajı olmamalıdır)

5. Uzun Listeler İçin Aramayı Etkinleştirin

15-20 veya daha fazla seçeneğe sahip herhangi bir açılır menü aranabilir olmalıdır.

6. Yükleme Performansını Göz Önünde Bulundurun

Son derece uzun listeler (1000+) şunlara ihtiyaç duyabilir:

• Yavaş yüklenme
• Sunucu tarafı arama
• Alt kategorilere ayırma

Sık Kullanılan Açılır Menü Kullanım Örnekleri

İletişim Formları

- Departman (Satış, Destek, Faturalama) - Sorgu türü (Soru, Geri Bildirim, Şikayet) - Bizi nereden duydunuz?

Kayıt formları

- Ülke - Eyalet/İl - Sektör - Şirket büyüklüğü - İş unvanı/görevi

Sipariş formları

- Ürün seçimi - Miktar - Beden/Renk seçenekleri - Kargo yöntemi

Anket Formları

- Değerlendirme ölçekleri (1-10) - Sıklık (Asla'dan Her Zaman'a) - Katılım (Kesinlikle katılmıyorum'dan Kesinlikle katılıyorum'a)

Rezervasyon Formları

- Hizmet türü - Tercih edilen tarih - Saat dilimi - Süre

Sorun giderme

Açılır Menü Seçenekleri Göstermiyor

• Seçeneklerin kaydedildiğini doğrulayın.
• Boş seçenek listesini kontrol edin.
• Önbelleği temizle ve sayfayı yenile

Arama Çalışmıyor

• Arama özelliğinin etkinleştirildiğini doğrulayın.
• JavaScript hatalarını kontrol edin
• Farklı bir tarayıcıda test edin.

Çoklu Seçim Tüm Seçimleri Kaydetmiyor

• Çoklu seçim özelliğinin etkinleştirildiğini doğrulayın.
• Form gönderiminin işlenmesini kontrol edin.
• Daha az seçenekle test edin

Mobil Seçici Görünmüyor

• Özel stillendirme, yerleşik stillendirmeyi geçersiz kılabilir.
• Gerçek mobil cihazda test edin.
• JavaScript çakışmalarını kontrol edin

Engellilerin kullanımları için uygunluk

Klavye Gezintisi

• Açılır menüye odaklanmak için sekme tuşuna basın.
• Gezinmek için ok tuşlarını kullanın.
• Seçmek için Enter/Boşluk tuşuna basın.
• Atlamak için ilk harfi yazın

Ekran Okuyucular

• Etiket doğru şekilde ilişkilendirilmiştir.
• Seçenekler açıklandı
• Seçim onaylandı

En İyi Uygulamalar

• Açık ve açıklayıcı etiketler
• Mantıksal seçenek sırası
• Yer tutucu metni tek talimat olarak kullanmaktan kaçının.

ÖZET

Açılır menüler oluşturma:

1. Açılır menü alanı ekle – Sürükleyerek şekil oluşturun
2. Etiketi ayarla – Açık soru/yönerge
3. Yer tutucu ekle – “Seçiniz…” metni
4. Seçenekleri girin – Her satırda bir tane
5. Aranabilir özelliği etkinleştirin – Uzun listeler için
6. Çoklu seçimi etkinleştir – Birden fazla seçeneğe ihtiyaç duyulması durumunda
7. Gerekli ayarlandı – Form ihtiyaçlarına göre
8. İyice test edin – Tüm seçenekler, tüm cihazlar

Sonuç

Açılır menüler, formlardaki seçenek seçimini verimli bir şekilde yönetir. Yer tasarrufu sağlarlar, verileri standartlaştırırlar ve cihazlar arasında iyi çalışırlar. Kısa listeler için radyo düğmelerini düşünün. Uzun listeler için aramayı etkinleştirin. Birden fazla seçim için çoklu seçim modunu kullanın. Doğru yapılandırma, açılır menüleri hem kullanıcı deneyimini hem de veri kalitesini iyileştiren güçlü giriş alanları haline getirir.

Otomatik Form Oluşturucu Arama modu, çoklu seçim seçeneği ve özel stillendirme özelliklerine sahip, tam özellikli açılır menü alanları içerir. Dakikalar içinde profesyonel seçim menüleri oluşturun.

Açılır menüler eklemeye hazır mısınız? Otomatik Form Oluşturucu'yu İndirin ve bugün açılır menülü formlar oluşturmaya başlayın.