ওয়ার্ডপ্রেস ফর্মে ড্রপডাউন মেনু কীভাবে তৈরি করবেন

ড্রপডাউনগুলি হল ফর্ম ওয়ার্কহর্স। দেশ নির্বাচন, বিভাগ পছন্দ, পছন্দ র‍্যাঙ্কিং—যখনই ব্যবহারকারীদের একটি পূর্বনির্ধারিত তালিকা থেকে নির্বাচন করতে হয়, ড্রপডাউনগুলি প্রদান করে। এগুলি স্থান বাঁচায়, ডেটা মানসম্মত করে এবং ব্যবহারকারীদের বৈধ বিকল্পগুলিতে গাইড করে। আপনার ওয়ার্ডপ্রেস ফর্মগুলিতে কীভাবে কার্যকর ড্রপডাউন মেনু তৈরি করবেন তা এখানে।

ড্রপডাউন মেনু কেন ব্যবহার করবেন?

টেক্সট ফিল্ডের উপর সুবিধা

• মানসম্মত তথ্য: কোনও টাইপো বা তারতম্য নেই
• নির্দেশিত নির্বাচন: ব্যবহারকারীরা উপলব্ধ বিকল্পগুলি দেখতে পান
• স্থান সাশ্রয়ী: ক্লিক না করা পর্যন্ত সঙ্কুচিত হয়েছে
• মোবাইল বান্ধব: ফোনে নেটিভ পিকার
• দ্রুত সমাপ্তি: ক্লিক বনাম টাইপ

রেডিও বোতামের চেয়ে সুবিধা

• দীর্ঘ তালিকার জন্য ভালো: ছোট জায়গায় ৬+ বিকল্প ফিট করে
• পরিষ্কার চেহারা: কম দৃশ্যমান বিশৃঙ্খলা
• স্ক্রোলযোগ্য: কয়েক ডজন বিকল্প পরিচালনা করুন

ড্রপডাউন কখন ব্যবহার করবেন

• ৬+ বিকল্প (কম = রেডিও বোতাম বিবেচনা করুন)
• পূর্বনির্ধারিত, পরিচিত বিকল্পগুলি
• একক নির্বাচন প্রয়োজন
• স্থান সীমিত
• ডেটা স্ট্যান্ডার্ডাইজেশন গুরুত্বপূর্ণ

একটি বেসিক ড্রপডাউন তৈরি করা হচ্ছে

ধাপ ১: ড্রপডাউন ফিল্ড যোগ করুন

1. আপনার ফর্মটি খুলুন এএফবি
2. আবিষ্কার ড্রপডাউন ক্ষেত্রের ধরণে
3. আপনার ফর্মে টেনে আনুন

ধাপ ২: লেবেল কনফিগার করুন

লেবেল: "আপনি আমাদের সম্পর্কে কীভাবে শুনলেন?" স্থানধারক: "একটি বিকল্প নির্বাচন করুন..." আবশ্যক: হ্যাঁ/না

ধাপ 3: বিকল্প যোগ করুন

প্রতিটি বিকল্প একটি নতুন লাইনে লিখুন:

গুগল সার্চ সোশ্যাল মিডিয়া বন্ধু বা সহকর্মী বিজ্ঞাপন ব্লগ বা প্রবন্ধ অন্যান্য

ধাপ ৫: প্রিভিউ এবং পরীক্ষা

1. ফর্ম সংরক্ষণ করুন
2. ফ্রন্টএন্ডে প্রিভিউ
3. বিকল্পগুলি যাচাই করতে ড্রপডাউনে ক্লিক করুন
4. পরীক্ষার এন্ট্রি জমা দিন

ড্রপডাউন কনফিগারেশন বিকল্পগুলি

মৌলিক বৈশিষ্ট্যসহ

