WordPress маягтууд дээр унах цэсийг хэрхэн үүсгэх вэ

Унждаг цэснүүд нь маягтын ажлын хэрэгсэл юм. Улс сонгох, ангиллын сонголт, тохиргооны зэрэглэл гэх мэт хэрэглэгчид урьдчилан тодорхойлсон жагсаалтаас сонголт хийх шаардлагатай үед унждаг цэснүүд үүнийг хийдэг. Эдгээр нь зайг хэмнэж, өгөгдлийг стандартчилж, хэрэглэгчдийг хүчин төгөлдөр сонголтууд руу чиглүүлдэг. WordPress маягтууд дээрээ үр дүнтэй унждаг цэсийг хэрхэн үүсгэх талаар энд өгөв.

Яагаад унждаг цэсийг ашиглах вэ?

Текст талбаруудтай харьцуулахад давуу талууд

• Стандартчилагдсан өгөгдөл: Үг үсгийн алдаа эсвэл хувилбар байхгүй
• Удирдлагатай сонголт: Хэрэглэгчид боломжтой сонголтуудыг харж байна
• Орон зайн үр ашигтай: Товших хүртэл хураасан
• Гар утсанд ээлтэй: Утас дээрх уугуул сонгогч
• Илүү хурдан дуусгах: Дарах ба төрөл

Радио товчлууруудтай харьцуулахад давуу талууд

• Урт жагсаалтад илүү тохиромжтой: Жижиг орон зайд 6+ сонголт багтах боломжтой
• Илүү цэвэрхэн харагдах байдал: Харааны эмх замбараагүй байдал бага
• Гүйлгэж болох: Олон арван сонголтыг зохицуул

Унждаг цэсийг хэзээ ашиглах вэ

• 6+ сонголт (цөөн = радио товчлууруудыг авч үзэх)
• Урьдчилан тодорхойлсон, мэдэгдэж буй сонголтууд
• Ганц сонголт шаардлагатай
• Орон зай хязгаарлагдмал
• Өгөгдлийн стандартчилал чухал

Үндсэн унах цэс үүсгэх

Алхам 1: Унжих цэсний талбар нэмэх

1. Маягтаа нээнэ үү A.F.B.
2. хай Буулгах талбайн төрлүүд
3. Маягт руугаа чирнэ үү

Алхам 2: Шошгыг тохируулах

Шошго: "Та бидний талаар хаанаас сонссон бэ?" Орлуулагч: "Сонголт сонгоно уу..." Шаардлагатай: Тийм/Үгүй

Алхам 3: Сонголт нэмэх

Сонголт бүрийг шинэ мөрөнд оруулна уу:

Google Хайлт Сошиал медиа Найз эсвэл хамт ажиллагч Зар сурталчилгаа Блог эсвэл нийтлэл Бусад

Алхам 4: Урьдчилан харах ба турших

1. Маягтыг хадгалах
2. Фронтенд дээр урьдчилж харах
3. Сонголтуудыг баталгаажуулахын тулд унждаг цэс дээр дарна уу
4. Тестийн бүртгэлийг илгээх

Унжих цэсний тохиргооны сонголтууд

Үндсэн тохиргоо

• Шошго: Асуулт эсвэл санал хүсэлт
• Байршуулагч: Анхдагч текст (жишээ нь, “Сонгох…”)
• Шаардлагатай: Илгээхийн тулд сонгох ёстой
• Тусламжийн текст: Нэмэлт зааварчилгаа

Сонголтууд Тохиргоо

• Сонголтуудын жагсаалт: Боломжтой сонголтууд
• Анхдагчаар сонгогдсон: Урьдчилан сонгосон сонголт
• Хайх боломжтой: Шүүлтүүр хийхийн тулд бичнэ үү
• Олон сонголттой: Олныг сонгох

Унжих цэсний сонголтуудыг нэмж байна

Энгийн жагсаалт

