WordPress Formalarında Açılan Menyular Necə Yaradılır

WordPress Formalarında Açılan Menyular Necə Yaradılır

Açılan menyular forma iş atı kimidir. Ölkə seçimi, kateqoriya seçimi, üstünlük sıralaması — istifadəçilər əvvəlcədən müəyyən edilmiş siyahıdan seçim etməli olduqda, açılan menyular bunu təmin edir. Onlar yer qənaət edir, məlumatları standartlaşdırır və istifadəçiləri etibarlı seçimlərə yönləndirir. WordPress formalarınızda effektiv açılan menyuların necə yaradılacağı aşağıda verilmişdir.

Niyə açılan menyulardan istifadə etməlisiniz?

Mətn sahələrinə nisbətən üstünlüklər

  • Standartlaşdırılmış məlumatlar: Yazı səhvləri və ya variasiyalar yoxdur
  • Rəhbərlik edilən seçim: İstifadəçilər mövcud seçimləri görürlər
  • Məkan səmərəliliyi: Kliklənənə qədər yığcamlaşdırıldı
  • Mobil uyğunluq: Telefonlarda yerli seçici
  • Daha sürətli tamamlama: Klik vs növü

Radio düymələrinə nisbətən üstünlüklər

  • Uzun siyahılar üçün daha yaxşıdır: 6+ seçim kiçik məkana uyğundur
  • Daha təmiz görünüş: Daha az vizual qarışıqlıq
  • Sürüşdürülə bilən: Onlarla variantı idarə edin

Açılan menyulardan nə vaxt istifadə etməli

  • 6+ seçim (daha az = radio düymələrini nəzərə alın)
  • Əvvəlcədən təyin olunmuş, məlum seçimlər
  • Tək seçim tələb olunur
  • Yer məhduddur
  • Məlumatların standartlaşdırılması vacibdir

Əsas Açılan Menyu Yaratmaq

Addım 1: Açılan menyu sahəsi əlavə edin

  1. Formanızı açın A.F.B.
  2. SİZİN ÜÇÜN MÜKEMMEL YERİ TAPIN Düşmə sahə növlərində
  3. Formanıza sürüşdürün

Addım 2: Etiketi konfiqurasiya edin

Etiket: "Bizim haqqımızda haradan eşitdiniz?" Yer tutucu: "Bir seçim seçin..." Tələb olunur: Bəli/Xeyr

Addım 3: Seçimlər əlavə edin

Hər bir seçimi yeni bir sətirdə daxil edin:

Google Axtarış Sosial Media Dost və ya Həmkar Reklam Bloq və ya Məqalə Digər

Addım 4: Önizləmə və Test

  1. Formu saxla
  2. Ön tərəfdə önizləmə
  3. Seçimləri təsdiqləmək üçün açılan menyuya klikləyin
  4. Test girişini təqdim edin

Açılan menyu Konfiqurasiya Seçimləri

Temel Ayarlar

  • Etiket: Sual və ya təklif
  • Yer tutucu: Standart mətn (məsələn, “Seçin…”)
  • Lazım: Təqdim etmək üçün seçim etməlisiniz
  • Kömək mətni: Əlavə təlimatlar

Seçimlər Parametrlər

  • Seçimlər siyahısı: Mövcud seçimlər
  • Varsayılan olaraq seçildi: Əvvəlcədən seçilmiş seçim
  • Axtarıla bilər: Filtrləmək üçün yazın
  • Çoxlu seçim: Birdən çox seçin

Açılan menyu seçimlərinin əlavə edilməsi

Sadə Siyahı

Seçim 1 Seçim 2 Seçim 3 Seçim 4 Seçim

Etiketlərdən Fərqli Dəyərlərlə

Bir şeyi göstər, digərini saxla:

Ekran: "Amerika Birləşmiş Ştatları" Dəyər: "ABŞ" Ekran: "Birləşmiş Krallıq" Dəyər: "Böyük Britaniya"

Qruplaşdırılmış Seçimlər (Optgroups)

--- Şimali Amerika --- Amerika Birləşmiş Ştatları Kanada Meksika --- Avropa --- Birləşmiş Krallıq Almaniya Fransa

Bir çox seçim

Uzun siyahılar üçün aşağıdakıları nəzərdən keçirin:

  • Əlifba sırası ilə
  • Ən çox yayılmış seçimlər əvvəlcə
  • Axtarıla bilən aktivdir
  • Məntiqi qruplaşdırmalar