• ট্যাগ: প্রশ্ন বা অনুরোধ
• স্থানধারক: ডিফল্ট টেক্সট (যেমন, "নির্বাচন করুন...")
• আবশ্যক: জমা দেওয়ার জন্য নির্বাচন করতে হবে
• সাহায্য পাঠ্য: অতিরিক্ত নির্দেশাবলী

বিকল্প সেটিংস

• বিকল্প তালিকা: উপলব্ধ পছন্দগুলি
• ডিফল্ট নির্বাচিত: আগে থেকে নির্বাচিত বিকল্প
• অনুসন্ধানযোগ্য: ফিল্টার করতে টাইপ করুন
• বহু-নির্বাচন: একাধিক চয়ন করুন

ড্রপডাউন বিকল্প যোগ করা হচ্ছে

সহজ তালিকা

বিকল্প ১ বিকল্প ২ বিকল্প ৩ বিকল্প ৪

লেবেল থেকে ভিন্ন মূল্যবোধ সহ

একটা জিনিস দেখাও, আরেকটা রাখো:

প্রদর্শন: "মার্কিন যুক্তরাষ্ট্র" মান: "মার্কিন যুক্তরাষ্ট্র" প্রদর্শন: "যুক্তরাজ্য" মান: "যুক্তরাজ্য"

গোষ্ঠীবদ্ধ বিকল্প (অপ্টগ্রুপ)

--- উত্তর আমেরিকা --- মার্কিন যুক্তরাষ্ট্র কানাডা মেক্সিকো --- ইউরোপ --- যুক্তরাজ্য জার্মানি ফ্রান্স

অনেক অপশন

দীর্ঘ তালিকার জন্য, বিবেচনা করুন:

• বর্ণা ক্রমানুসারে
• সবচেয়ে সাধারণ বিকল্পগুলি প্রথমে
• অনুসন্ধানযোগ্য সক্ষম করা হয়েছে
• লজিক্যাল গ্রুপিং

স্থানধারক পাঠ্য

প্লেসহোল্ডার কী?

ব্যবহারকারী কোনও বিকল্প নির্বাচন করার আগে প্রদর্শিত টেক্সট:

[একটি বিকল্প নির্বাচন করুন... ▼] ← স্থানধারক

ভালো স্থানধারকের উদাহরণ

"আপনার দেশ নির্বাচন করুন..." "একটি বিভাগ নির্বাচন করুন..." "একটি সময় স্লট চয়ন করুন..." "-- অনুগ্রহ করে নির্বাচন করুন --" "একটি নির্বাচন করুন"

প্লেসহোল্ডার সেরা অনুশীলন

• এটা সংক্ষিপ্ত রাখুন
• এটা স্পষ্ট করে বলুন যে এটি একটি প্রম্পট।
• একটি বৈধ বিকল্প হিসেবে ব্যবহার করবেন না
• “– নির্বাচন করুন –” ফর্ম্যাটটি বিবেচনা করুন

অনুসন্ধানযোগ্য ড্রপডাউন

অনুসন্ধানযোগ্য কী?

ব্যবহারকারীরা ফিল্টার বিকল্পগুলি টাইপ করতে পারেন:

[অনুসন্ধানের জন্য টাইপ করুন... ▼] ব্যবহারকারীর ধরণ: "ger" শো: জার্মানি, আলজেরিয়া, নাইজার

কখন অনুসন্ধানযোগ্য সক্ষম করবেন

• ৩০০+ বিকল্প
• দেশ/রাজ্যের তালিকা
• পণ্য ক্যাটালগ
• যেকোনো লম্বা তালিকা

অনুসন্ধানযোগ্য সক্ষম করা হচ্ছে

1. ড্রপডাউন ক্ষেত্র নির্বাচন করুন
2. "অনুসন্ধানযোগ্য" বিকল্পটি খুঁজুন
3. টগল অন করুন

অনুসন্ধানযোগ্য UX