Сонголт 1 Сонголт 2 Сонголт 3 Сонголт 4

Шошгоноос өөр утгатай

Нэг зүйлийг харуулаад, нөгөөг нь хадгал:

Дэлгэц: "АНУ" Утга: "АНУ" Дэлгэц: "Их Британи" Утга: "Их Британи"

Бүлэглэсэн сонголтууд (Optgroups)

--- Хойд Америк --- Америкийн Нэгдсэн Улс Канад Мексик --- Европ --- Их Британи Герман Франц

Олон сонголт

Урт жагсаалтын хувьд дараах зүйлсийг анхаарч үзээрэй:

• Цагаан толгойн дараалал
• Хамгийн түгээмэл сонголтууд эхлээд байна
• Хайлт хийх боломжтойг идэвхжүүлсэн
• Логик бүлэглэлүүд

Орлуулагч текст

Орон зай эзэмшигч гэж юу вэ?

Хэрэглэгч сонголт хийхээс өмнө гарч ирэх текст:

[Сонголт сонгоно уу... ▼] ← Орлуулагч

Сайн байр суурь эзлэгчийн жишээнүүд

"Улсаа сонгоно уу..." "Ангилал сонгоно уу..." "Цагийн зай сонгоно уу..." "-- Сонгоно уу --" "Нэгийг сонгоно уу"

Орон байрны шилдэг туршлагууд

• Богино байлгах
• Энэ бол санаачилга гэдгийг тодорхой болго
• Хүчинтэй сонголт болгон ашиглаж болохгүй
• “– Select –” форматыг авч үзье

Хайлт хийх боломжтой унждаг цэснүүд

Хайлт хийх боломжтой зүйл юу вэ?

Хэрэглэгчид шүүлтүүрийн сонголтуудын хувьд бичиж болно:

[Хайхын тулд бичнэ үү... ▼] Хэрэглэгчийн төрөл: "ger" Үзүүлэх: Герман, Алжир, Нигер

Хайлтыг хэзээ идэвхжүүлэх вэ

• 20+ сонголт
• Улс/мужийн жагсаалтууд
• Бүтээгдэхүүний каталог
• Ямар ч урт жагсаалт

Хайлт хийх боломжтойг идэвхжүүлж байна

1. Унжих цэсний талбарыг сонгоно уу
2. "Хайх боломжтой" сонголтыг олоорой
3. Асаах/унтраах

Хайлт хийх боломжтой UX

1. Хэрэглэгчийн товшилтын унждаг цэс 2. Текст оруулах цонх гарч ирнэ 3. Хэрэглэгч хэсэгчилсэн тохиролцоог бичнэ 4. Сонголтуудыг бодит цаг хугацаанд шүүнэ 5. Хэрэглэгч шүүгдсэн жагсаалтаас сонгоно

Олон сонголттой унах цэснүүд

Ганц ба Олон сонголттой

Дан сонголт: Хэрэглэгч НЭГ сонголтыг сонгоно Олон сонголт: Хэрэглэгч ОЛОН сонголтыг сонгоно

Олон сонголттой горимыг хэзээ ашиглах вэ

• "Хэрэгтэй бүхнийг сонгоно уу"
• Олон сонирхол/сонголт
• Олон ангиллыг сонгох
• Чекбокс хэт их зай эзлэх үед

Олон сонголттой горимыг идэвхжүүлж байна

1. Унжих цэсний талбарыг сонгоно уу
2. "Олон сонголтыг зөвшөөрөх"-ийг олоорой
3. Асаах/унтраах

Олон сонголттой харагдах байдал

[Вэб дизайн, SEO, Маркетинг ▼] Сонгосон зүйлсийг шошго/чип хэлбэрээр харуулав

Хязгаарлалттай олон сонголт

Хамгийн бага/хамгийн их сонголттой хослуул:

"2-4 сэдэв сонгоно уу" Хамгийн бага: 2 Хамгийн их: 4

Тохиргооны жишээнүүд

Жишээ 1: Улс орны сонголт

Шошго: "Улс" Байршуулагч: "Улсаа сонгоно уу..." Хайлт хийх боломжтой: Тийм Шаардлагатай: Тийм Сонголтууд: [195+ улс орны цагаан толгойн дарааллаар]

Жишээ 2: Лавлагааны төрөл

Шошго: "Та юуны талаар лавлаж байна вэ?" Орлуулагч: "Ангилал сонгоно уу..." Шаардлагатай: Тийм Сонголтууд: - Борлуулалт - Дэмжлэг - Төлбөр тооцоо - Түншлэл - Хэвлэл мэдээлэл/Хэвлэл мэдээлэл - Бусад

Жишээ 3: Төсвийн хүрээ

Шошго: "Таны төсөв хэд вэ?" Орлуулагч: "Хүрээг сонгоно уу..." Шаардлагатай: Үгүй Сонголтууд: - $1,000-аас доош - $1,000 - $5,000 - $5,000 - $10,000 - $10,000 - $25,000 - $25,000+ - Одоогоор мэдэхгүй байна

Жишээ 4: Цагийн зай

Шошго: "Уулзалтын цагийг илүүд үзнэ үү" Орлуулагч: "Цаг сонгоно уу..." Шаардлагатай: Тийм Сонголтууд: - 9:00 AM - 10:00 AM - 11:00 AM - 1:00 PM - 2:00 PM - 3:00 PM - 4:00 PM

Жишээ 5: Олон сонголттой сонирхол

Шошго: "Сонирхолтой сэдвүүд" Байршуулагч: "Сэдвүүдийг сонгоно уу..." Олон сонголт: Тийм Хайлт хийх боломжтой: Тийм Сонголтууд: - Технологи - Бизнес - Маркетинг - Дизайн - Хөгжил - Аналитик - Аюулгүй байдал - Хиймэл оюун ухаан/Автомашин

Жишээ 6: Бүлэглэсэн үйлчилгээнүүд

Шошго: "Танд ямар үйлчилгээ хэрэгтэй вэ?" Сонголтууд: --- Вэб үйлчилгээ --- - Вэбсайт дизайн - Вэбсайт хөгжүүлэлт - Цахим худалдаа --- Маркетинг --- - SEO - PPC - Сошиал медиа --- Дэмжлэг --- - Засвар үйлчилгээ - Хостинг - Зөвлөгөө өгөх

Анхдагч сонголт

Анхдагч тохиргоо байхгүй (Санал болгож байна)

[Сонголт сонгоно уу... ▼]

Хэрэглэгч идэвхтэй сонгох ёстой. Заавал бөглөх талбаруудад хамгийн тохиромжтой.

Урьдчилан сонгосон анхдагч

[АНУ ▼] ← Урьдчилан сонгосон

Дараах үед ашиглах:

• Нэг сонголт нь маш түгээмэл байдаг
• Маягтыг бөглөх ажлыг хурдасгадаг
• Логик анхдагч утга байна

Анхдагч тохиргоо

1. Сонголтуудын жагсаалтад анхдагч сонголтыг тэмдэглэнэ үү
2. Эсвэл тохиргоонд "Үндсэн утга"-г тохируулна уу

Унжих цэс ба Радио товчлуурууд

Унжих цэсийг ашиглах үед

• 6+ сонголт
• Урт жагсаалт (улс орон, муж улсууд)
• Орон зай хязгаарлагдмал
• Сонголтууд нь мөн чанараараа төстэй юм

Радио товчлууруудыг ашиглах үед

• 2-5 сонголт
• Бүх сонголтууд харагдах ёстой
• Сонголтууд нь тайлбартай байна
• Харааны харьцуулалт чухал

Хажуу талын харьцуулалт