Yertutan mətn

Yer tutucu nədir?

İstifadəçi seçim etməzdən əvvəl göstərilən mətn:

[Seçim seçin... ▼] ← Yer tutucu

Yaxşı Yer Sahibi Nümunələri

"Ölkənizi seçin..." "Kateqoriya seçin..." "Vaxt aralığı seçin..." "-- Zəhmət olmasa seçin --" "Birini seçin"

Yer Sahibinin Ən Yaxşı Təcrübələri

  • Qısa saxlayın
  • Bunun bir istək olduğunu aydınlaşdırın
  • Etibarlı bir seçim kimi istifadə etməyin
  • “– Select –” formatını nəzərdən keçirin

Axtarıla bilən açılan siyahılar

Axtarıla bilən nədir?

İstifadəçilər filtr seçimləri üçün yazı yaza bilərlər:

[Axtarış üçün yazın... ▼] İstifadəçi növləri: "ger" Göstərir: Almaniya, Əlcəzair, Niger

Axtarıla biləni nə vaxt aktivləşdirmək lazımdır

  • 20+ seçim
  • Ölkə/ştat siyahıları
  • Məhsul kataloqu
  • İstənilən uzun siyahı

Axtarıla bilən funksiyanı aktivləşdirir

  1. Açılan menyu sahəsini seçin
  2. "Axtarıla bilən" seçimini tapın
  3. Aktivləşdirin

Axtarıla bilən UX

1. İstifadəçi klikləmələri açılan menyuda 2. Mətn daxiletməsi görünür 3. İstifadəçi qismən uyğunluq yazır 4. Seçimləri real vaxt rejimində filtrləyir 5. İstifadəçi filtrlənmiş siyahıdan seçim edir

Çoxseçimli açılan menyular

Tək və Çoxlu Seçim

Tək seçim: İstifadəçi BİR seçim seçir Çoxlu seçim: İstifadəçi ÇOXLU seçim seçir

Çoxlu Seçimdən Nə Zaman İstifadə Ediləcək

  • "Uyğun olanların hamısını seçin"
  • Birdən çox maraq/üstünlük
  • Birdən çox kateqoriyanın seçilməsi
  • Onay qutuları çox yer tutduqda

Çoxlu Seçimi Aktivləşdirir

  1. Açılan menyu sahəsini seçin
  2. "Birdən çox seçimə icazə verin" tapın
  3. Aktivləşdirin

Çox Seçimli Görünüş

[Veb Dizayn, SEO, Marketinq ▼] Seçilmiş elementlər etiket/çip kimi göstərilir

Məhdudiyyətlərlə Çox Seçim

Minimum/maksimum seçim ilə birləşdirin:

"2-4 mövzu seçin" Min: 2 Maksimum: 4

Konfiqurasiya nümunələri

Nümunə 1: Ölkə Seçimi

Etiket: "Ölkə" Yer tutucu: "Ölkənizi seçin..." Axtarıla bilən: Bəli Tələb olunur: Bəli Seçimlər: [195+ ölkə əlifba sırası ilə]

Nümunə 2: Sorğu Növü

Etiket: "Sorğunuz nə ilə bağlıdır?" Yer tutucu: "Kateqoriya seçin..." Tələb olunur: Bəli Seçimlər: - Satış - Dəstək - Ödəniş - Tərəfdaşlıq - Mətbuat/Media - Digər

Nümunə 3: Büdcə Aralığı

Etiket: "Büdcəniz nə qədərdir?" Yer tutucu: "Aralığı seçin..." Tələb olunur: Xeyr Seçimlər: - 1,000 dollardan aşağı - 1,000 dollar - 5,000 dollar - 5,000 dollar - 10,000 dollar - 10,000 dollar - 25,000 dollar - 25,000 dollar+ - Hələ əmin deyiləm

Nümunə 4: Vaxt aralığı

Etiket: "Üstünlük verilən görüş vaxtı" Yer tutucu: "Vaxt seçin..." Tələb olunan: Bəli Seçimlər: - 9:00 - 10:00 - 11:00 - 1:00 - 2:00 - 3:00 - 4:00

Nümunə 5: Çoxseçimli maraqlar