১. ব্যবহারকারীর ক্লিক ড্রপডাউন ২. টেক্সট ইনপুট প্রদর্শিত হবে ৩. ব্যবহারকারীর ধরণ আংশিক মিল ৪. রিয়েল-টাইমে বিকল্প ফিল্টার ৫. ব্যবহারকারী ফিল্টার করা তালিকা থেকে নির্বাচন করে

একাধিক-নির্বাচন ড্রপডাউন

একক বনাম মাল্টি-সিলেক্ট

একক নির্বাচন: ব্যবহারকারী একটি বিকল্প বেছে নেয় একাধিক-নির্বাচন: ব্যবহারকারী একাধিক বিকল্প বেছে নেয়

মাল্টি-সিলেক্ট কখন ব্যবহার করবেন

• "প্রযোজ্য সকল নির্বাচন করুন"
• একাধিক আগ্রহ/পছন্দ
• একাধিক বিভাগ নির্বাচন করা হচ্ছে
• যখন চেকবক্সগুলি খুব বেশি জায়গা নেয়

মাল্টি-সিলেক্ট সক্ষম করা হচ্ছে

1. ড্রপডাউন ক্ষেত্র নির্বাচন করুন
2. "একাধিক নির্বাচনের অনুমতি দিন" খুঁজুন
3. টগল অন করুন

মাল্টি-সিলেক্ট অ্যাপিয়ারেন্স

[ওয়েব ডিজাইন, এসইও, মার্কেটিং ▼] নির্বাচিত আইটেমগুলি ট্যাগ/চিপ হিসাবে দেখানো হয়েছে

সীমা সহ একাধিক নির্বাচন করুন

সর্বনিম্ন/সর্বোচ্চ নির্বাচনের সাথে একত্রিত করুন:

"২-৪টি বিষয় নির্বাচন করুন" সর্বনিম্ন: ২ সর্বোচ্চ: ৪

কনফিগারেশন প্রাক্তনamples

উদাহরণ ১: দেশ নির্বাচন

লেবেল: "দেশ" স্থানধারক: "আপনার দেশ নির্বাচন করুন..." অনুসন্ধানযোগ্য: হ্যাঁ প্রয়োজনীয়: হ্যাঁ বিকল্প: [বর্ণানুক্রমিকভাবে ১৯৫+ দেশ]

উদাহরণ ২: অনুসন্ধানের ধরণ

লেবেল: "আপনার জিজ্ঞাসা কী?" স্থানধারক: "বিভাগ নির্বাচন করুন..." প্রয়োজনীয়: হ্যাঁ বিকল্প: - বিক্রয় - সহায়তা - বিলিং - অংশীদারিত্ব - প্রেস/মিডিয়া - অন্যান্য

উদাহরণ ৩: বাজেটের পরিসর

লেবেল: "আপনার বাজেট কত?" স্থানধারক: "পরিসর নির্বাচন করুন..." প্রয়োজনীয়: কোনও বিকল্প নেই: - $১,০০০ এর নিচে - $১,০০০ - $৫,০০০ - $৫,০০০ - $১০,০০০ - $১০,০০০ - $২৫,০০০ - $২৫,০০০+ - এখনও নিশ্চিত নই

উদাহরণ ৪: টাইম স্লট

লেবেল: "পছন্দের অ্যাপয়েন্টমেন্টের সময়" প্লেসহোল্ডার: "একটি সময় বেছে নিন..." প্রয়োজনীয়: হ্যাঁ বিকল্প: - সকাল ৯:০০ - সকাল ১০:০০ - সকাল ১১:০০ - দুপুর ১:০০ - দুপুর ২:০০ - বিকেল ৩:০০ - বিকেল ৪:০০

উদাহরণ ৫: একাধিক-নির্বাচিত আগ্রহ

লেবেল: "আগ্রহের বিষয়" স্থানধারক: "বিষয় নির্বাচন করুন..." একাধিক-নির্বাচন: হ্যাঁ অনুসন্ধানযোগ্য: হ্যাঁ বিকল্প: - প্রযুক্তি - ব্যবসা - বিপণন - নকশা - উন্নয়ন - বিশ্লেষণ - নিরাপত্তা - AI/ML

