অনুসন্ধান
প্রতিটি দর্শক একটি সম্ভাব্য গ্রাহক যা কিছু খুঁজছেন। একটি দুর্বল, লুকানো, বা কুৎসিত অনুসন্ধান বার সেই যাত্রা ভেঙে দেয়। মাস্টার অ্যাডঅন সার্চ এলিমেন্ট আপনাকে অনুসন্ধান সংহত করার দুটি শক্তিশালী উপায় দেয়: একটি ক্লাসিক ইনলাইন ফর্ম বা একটি ক্লিক-টু-ওপেন আইকন পপআপ। এটিকে আপনার হেডার, সাইডবার, হিরো সেকশন 1 এর যেকোনো জায়গায় রাখুন এবং তারপর প্রতিটি পিক্সেল ডিজাইন করুন। ফর্ম, বোতাম, আইকন এবং এমনকি পপআপের মেসেজিং স্টাইল করুন।
অনুসন্ধান ফর্ম এবং আইকন পপআপ
প্রতিটি ডিজাইনে সম্পূর্ণ অনুসন্ধান বারের জন্য জায়গা নেই। এজন্য আমরা আপনাকে দুটি স্বতন্ত্র প্রকার দিই। একটি ঐতিহ্যগত, সর্বদা-দৃশ্যমান ইনপুট ক্ষেত্র এবং বোতামের জন্য "ফর্ম" চয়ন করুন। সাইডবার বা নায়কের জন্য পারফেক্ট। অথবা, একটি মসৃণ, স্থান-সংরক্ষণকারী ম্যাগনিফাইং গ্লাসের জন্য “” নির্বাচন করুন যা ক্লিক করা হলে, একটি মার্জিত পপআপ অনুসন্ধান ওভারলে খোলে। ব্যবহারকারীর প্রয়োজন না হওয়া পর্যন্ত এটি আপনার ডিজাইন পরিষ্কার রাখে। আপনি ফর্মগুলির জন্য বোতাম পাঠ্য এবং পপআপ ট্রিগারের জন্য সঠিক আইকন নিয়ন্ত্রণ করেন৷।
- ফর্মের ধরন: একটি কাস্টমাইজযোগ্য জমা বোতাম সহ একটি আদর্শ, সর্বদা দৃশ্যমান অনুসন্ধান ফর্ম (পাঠ্য বা একটি আইকন হিসাবে)।
- আইকন/পপআপ টাইপ: একটি আড়ম্বরপূর্ণ আইকন বোতাম যা একটি সম্পূর্ণ পপআপ অনুসন্ধান ফর্ম ট্রিগার করে, গুরুত্বপূর্ণ হেডার স্থান সংরক্ষণ করে।
- আইকন লাইব্রেরি: আপনার সাইটের শৈলীর সাথে মেলে বিশাল আইকন লাইব্রেরি থেকে যেকোনো ম্যাগনিফাইং গ্লাস আইকন বেছে নিন।
সম্পূর্ণ ফর্ম এবং ইনপুট ফিল্ড স্টাইলিং
অনুসন্ধান ফর্মটিকে আপনার লেআউটের একটি স্বাভাবিক অংশ করুন। সম্পূর্ণ ফর্ম কন্টেইনার ডিজাইন করুন: এর পটভূমি, প্রস্থ, মার্জিন, প্যাডিং সেট করুন এবং এটিকে বর্ডার রেডিয়াস এবং বক্স শ্যাডো দিন। তারপর, ইনপুট ফিল্ড নিজেই স্টাইল করুন। এর টাইপোগ্রাফি, রঙ, পটভূমি, সীমানা এবং অভ্যন্তরীণ প্যাডিং নিয়ন্ত্রণ করুন। এমনকি আপনি ফোকাস স্টেট ডিজাইন করতে পারেন (যখন একজন ব্যবহারকারী ক্লিক করেন) একটি ভিন্ন বর্ডার রঙ দিয়ে। এটি নিশ্চিত করে যে আপনার সার্চ বার দেখতে এবং প্রিমিয়াম অনুভব করে, ব্রাউজার ডিফল্টের মতো নয়।
- কন্টেইনার ডিজাইন: পটভূমি, প্যাডিং, বর্ডার এবং শ্যাডো সহ ফর্মের বাক্সটি স্টাইল করুন।
- ইনপুট ফিল্ড কন্ট্রোল: টেক্সট বক্সের রঙ, টাইপোগ্রাফি, প্রস্থ এবং বর্ডার ব্যাসার্ধ কাস্টমাইজ করুন।
- উন্নত রাজ্য: সক্রিয় ক্ষেত্র হাইলাইট করে ফোকাসড স্টেটের জন্য একটি অনন্য বর্ডার কালার সংজ্ঞায়িত করুন।
আইকন ডিজাইন এবং পপআপ মেসেজিং
আইকন/পপআপ টাইপের জন্য, আইকন নিজেই একটি বোতাম। এটিকে পরিপূর্ণতায় স্টাইল করুন। এর আকার, রঙ এবং এর চারপাশে প্যাডিং এবং মার্জিন সামঞ্জস্য করুন। তারপর, প্রদর্শিত পপআপ ডিজাইন করুন। ইনপুট টেক্সট প্লেসহোল্ডার কাস্টমাইজ করুন (যেমন "স্টার্ট টাইপিং...”) এবং, গুরুত্বপূর্ণভাবে, একটি সহায়ক বিবরণ যোগ করুন (যেমন, "অনুসন্ধানে এন্টার হিট করুন বা বন্ধ করতে ESC")। এই পাঠ্যটি ব্যবহারকারীদের গাইড করে, ব্যবহারযোগ্যতা উন্নত করে এবং একটি পালিশ, পেশাদার ইন্টারেক্টিভ অভিজ্ঞতা তৈরি করে।
- আইকন স্টাইলিং: আইকনের রঙ এবং আকার পরিবর্তন করুন এবং আইকন মার্জিন এবং প্যাডিংয়ের সাথে এর আশেপাশের স্থান সামঞ্জস্য করুন।
- স্মার্ট পপআপ পাঠ্য: পপআপের অনুসন্ধান ক্ষেত্রের ভিতরে ব্যবহারকারী-বান্ধব স্থানধারক পাঠ্য সেট করুন।
- পপআপ নির্দেশাবলী: পপআপ কীভাবে ব্যবহার করবেন তা ব্যাখ্যা করতে ইনপুটের নীচে একটি বর্ণনা লাইন যুক্ত করুন (অনুসন্ধান/বন্ধ)।
অনুসন্ধানের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
এই অনুসন্ধানটি কি আমার থিমের ডিফল্ট অনুসন্ধান ফলাফল পৃষ্ঠার সাথে কাজ করে?
হ্যাঁ, এটা উচিত। এই উপাদানটি ফ্রন্ট-এন্ড সার্চ ফর্ম প্রদান করে। যখন একজন ব্যবহারকারী একটি প্রশ্ন জমা দেয়, তখন এটি আপনার ওয়ার্ডপ্রেস (বা WooCommerce) ডিফল্ট অনুসন্ধান কার্যকারিতা ব্যবহার করবে এবং আপনার থিমের অনুসন্ধান।php টেমপ্লেট পৃষ্ঠায় ফলাফল দেখাবে। এটি অনুসন্ধান যুক্তি প্রতিস্থাপন করে না, শুধু ইনপুট ফর্মটিকে আশ্চর্যজনক দেখায়।
আমি কি সাইডবারে একটি ফর্ম অনুসন্ধান এবং হেডারে একটি আইকন অনুসন্ধান উভয়ই করতে পারি?
একেবারে। আপনি একই পৃষ্ঠা বা সাইটে একাধিক অনুসন্ধান উপাদান ব্যবহার করতে পারেন। প্রতিটি স্বাধীনভাবে কনফিগার এবং স্টাইল করা হয়। তাই আপনার ব্লগ সাইডবারে একটি বড় ফর্ম এবং আপনার হেডারে একটি ন্যূনতম আইকন থাকতে পারে, প্রতিটি তাদের নিজস্ব সেটিংস সহ।
অনুসন্ধান পপআপ মোবাইল-বান্ধব?
হ্যাঁ। পপআপটি প্রতিক্রিয়াশীল হওয়ার জন্য ডিজাইন করা হয়েছে। এটি সাধারণত একটি কেন্দ্রীভূত ওভারলে হিসাবে খুলবে যা বেশিরভাগ মোবাইল স্ক্রীনকে কভার করে, ইনপুট ক্ষেত্র এবং বিবরণ স্পষ্টভাবে পাঠযোগ্য। আইকন ট্রিগার টাচ ডিভাইসের জন্য যথাযথভাবে স্কেল করে।
আমি কি ম্যাগনিফাইং গ্লাস আইকনটিকে অন্য কিছুতে পরিবর্তন করতে পারি, যেমন উদ্ধৃতির জন্য একটি "Q"?
আপনি ইন্টিগ্রেটেড আইকন লাইব্রেরি থেকে যেকোনো আইকন বেছে নিতে পারেন (যেমন FontAwesome)। যদিও একটি ম্যাগনিফাইং গ্লাস স্ট্যান্ডার্ড, আপনি প্রযুক্তিগতভাবে একটি ভিন্ন আইকন ব্যবহার করতে পারেন। যাইহোক, সার্বজনীন ব্যবহারকারী বোঝার জন্য, আমরা দৃঢ়ভাবে একটি স্বীকৃত অনুসন্ধান প্রতীক (ম্যাগনিফাইং গ্লাস) দিয়ে আটকে থাকার পরামর্শ দিই।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