Etiket: "Maraq Mövzuları" Yer tutucu: "Mövzuları seçin..." Çoxlu seçim: Bəli Axtarıla bilən: Bəli Seçimlər: - Texnologiya - Biznes - Marketinq - Dizayn - İnkişaf - Analitika - Təhlükəsizlik - Süni intellekt/Maşın öyrənməsi

Nümunə 6: Qruplaşdırılmış Xidmətlər

Etiket: "Hansı xidmətə ehtiyacınız var?" Seçimlər: --- Veb Xidmətlər --- - Veb Sayt Dizaynı - Veb Saytın İnkişafı - Elektron ticarət --- Marketinq --- - SEO - PPC - Sosial Media --- Dəstək --- - Texniki Xidmət - Hostinq - Məsləhət

Varsayılan Seçim

Varsayılan Yoxdur (Tövsiyə olunur)

[Seçim seçin... ▼]

İstifadəçi aktiv şəkildə seçim etməlidir. Tələb olunan sahələr üçün ən yaxşı seçimdir.

Əvvəlcədən Seçilmiş Defolt

[Amerika Birləşmiş Ştatları ▼] ← Əvvəlcədən seçilmiş

Zaman istifadə edin:

  • Bir seçim olduqca yaygındır
  • Formanın tamamlanmasını sürətləndirir
  • Məntiqi standart mövcuddur

Varsayılan Ayarlar

  1. Seçimlər siyahısında, standart seçimi işarələyin
  2. Və ya parametrlərdə "Varsayılan dəyər"i təyin edin

Açılan menyu və Radio Düymələri

Açılan menyudan istifadə edin

  • 6+ seçim
  • Uzun siyahı (ölkələr, ştatlar)
  • Yer məhduddur
  • Seçimlər təbiətcə oxşardır

Radio Düymələrindən İstifadə Edin

  • 2-5 seçim
  • Bütün seçimlər görünməlidir
  • Seçimlərin təsvirləri var
  • Vizual müqayisə vacibdir

Yan-yana Müqayisə

AÇILAN MƏNZİL (6+ seçim, kliklənənə qədər gizlədilib): [Plan seçin... ▼] RADİO DÜYMƏLƏRİ (2-5 seçim, hamısı görünür): ○ Pulsuz ○ Əsas ($9/ay) ○ Pro ($29/ay) ○ Müəssisə (Bizimlə əlaqə)

Stil Açılan Siyahıları

Standart Görünüş

Açılan menyular forma stilini miras alır:

  • Sərhəd rəngi/radiusu
  • Fon rəngi
  • Şrift ailəsi/ölçüsü
  • araqat

Xüsusi Stil Seçimləri

  • Açılan menyu ox işarəsi
  • Seçilmiş elementin görünüşü
  • Seçim hover vəziyyətləri
  • Çoxseçimli etiket stili

Mobil Stil

Yerli mobil açılan menyular:

  • iOS: Təkər seçicisi
  • Android: Material seçici
  • OS ilə uyğundur

Best Practices

1. Sifariş Seçimləri Məntiqi

  • Əlifba sırası ilə: Ölkələr, adlar
  • Rəqəmsal: Miqdarlar, diapazonlar
  • Tezlik: Ən çox yayılmış ilk
  • Xronoloji: Vaxt aralıqları, tarixlər

2. Seçimləri Qısa Saxlayın

Yaxşı: "Amerika Birləşmiş Ştatları" Çəkin: "Amerika Birləşmiş Ştatları (ABŞ)" Yaxşı: "1,000 - 5,000 dollar" Çəkin: "Min ilə beş min dollar arasında"

3. Uyğun olduqda "Digər"i də daxil edin

Seçimlər: - Google - Facebook - LinkedIn - Dost tövsiyəsi - Digər ← Kənar halları aşkarlayır

4. Birinci Seçimdən Yox, Yer Tutucusundan İstifadə Edin

Yaxşı: Yer tutucu: "Seçin..." Seçimlər: Seçim 1, Seçim 2, Seçim 3 Qaçınmaq: Seçimlər: "Seçin...", Seçim 1, Seçim 2 (Birinci seçim sorğu olmamalıdır)

5. Uzun Siyahılar üçün Axtarışı Aktivləşdirin

15-20+ seçimi olan istənilən açılan menyuda axtarış aparıla bilər.

6. Yükləmə Performansını Nəzərə Alın

Çox uzun siyahılar (1000+) üçün lazım ola bilər:

  • Lazy yükləmə
  • Server tərəfində axtarış
  • Alt kateqoriyalara bölünmə