উদাহরণ ৬: গোষ্ঠীবদ্ধ পরিষেবা

লেবেল: "আপনার কোন পরিষেবা প্রয়োজন?" বিকল্প: --- ওয়েব পরিষেবা --- - ওয়েবসাইট ডিজাইন - ওয়েবসাইট ডেভেলপমেন্ট - ই-কমার্স --- মার্কেটিং --- - SEO - PPC - সোশ্যাল মিডিয়া --- সাপোর্ট --- - রক্ষণাবেক্ষণ - হোস্টিং - পরামর্শ

ডিফল্ট নির্বাচন

কোনও ডিফল্ট নেই (প্রস্তাবিত)

[একটি বিকল্প নির্বাচন করুন... ▼]

ব্যবহারকারীকে সক্রিয়ভাবে নির্বাচন করতে হবে। প্রয়োজনীয় ক্ষেত্রগুলির জন্য সর্বোত্তম।

আগে থেকে নির্বাচিত ডিফল্ট

[মার্কিন যুক্তরাষ্ট্র ▼] ← পূর্বনির্বাচিত

ব্যবহার করুন যখন:

• একটি বিকল্প অত্যন্ত সাধারণ
• ফর্ম পূরণের গতি বাড়ায়
• লজিক্যাল ডিফল্ট বিদ্যমান

ডিফল্ট সেট করা হচ্ছে

1. বিকল্প তালিকায়, ডিফল্ট বিকল্প চিহ্নিত করুন
2. অথবা সেটিংসে "ডিফল্ট মান" সেট করুন

ড্রপডাউন বনাম রেডিও বোতাম

ড্রপডাউন ব্যবহার করুন যখন

• ৩০০+ বিকল্প
• দীর্ঘ তালিকা (দেশ, রাজ্য)
• স্থান সীমিত
• বিকল্পগুলি প্রকৃতিতে একই রকম

রেডিও বোতাম ব্যবহার করুন যখন

• ২-৩টি বিকল্প
• সমস্ত বিকল্প দৃশ্যমান হওয়া উচিত
• বিকল্পগুলির বর্ণনা রয়েছে
• ভিজ্যুয়াল তুলনা গুরুত্বপূর্ণ

পাশাপাশি তুলনা

ড্রপডাউন (৬+ বিকল্প, ক্লিক না করা পর্যন্ত লুকানো): [একটি পরিকল্পনা নির্বাচন করুন... ▼] রেডিও বোতাম (২-৫টি বিকল্প, সব দৃশ্যমান): ○ বিনামূল্যে ○ বেসিক ($৯/মাস) ○ প্রো ($২৯/মাস) ○ এন্টারপ্রাইজ (আমাদের সাথে যোগাযোগ করুন)

স্টাইলিং ড্রপডাউন

ডিফল্ট উপস্থিতি

ড্রপডাউনগুলি ফর্ম স্টাইলিং উত্তরাধিকার সূত্রে প্রাপ্ত হয়:

• সীমানার রঙ/ব্যাসার্ধ
• পটভূমি রঙ
• ফন্ট পরিবার/আকার
• প্যাডিং

কাস্টম স্টাইলিং বিকল্প

• ড্রপডাউন তীর আইকন
• নির্বাচিত আইটেমের উপস্থিতি
• অপশন হোভার অবস্থা
• একাধিক-নির্বাচন ট্যাগ স্টাইলিং

মোবাইল স্টাইলিং

নেটিভ মোবাইল ড্রপডাউন:

• iOS: হুইল পিকার
• অ্যান্ড্রয়েড: উপাদান বাছাইকারী
• ওএসের সাথে সামঞ্জস্যপূর্ণ

সেরা অনুশীলন

১. যৌক্তিকভাবে অর্ডার অপশন

