উইজেট সেটিংস অনুসন্ধান করুন

Elementor এর নিজস্ব সার্চ উইজেটের জন্য Elementor Pro প্রয়োজন, তাই বেশিরভাগ সাইট থিম যে সার্চ বক্স প্রদান করে তার সাথে আটকে যায়। বিনামূল্যে অনুসন্ধান উইজেট মধ্যে এলিমেন্টরের জন্য মাস্টার অ্যাডঅন সেই শূন্যতা পূরণ করে। এটিকে একটি পৃষ্ঠায় বা হেডারে যে কোনো জায়গায় ফেলে দিন, তারপর একটি ক্লাসিক অনুসন্ধান ফর্ম বা একটি আইকন পপআপ বেছে নিন যা ক্লিকে প্রসারিত হয়। ইনপুট এবং বোতামটি এলিমেন্টর প্যানেল থেকে স্টাইল করা হয়েছে, কোন CSS জড়িত নেই।

এখানে কিভাবে উভয় লেআউট এলিমেন্টর সার্চ উইজেট কাজ, সেটিং দ্বারা সেটিং, প্লাস দর্শকরা আসলে লাইভ পৃষ্ঠায় কি দেখতে পান।

অনুসন্ধান উইজেট কি করে #

উইজেট একটি এলিমেন্টর উপাদান হিসাবে একটি ওয়ার্ডপ্রেস অনুসন্ধান ফর্ম আউটপুট করে। দর্শকরা একটি ক্যোয়ারী টাইপ করে, এন্টার টিপুন বা সাবমিট কন্ট্রোল ক্লিক করুন এবং আপনার সাইটের স্ট্যান্ডার্ড সার্চ রেজাল্ট পেজে ল্যান্ড করুন, তাই ফলাফল ওয়ার্ডপ্রেস থেকেই আসে এবং আপনার থিমের মাধ্যমে রেন্ডার হয়। আপনি ফর্মটি কেমন দেখাচ্ছে তা চয়ন করুন: একটি আইকন বা পাঠ্য বোতাম সহ একটি সম্পূর্ণ ইনপুট ক্ষেত্র, বা একটি একা অনুসন্ধান আইকন যা একটি পপআপ অনুসন্ধান স্ক্রিনে প্রসারিত হয়৷।

আপনি শুরু করার আগে #

• ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
• এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। সাহায্য দরকার? দেখা ইনস্টলেশন গাইড.
• আপনি যদি আগে উইজেটগুলি বন্ধ করে থাকেন তবে মাস্টার অ্যাডঅন ড্যাশবোর্ডে অনুসন্ধান উপাদানটি সক্ষম করা হয়েছে৷।

কিভাবে Elementor অনুসন্ধান উইজেট যোগ করবেন #

Elementor সম্পাদক খুলুন এবং অনুসন্ধান করুন অনুসন্ধান এলিমেন্টস প্যানেলে, অথবা মাস্টার অ্যাডঅন বিভাগে স্ক্রোল করুন (এমএ ব্যাজ দেখুন)। আপনার পৃষ্ঠায় উইজেট টেনে আনুন। সাবমিট কন্ট্রোল হিসাবে একটি ম্যাগনিফাইং গ্লাস আইকন সহ একটি কার্যকরী অনুসন্ধান ফর্ম অবিলম্বে উপস্থিত হয়।

বিষয়বস্তু ট্যাব সেট আপ করুন #

দ্য বিষয়বস্তু ট্যাব একটি প্রধান সিদ্ধান্ত এবং এটি থেকে অনুসরণ করে এমন কয়েকটি ক্ষেত্র ধারণ করে। দ্য টাইপ করা ড্রপডাউন দুটি লেআউটের মধ্যে সুইচ করে: ফর্ম এবং আইকন পপআপ.

প্রকার: ফর্ম #

ফর্ম হল ক্লাসিক লেআউট, ডানদিকে জমা নিয়ন্ত্রণ সহ একটি ইনপুট ক্ষেত্র। দ্য বোতামের ধরন জমা দিন ড্রপডাউন সেই নিয়ন্ত্রণ কী তা নির্ধারণ করে:

• আইকন: একটি আইকন বোতাম দেখায়। নীচের লাইব্রেরি থেকে আইকন চয়ন করুন; ডিফল্ট ম্যাগনিফাইং গ্লাস প্রায় প্রতিটি ডিজাইনের জন্য কাজ করে।
• বোতাম: পরিবর্তে একটি পাঠ্য বোতাম দেখায়। ক বোতাম পাঠ্য ক্ষেত্র প্রদর্শিত হবে যেখানে আপনি লেবেল টাইপ করেন, যেমন অনুসন্ধান বা এন্টার টিপুন।

প্রকার: আইকন পপআপ #

আইকন পপআপ শুধুমাত্র একটি অনুসন্ধান আইকন রেন্ডার করে। যখন একজন দর্শক এটিতে ক্লিক করেন, তখন একটি অনুসন্ধান স্ক্রীন একটি বড় ইনপুট ক্ষেত্র এবং একটি বন্ধ বোতাম সহ পৃষ্ঠার উপর খোলে। এটি হেডার এবং নেভিগেশন বারগুলিতে ব্যবহার করার লেআউট যেখানে একটি সম্পূর্ণ অনুসন্ধান ক্ষেত্র মেনুতে ভিড় করবে।

আইকন পপআপ নির্বাচন করা প্রকাশ করে পপআপ সেটিংস দুটি ক্ষেত্র সহ বিভাগ:

• ইনপুট পাঠ্য: পপআপের অনুসন্ধান ক্ষেত্রের ভিতরের স্থানধারক, ডিফল্টরূপে "অনুসন্ধান ...”৷।
• বর্ণনা: ক্ষেত্রের অধীনে একটি সহায়ক লাইন, যেমন “ অনুসন্ধান করতে এন্টার হিট করুন বা বন্ধ করতে X ক্লিক করুন।”

স্টাইল ট্যাবে উইজেট স্টাইল করুন #

দ্য শৈলী ট্যাবের দুটি বিভাগ রয়েছে: ফর্ম ইনপুট এলাকার জন্য এবং বোতাম জমা নিয়ন্ত্রণের জন্য।

ফর্ম #

ফর্ম বিভাগটি মোড়ক এবং ইনপুট ক্ষেত্রের শৈলী:

• পটভূমি: ফর্মের পিছনে একটি রঙ।
• প্রস্থ: পিক্সেলে ফর্মের প্রস্থ। সহজ যখন উইজেট একটি প্রশস্ত কলামে বসে এবং আপনি একটি শক্ত অনুসন্ধান বাক্স চান।
• ফর্ম মার্জিন এবং ফর্ম প্যাডিং: মোড়কের বাইরে এবং ভিতরে ব্যবধান।
• বর্ডার টাইপ এবং বর্ডার ব্যাসার্ধ: ফর্মের চারপাশে ফ্রেম এবং এর কোণগুলি কতটা গোলাকার।
• টাইপোগ্রাফি এবং রঙ: ইনপুটের ফন্ট এবং টেক্সট রঙ।
• ফর্ম ইনপুট রঙ: ইনপুট ক্ষেত্রের পটভূমির রঙ নিজেই।

বোতাম #

বোতাম বিভাগটি সাবমিট কন্ট্রোল স্টাইল করে, তা আইকন হোক বা টেক্সট বোতাম:

• পটভূমির রঙ: বোতামের পিছনে ভরাট।
• রঙ: আইকন বা টেক্সট রঙ।
• প্যাডিং এবং মার্জিন: বোতামের ভিতরের এবং বাইরের ব্যবধান।
• টাইপোগ্রাফি: বোতাম পাঠ্যের জন্য ফন্ট পরিবার, আকার এবং ওজন।

একটি সাইজিং নোট: বোতামের উচ্চতা ফর্মটি অনুসরণ করে, তাই যদি ফন্টের আকার পরিবর্তনের পরে বোতামের পাঠ্যটি সঙ্কুচিত দেখায়, তবে বোতাম প্যাডিংয়ের সাথে লড়াই করার পরিবর্তে ফর্মের দিকে একটু উল্লম্ব প্যাডিং যোগ করুন।

লাইভ ফলাফল দেখুন #