Ümumi Açılan Menyu İstifadə Halları

Əlaqə formaları

- Departament (Satış, Dəstək, Ödəniş) - Sorğu növü (Sual, Rəy, Şikayət) - Bizim haqqımızda haradan məlumat əldə etdiniz

Qeydiyyat Formaları

- Ölkə - Ştat/Vilayət - Sənaye - Şirkətin ölçüsü - Vəzifə adı/rolu

Sifariş Formaları

- Məhsul seçimi - Miqdar - Ölçü/Rəng variantları - Çatdırılma üsulu

Sorğu Formaları

- Qiymətləndirmə şkalaları (1-10) - Tezlik (Heç vaxt - Həmişə) - Razıyam (Qəti şəkildə razı deyiləm - Tamamilə razıyam)

Sifariş Formaları

- Xidmət növü - Üstünlük verilən tarix - Vaxt aralığı - Müddət

Giderme

Açılan menyu Seçimləri Göstərmir

  • Seçimlərin yadda saxlanıldığını təsdiqləyin
  • Boş seçim siyahısını yoxlayın
  • Keşi təmizləyin və yeniləyin

Axtarış İşləmir

  • Axtarıla bilənin aktiv olduğunu təsdiqləyin
  • JavaScript səhvlərini yoxlayın
  • Fərqli brauzerdə sınaqdan keçirin

Çoxlu Seçim Bütün Seçimləri Yadda Saxlamır

  • Çoxlu seçimin aktiv olduğunu təsdiqləyin
  • Forma təqdimatının işlənməsini yoxlayın
  • Daha az seçimlə sınaqdan keçirin

Mobil Seçici Görünmür

  • Xüsusi üslub yerli üslubu ləğv edə bilər
  • Həqiqi mobil cihazda sınaqdan keçirin
  • JavaScript ziddiyyətlərini yoxlayın

Münasiblik

Klaviatura naviqasiyası

  • Açılan menyunu fokuslamaq üçün Tab
  • Naviqasiya üçün ox düymələri
  • Seçmək üçün boşluq daxil edin
  • Keçmək üçün ilk hərfi yazın

Ekran Oxucular

  • Düzgün şəkildə birləşdirilmiş etiket
  • Seçimlər elan edildi
  • Seçim təsdiqləndi

Best Practices

  • Aydın, təsviri etiketlər
  • Məntiqi seçim sırası
  • Yalnız təlimat kimi yer tutucusundan istifadə etməyin

xülasə

Açılan menyuların yaradılması:

  1. Açılan menyu sahəsi əlavə edin – Formaya sürükləyin
  2. Etiket təyin edin – Aydın sual/tələb
  3. Yer tutucusu əlavə edin – “Seçin…” mətni
  4. Seçimləri daxil edin – Hər sətirdə bir
  5. Axtarıla biləni aktivləşdirin – Uzun siyahılar üçün
  6. Çoxlu seçimi aktivləşdirin – Birdən çox seçim tələb olunarsa
  7. Dəst tələb olunur – Forma ehtiyaclarına əsasən
  8. Hərtərəfli sınaqdan keçirin – Bütün seçimlər, bütün cihazlar

Nəticə

Açılan menyular formalarda seçim seçimini səmərəli şəkildə idarə edir. Onlar yerdən qənaət edir, məlumatları standartlaşdırır və cihazlar arasında yaxşı işləyir. Qısa siyahılar üçün radio düymələrini nəzərdən keçirin. Uzun siyahılar üçün axtarışı aktivləşdirin. Çoxsaylı seçimlər üçün çoxseçim rejimindən istifadə edin. Düzgün konfiqurasiya açılan menyuları həm istifadəçi təcrübəsini, həm də məlumatların keyfiyyətini artıran güclü giriş sahələri halına gətirir.

Avtomatik Forma Qurucusu Axtarıla bilən rejim, çoxlu seçim seçimi və xüsusi üslubla tam özəl açılan sahələri ehtiva edir. Bir neçə dəqiqə ərzində peşəkar seçim menyuları yaradın.

Açılan menyular əlavə etməyə hazırsınız? Avtomatik Form Qurucusunu Yükləyin və bu gün açılan menyularla formalar qurmağa başlayın.

Cavab yaz

E-poçt ünvanından dərc olunmayacaq. İstənən yerlər qeyd olunur *