УНАХ цэс (6+ сонголт, товших хүртэл нуугдсан): [Төлөвлөгөө сонгоно уу... ▼] РАДИО ТОВЧЛОЛУУД (2-5 сонголт, бүгд харагдана): ○ Үнэгүй ○ Үндсэн ($9/сар) ○ Мэргэжлийн ($29/сар) ○ Байгууллага (Бидэнтэй холбоо барина уу)

Загварын уналтын цэснүүд

Анхдагч төрх байдал

Унждаг цэснүүд маягтын хэв маягийг өвлөн авдаг:

• Хүрээний өнгө/радиус
• Арын дэвсгэр өнгө
• Фонтын гэр бүл/хэмжээ
• дүүрэн

Захиалгат загварын сонголтууд

• Унжих цэсний сумны дүрс тэмдэг
• Сонгосон зүйлийн харагдах байдал
• Сонголт дээр хулганы байрлалд байгаа төлөвүүд
• Олон сонголттой шошгын загвар

Гар утасны загвар

Уугуул гар утасны уналтын цэснүүд:

• iOS: Дугуй сонгогч
• Андройд: Материал сонгогч
• Үйлдлийн системтэй нийцтэй

Шилдэг туршлага

1. Логикийн дагуу сонголтуудыг захиалах

• Цагаан толгойн дарааллаар: Улс орнууд, нэрс
• Тоон: Тоо хэмжээ, хүрээ
• Давтамж: Хамгийн түгээмэл нь эхлээд
• Он цагийн дараалал: Цагийн интервал, огноо

2. Сонголтуудыг товч байлга

Сайн: "АНУ" Зайлсхийх: "Америкийн Нэгдсэн Улс (АНУ)" Сайн: "$1,000 - $5,000" Зайлсхийх: "Нэг мянгаас таван мянган долларын хооронд"

3. Тохиромжтой үед "Бусад" гэж оруулна уу

Сонголтууд: - Google - Facebook - LinkedIn - Найзын санал - Бусад ← Онцгой тохиолдлуудыг барьдаг

4. Эхний сонголт биш, харин орлуулагчийг ашиглах

Сайн: Орлуулагч: "Сонгох..." Сонголтууд: 1-р сонголт, 2-р сонголт, 3-р сонголт Зайлсхийх: Сонголтууд: "Сонгох...", 1-р сонголт, 2-р сонголт (Эхний сонголт нь хүлээх мөр байх ёсгүй)

5. Урт жагсаалтын хайлтыг идэвхжүүлэх

15-20+ сонголттой аливаа унах цэсийг хайх боломжтой байх ёстой.

6. Ачааллын гүйцэтгэлийг авч үзэх

Маш урт жагсаалт (1000+)-д дараах зүйлс хэрэгтэй байж магадгүй:

• Lazy ачаалал
• Серверийн талын хайлт
• Дэд ангилалд хуваах

Унждаг цэсний нийтлэг хэрэглээний тохиолдлууд

Холбоо барих маягтууд

- Хэлтэс (Борлуулалт, Дэмжлэг, Төлбөр тооцоо) - Лавлагааны төрөл (Асуулт, Санал хүсэлт, Гомдол) - Та бидний талаар хаанаас мэдсэн бэ

Бүртгэлийн маягтууд

- Улс - Муж/Аймаг - Салбар - Компанийн хэмжээ - Албан тушаал/үүрэг

Захиалгын маягт

- Бүтээгдэхүүний сонголт - Тоо хэмжээ - Хэмжээ/Өнгөний хувилбарууд - Хүргэлтийн арга

Судалгааны маягтууд

- Үнэлгээний шатлал (1-10) - Давтамж (Хэзээ ч үгүй, үргэлж) - Санал нэг байна (Бүрэн санал нийлэхгүй байна - Бүрэн санал нийлж байна)

Захиалгын маягтууд