পৃষ্ঠাটি প্রকাশ করুন এবং ফর্মটি চেষ্টা করুন। ক্ষেত্রে ক্লিক করুন, একটি ক্যোয়ারী টাইপ করুন, এবং এন্টার টিপুন বা জমা বোতাম টিপুন।

ওয়ার্ডপ্রেস সেখান থেকে দায়িত্ব নেয় এবং আপনার থিমের অনুসন্ধান ফলাফল টেমপ্লেটে মিলিত পোস্ট এবং পৃষ্ঠাগুলি দেখায়:

সাধারণ ব্যবহারের ক্ষেত্রে #

• হেডার অনুসন্ধান: নেভিগেশন মেনুর পাশে আইকন পপআপ ব্যবহার করুন যাতে মেনু স্পেস না খেয়ে সার্চ এক ক্লিক দূরে থাকে।
• ব্লগ সাইডবার বা আর্কাইভ পেজ: একটি ফর্ম-টাইপ অনুসন্ধান বাক্স পাঠকদের পুরানো পোস্টগুলি খনন করতে সহায়তা করে৷।
• 404 পৃষ্ঠা: একটি অনুসন্ধান ফর্ম হল সবচেয়ে দরকারী জিনিস যা আপনি একটি পৃষ্ঠায় রাখতে পারেন যা বলে “ পাওয়া যায়নি৷”৷
• ডকুমেন্টেশন এবং জ্ঞানের ভিত্তি: সামনে এবং কেন্দ্রে একটি বিস্তৃত অনুসন্ধান ফর্ম রাখুন যাতে ব্যবহারকারীরা স্ক্রোল করার আগে অনুসন্ধান করে।

একটি ভাল অনুসন্ধান বার জন্য টিপস #

• আপনার থিমের অ্যাকসেন্ট রঙের সাথে বোতামের রঙ মেলে। একটি অনুসন্ধান বোতাম যা সাইটের অন্যান্য বোতামের মতো দেখায় বেশি ব্যবহৃত হয়।
• স্থানধারক ছোট রাখুন। "অনুসন্ধান ...” একটি সম্পূর্ণ বাক্যকে বীট করে যা মোবাইলে কেটে যায়।
• টাইট লেআউটে আইকন পপআপ ব্যবহার করুন। একটি হেডার কলামে চেপে দেওয়া একটি সম্পূর্ণ অনুসন্ধান ফর্ম ট্যাবলেটের প্রস্থে বিশ্রীভাবে মোড়ানো থাকে।
• ফলাফল পৃষ্ঠা পরীক্ষা করুন। উইজেটটি ওয়ার্ডপ্রেসের কাছে ক্যোয়ারী দেয়, তাই অনুসন্ধান বাক্সটি প্রচার করার আগে আপনার থিমের অনুসন্ধান ফলাফল টেমপ্লেটটি উপস্থাপনযোগ্য বলে মনে হচ্ছে কিনা তা পরীক্ষা করুন।

ভিডিও টিউটোরিয়াল #

আপনি যদি সার্চ উইজেটটি কার্যকর দেখতে চান, তাহলে এই ভিডিওটি সম্পূর্ণ সেটআপের মধ্য দিয়ে চলে, প্রথম টেনে লাইভ পৃষ্ঠায় অনুসন্ধানের ফলাফলে:

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #

মোড়ানো #

মাস্টার অ্যাডনস অনুসন্ধান উইজেট এলিমেন্টরকে সার্চ বার দেয় যা এটি অনুপস্থিত: একটি ফর্ম বা আইকন পপআপ যা আপনি যেকোন জায়গায় রাখতে পারেন এবং ডিজাইনের সাথে মেলে স্টাইল করতে পারেন, যার ফলাফল ওয়ার্ডপ্রেস নিজেই পরিবেশন করে। এটা ভাল সঙ্গে জোড়া অফ-ক্যানভাস সামগ্রী আপনি যখন একটি কাস্টম হেডার তৈরি করছেন তখন উইজেট। এর সম্পূর্ণ সংগ্রহ ব্রাউজ করুন মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন, বা দেখুন উইজেট পৃষ্ঠা অনুসন্ধান করুন ডেমো এবং Elementor Pro অনুসন্ধান উইজেটের সাথে তুলনার জন্য।