• বর্ণানুক্রমিক: দেশ, নাম
• সংখ্যাসূচক: পরিমাণ, পরিসর
• পৌনঃপুনিকতা: সবচেয়ে সাধারণ প্রথমে
• কালানুক্রমিক: সময় স্লট, তারিখ

2. বিকল্পগুলি সংক্ষিপ্ত রাখুন

ভালো: "মার্কিন যুক্তরাষ্ট্র" এড়িয়ে চলুন: "মার্কিন যুক্তরাষ্ট্র (মার্কিন যুক্তরাষ্ট্র)" ভালো: "$১,০০০ - $৫,০০০" এড়িয়ে চলুন: "এক হাজার থেকে পাঁচ হাজার ডলারের মধ্যে"

৬. উপযুক্ত হলে "অন্যান্য" অন্তর্ভুক্ত করুন

বিকল্প: - গুগল - ফেসবুক - লিঙ্কডইন - বন্ধুর রেফারেল - অন্যান্য ← এজ কেস ধরা পড়ে

৪. প্রথম বিকল্প নয়, স্থানধারক ব্যবহার করুন

ভালো: স্থানধারক: "নির্বাচন করুন..." বিকল্প: বিকল্প ১, বিকল্প ২, বিকল্প ৩ এড়িয়ে চলুন: বিকল্প: "নির্বাচন করুন...", বিকল্প ১, বিকল্প ২ (প্রথম বিকল্পটি প্রম্পট হওয়া উচিত নয়)

৫. দীর্ঘ তালিকার জন্য অনুসন্ধান সক্ষম করুন

১৫-২০+ বিকল্প সহ যেকোনো ড্রপডাউন অনুসন্ধানযোগ্য হওয়া উচিত।

৬. লোডিং পারফরম্যান্স বিবেচনা করুন

অত্যন্ত দীর্ঘ তালিকার (১০০০+) প্রয়োজন হতে পারে:

• লোড হচ্ছে লোড হচ্ছে
• সার্ভার-সাইড অনুসন্ধান
• উপবিভাগে বিভক্ত

সাধারণ ড্রপডাউন ব্যবহারের ক্ষেত্রে

যোগাযোগ ফর্ম

- বিভাগ (বিক্রয়, সহায়তা, বিলিং) - অনুসন্ধানের ধরণ (প্রশ্ন, প্রতিক্রিয়া, অভিযোগ) - আপনি আমাদের সম্পর্কে কীভাবে জানতে পেরেছেন?

নিবন্ধন ফর্ম

- দেশ - রাজ্য/প্রদেশ - শিল্প - কোম্পানির আকার - পদের নাম/ভূমিকা

ফরম অর্ডার করুন

- পণ্য নির্বাচন - পরিমাণ - আকার/রঙের ধরণ - শিপিং পদ্ধতি

জরিপ ফর্ম

- রেটিং স্কেল (১-১০) - ফ্রিকোয়েন্সি (কখনও না থেকে সর্বদা) - সম্মতি (জোরালোভাবে অসম্মত থেকে দৃঢ়ভাবে একমত)

বুকিং ফর্ম

- পরিষেবার ধরণ - পছন্দের তারিখ - সময় স্লট - সময়কাল

সমস্যা সমাধান

ড্রপডাউনে বিকল্প দেখাচ্ছে না

• বিকল্পগুলি সংরক্ষণ করা হয়েছে কিনা তা যাচাই করুন
• খালি বিকল্প তালিকার জন্য পরীক্ষা করুন
• ক্যাশে সাফ করুন এবং রিফ্রেশ করুন

অনুসন্ধান কাজ করছে না

• অনুসন্ধানযোগ্য সক্ষম আছে কিনা তা নিশ্চিত করুন
• জাভাস্ক্রিপ্ট ত্রুটি পরীক্ষা করুন
• ভিন্ন ব্রাউজারে পরীক্ষা করুন

মাল্টি-সিলেক্ট সব সিলেকশন সেভ করছে না