- Үйлчилгээний төрөл - Сонгосон огноо - Цагийн интервал - Үргэлжлэх хугацаа

Алдааг олж засварлах

Унжих цэс сонголтуудыг харуулахгүй байна

• Сонголтууд хадгалагдсан эсэхийг шалгана уу
• Хоосон сонголтын жагсаалтыг шалгана уу
• Кэшийг цэвэрлээд дахин ачаална уу

Хайлт ажиллахгүй байна

• Хайлт хийх боломжтойг идэвхжүүлсэн эсэхийг баталгаажуулна уу
• JavaScript алдааг шалгана уу
• Өөр хөтөч дээр туршиж үзэх

Бүх сонголтыг хадгалахгүй олон сонголт

• Олон сонголт идэвхжсэн эсэхийг шалгана уу
• Маягт илгээх боловсруулалтыг шалгах
• Цөөн сонголттойгоор туршиж үзээрэй

Мобайл сонгогч гарч ирэхгүй байна

• Захиалгат хэв маяг нь төрөлхийн хэлбэрийг дарж болно
• Бодит гар утасны төхөөрөмж дээр туршилт хийх
• JavaScript-ийн зөрчилдөөнийг шалгах

Хүртээмжтэй

Гарны навигаци

• Унждаг цэсийг сонгохын тулд Tab товчийг дарна уу
• Навигац хийх сумтай товчлуурууд
• Сонгохын тулд зай оруулна уу
• Үсрэхийн тулд эхний үсгийг бичнэ үү

Дэлгэц уншигч

• Зөв холбогдсон шошго
• Сонголтууд зарлагдлаа
• Сонголт баталгаажсан

Шилдэг туршлага

• Тодорхой, тайлбарласан шошго
• Логик сонголтын дараалал
• Зөвхөн зааварчилгаа болгон ашиглахаас зайлсхий

Дүгнэлт

Унжих цэс үүсгэх:

1. Унжих цэсний талбар нэмэх – Маягт руу чирнэ үү
2. Шошго тохируулах – Тодорхой асуулт/даалгавар
3. Орлуулагч нэмэх – “Сонгох…” текст
4. Сонголтуудыг оруулна уу – Мөр бүрт нэг
5. Хайлт хийх боломжтойг идэвхжүүлэх - Урт жагсаалтын хувьд
6. Олон сонголтыг идэвхжүүлэх - Хэрэв олон сонголт шаардлагатай бол
7. Шаардлагатай тохиргоо - Маягтын хэрэгцээнд үндэслэн
8. Туршилтыг сайтар хийх – Бүх сонголтууд, бүх төхөөрөмж

Дүгнэлт

Унжих цэс нь маягтууд дахь сонголтуудыг үр дүнтэйгээр зохицуулдаг. Эдгээр нь зай хэмнэж, өгөгдлийг стандартчилж, төхөөрөмжүүдийн хооронд сайн ажилладаг. Богино жагсаалтын хувьд радио товчлууруудыг анхаарч үзээрэй. Урт жагсаалтын хувьд хайлтыг идэвхжүүлнэ үү. Олон сонголтын хувьд олон сонголтын горимыг ашиглана уу. Зөв тохиргоо нь унжих цэсийг хэрэглэгчийн туршлага болон өгөгдлийн чанарыг сайжруулдаг хүчирхэг оролтын талбар болгодог.

Автомат маягт үүсгэгч Хайлт хийх боломжтой горим, олон сонголттой сонголт болон өөрчлөн тохируулсан хэв маяг бүхий бүрэн боломжит унждаг талбаруудыг багтаасан. Хэдхэн минутын дотор мэргэжлийн сонголтын цэсийг үүсгэнэ үү.

Унжих цэс нэмэхэд бэлэн үү? Автомат маягт үүсгэгчийг татаж авах мөн өнөөдөр унждаг цэс ашиглан маягтуудыг бүтээж эхлээрэй.