• মাল্টি-সিলেক্ট চালু আছে কিনা তা যাচাই করুন
• ফর্ম জমা দেওয়ার পদ্ধতি পরীক্ষা করুন
• কম নির্বাচনের মাধ্যমে পরীক্ষা করুন

মোবাইল পিকার দেখা যাচ্ছে না

• কাস্টম স্টাইলিং নেটিভকে ওভাররাইড করতে পারে
• প্রকৃত মোবাইল ডিভাইসে পরীক্ষা করুন
• জাভাস্ক্রিপ্ট দ্বন্দ্বের জন্য পরীক্ষা করুন

অভিগম্যতা

কীবোর্ড নেভিগেশন

• ফোকাস করার জন্য ট্যাব ড্রপডাউন
• নেভিগেট করার জন্য তীর কী
• নির্বাচন করতে এন্টার/স্পেস দিন
• লাফ দিতে প্রথম অক্ষর টাইপ করুন

স্ক্রিন রিডার

• লেবেল সঠিকভাবে সংযুক্ত করা হয়েছে
• বিকল্পগুলি ঘোষণা করা হয়েছে
• নির্বাচন নিশ্চিত করা হয়েছে

সেরা অনুশীলন

• স্পষ্ট, বর্ণনামূলক লেবেল
• লজিক্যাল অপশন অর্ডার
• শুধুমাত্র নির্দেশিকা হিসেবে স্থানধারক এড়িয়ে চলুন

সারাংশ

ড্রপডাউন মেনু তৈরি করা:

1. ড্রপডাউন ক্ষেত্র যোগ করুন - গঠন করতে টেনে আনুন
2. লেবেল সেট করুন - স্পষ্ট প্রশ্ন/প্রম্পট
3. স্থানধারক যোগ করুন – “নির্বাচন করুন…” লেখা
4. বিকল্পগুলি লিখুন - প্রতি লাইনে একটি করে
5. অনুসন্ধানযোগ্য সক্ষম করুন - দীর্ঘ তালিকার জন্য
6. মাল্টি-সিলেক্ট সক্ষম করুন - যদি একাধিক পছন্দের প্রয়োজন হয়
7. সেট প্রয়োজন - ফর্মের চাহিদার উপর ভিত্তি করে
8. পুঙ্খানুপুঙ্খভাবে পরীক্ষা করুন - সমস্ত বিকল্প, সমস্ত ডিভাইস

উপসংহার

ড্রপডাউনগুলি দক্ষতার সাথে ফর্মগুলিতে বিকল্প নির্বাচন পরিচালনা করে। এগুলি স্থান সাশ্রয় করে, ডেটা মানসম্মত করে এবং ডিভাইস জুড়ে ভালভাবে কাজ করে। সংক্ষিপ্ত তালিকার জন্য, রেডিও বোতামগুলি বিবেচনা করুন। দীর্ঘ তালিকার জন্য, অনুসন্ধান সক্ষম করুন। একাধিক নির্বাচনের জন্য, মাল্টি-সিলেক্ট মোড ব্যবহার করুন। সঠিক কনফিগারেশন ড্রপডাউনগুলিকে শক্তিশালী ইনপুট ক্ষেত্র করে তোলে যা ব্যবহারকারীর অভিজ্ঞতা এবং ডেটার মান উভয়ই উন্নত করে।

অটো ফর্ম বিল্ডার অনুসন্ধানযোগ্য মোড, মাল্টি-সিলেক্ট অপশন এবং কাস্টম স্টাইলিং সহ সম্পূর্ণ বৈশিষ্ট্যযুক্ত ড্রপডাউন ক্ষেত্র অন্তর্ভুক্ত। কয়েক মিনিটের মধ্যে পেশাদার নির্বাচন মেনু তৈরি করুন।

ড্রপডাউন যোগ করতে প্রস্তুত? অটো ফর্ম বিল্ডার ডাউনলোড করুন এবং আজই ড্রপডাউন মেনু দিয়ে ফর্ম তৈরি শুরু করুন।