প্রতিটি সাইটের একটি মেনু প্রয়োজন, এবং থিমের ডিফল্ট হেডার খুব কমই একটি কাস্টম এলিমেন্টর ডিজাইনের সাথে মেলে। বিনামূল্যে Nav মেনু উইজেট মধ্যে এলিমেন্টরের জন্য মাস্টার অ্যাডঅন এলিমেন্টর এডিটরের ভিতরে যেকোন ওয়ার্ডপ্রেস মেনু রেন্ডার করে: ডিভাইস প্রতি অনুভূমিক বা উল্লম্ব লেআউট সেট, স্টাইল করা সাবমেনু এবং একটি হ্যামবার্গার টগল যা ফোনে দখল করে।
এই নির্দেশিকাটি লাইভ পৃষ্ঠায় একটি কার্যকরী ড্রপডাউন সহ একটি স্টাইল করা মেনুতে প্রথম টেনে উইজেটের মধ্য দিয়ে চলে।
নেভিগেশন মেনু উইজেট কি করে #
উইজেটটি আপনার চেহারা, মেনুর অধীনে তৈরি করা একটি মেনু টানে এবং এটিকে একটি এলিমেন্টর উপাদান হিসাবে রেন্ডার করে। আপনি এলিমেন্টর প্যানেল থেকে লেআউট এবং আচরণ, আইটেমগুলির প্রতিটি অবস্থা, ড্রপডাউন এবং মোবাইল টগল স্টাইল করুন। মেনু আইটেমগুলি নিজেরাই, তাদের লেবেল, অর্ডার এবং সাবমেনুগুলি ওয়ার্ডপ্রেসে পরিচালিত থাকে, তাই বিষয়বস্তু সম্পাদকরা মেনুতে একটি পৃষ্ঠা যুক্ত করতে এলিমেন্টরকে স্পর্শ করেন না।
আপনি শুরু করার আগে #
- ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
- এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? দেখা ইনস্টলেশন গাইড.
- ন্যাভিগেশন উইজেটের অধীনে মাস্টার অ্যাডঅন বিকল্প প্যানেলে Nav মেনু উইজেট সক্রিয় করা হয়েছে।
- অধীনে তৈরি একটি মেনু চেহারা, মেনু আপনার ড্যাশবোর্ডে। ডেমোতে হোম, প্রাইসিং, টিম এবং কন্টাক্ট সহ একটি "প্রধান মেনু" ব্যবহার করা হয়েছে, সাথে যোগাযোগের অধীনে একটি FAQ সাবমেনু।
কিভাবে নেভিগেশন মেনু উইজেট যোগ করবেন #
Elementor সম্পাদকে, অনুসন্ধান করুন উপাদান জন্য প্যানেল নেভি মেনু এবং এটিকে পৃষ্ঠায় টেনে আনুন, সাধারণত একটি শিরোনাম বিভাগে। উইজেট অবিলম্বে আপনার প্রথম ওয়ার্ডপ্রেস মেনু রেন্ডার করে।
মেনু এবং লেআউট চয়ন করুন #
দ্য সাধারণ বিভাগটি পুরো উইজেটটি চালায়। মেনু নির্বাচন করুন আপনার মেনু স্ক্রীন থেকে প্রতিটি মেনু তালিকাভুক্ত করে; রেন্ডার করার জন্য একটি বেছে নিন। বিন্যাস অফার অনুভূমিক, উল্লম্ব এবং হ্যামবার্গার (প্রো), এবং আপনি প্রতিটি ডিভাইসের জন্য আলাদাভাবে সেট করতে পারেন। উল্লম্ব মেনুর জন্য, টাইপ করা আচরণ যোগ করে: স্বাভাবিক, টগল, অ্যাকর্ডিয়ন বা পার্শ্ব। এখানে একটি উল্লম্ব বিন্যাসে ডেমো মেনু রয়েছে:
একটি হেডারের জন্য, অনুভূমিক হল সাধারণ বাছাই। প্রান্তিককরণ আইটেমগুলিকে বাম, কেন্দ্রে, ডানে বা ন্যায়সঙ্গত রাখে। কোন একক ব্রেকপয়েন্ট সেটিং নেই: এলিমেন্টরকে ট্যাবলেট বা ফোন ভিউতে স্যুইচ করুন এবং সেই ডিভাইসের জন্য লেআউট বেছে নিন। ফোন ডিফল্টরূপে হ্যামবার্গার টগল ব্যবহার করে। আপনার প্রয়োজন না থাকলেও একবার উল্লম্ব চেষ্টা করার মূল্য; উভয় লেআউট দেখে প্রান্তিককরণ বিকল্পগুলি ক্লিক করে।
ড্রপডাউন কনফিগার করুন #
দ্য ড্রপডাউন মেনু বিভাগটি সাবমেনু আচরণ এবং সূচক নিয়ন্ত্রণ করে:
- ড্রপডাউন সূচক: একটি সাবমেনু বহন করে এমন আইটেমগুলির পাশে তীরটি দেখান বা লুকান৷।
- সূচকের অবস্থান, মধ্যে ফাঁক, আইকনের আকার: তীরটি কোথায় বসে এবং কত বড়।
- ড্রপডাউন আইকন: যেকোনো আইকনের জন্য ডিফল্ট শেভরন অদলবদল করুন, নরমাল এবং হোভার স্টেট এবং একটি রোটেট কন্ট্রোল সহ।
- ড্রপডাউন প্রস্থ এবং প্রান্তিককরণ: সাবমেনু প্যানেলের আকার এবং পাঠ্য প্রান্তিককরণ।
- সাবমেনু সূচক: তৃতীয়-স্তরের মেনুর আইকন।
মোবাইল টগল সেট আপ করুন #
যখন একটি ডিভাইস হ্যামবার্গার লেআউট ব্যবহার করে, মেনুটি একটি টগল বোতামের পিছনে ভেঙে পড়ে। দ্য হ্যামবার্গার মেনু বিভাগ এটি কনফিগার করে: প্রান্তিককরণ, টাইপ করা (আইকন, টেক্সট, বা উভয়), দেখুন (ডিফল্ট, স্ট্যাকড, বা ফ্রেমযুক্ত), আকৃতি (বর্গক্ষেত্র বা বৃত্ত), এবং সাধারণ এবং সক্রিয় অবস্থার জন্য পৃথক আইকন। সম্পাদকটিকে মোবাইল প্রিভিউতে স্যুইচ করুন এবং টগলটি এর নীচে স্ট্যাক করা মেনু সহ প্রদর্শিত হবে:
মেনু আইটেম শৈলী #
মধ্যে শৈলী ট্যাব, প্রধান মেনু আইটেম শীর্ষ-স্তরের লিঙ্কগুলি কভার করে। টাইপোগ্রাফি ফন্ট পরিচালনা করে:
এর নিচে, স্বাভাবিক, ঘোরাঘুরি করা, এবং সক্রিয় ট্যাব প্রতিটি বহন রঙ, আইটেম পটভূমি রঙ, এবং টেক্সট শ্যাডো, প্লাস শেয়ার করা হয়েছে অনুভূমিক এবং উল্লম্ব প্যাডিং, স্পেস বিটুইন, এবং সীমান্ত নিয়ন্ত্রণ। ডেমো একটি নীল হোভার রঙ সেট করে, কার্সার মূল্য অতিক্রম করার সাথে সাথে লাইভের পূর্বরূপ দেখায়:
টগল, ড্রপডাউন তালিকা এবং আইটেম স্টাইল করুন #
আরও তিনটি শৈলী বিভাগ কাজ শেষ করে:
হ্যামবার্গার টগল শৈলী: রঙ, পটভূমি, সীমানা ব্যাসার্ধ, ছায়া, আইকন আকার, এবং প্যাডিং, সাধারণ, হোভার, এবং সক্রিয় অবস্থা সহ।
ড্রপডাউন মেনু সাবমেনু প্যানেলের শৈলী: পটভূমির রঙ, উপরে থেকে ফাঁক, সীমানা এবং প্যাডিং। ড্রপডাউন সাবমেনু গভীর মেনু কভার করে।
ড্রপডাউন মেনু আইটেম প্যানেলের ভিতরের লিঙ্কগুলিকে স্টাইল করে, একই তিনটি স্টেট প্লাস a সহ বিভাজক আইটেমগুলির মধ্যে লাইনের জন্য গ্রুপ:
পৃষ্ঠায় ফলাফল #
লাইভ পৃষ্ঠায়, মেনুটি আপনার স্টাইলিংয়ে রেন্ডার করে: হোভার স্টেট ফায়ারিং, এবং FAQ সাবমেনু ড্রপ ডাউন সেটিংস ঠিক যেখানে এটি রাখে যোগাযোগের অধীনে ড্রপ করে।
সাধারণ ব্যবহারের ক্ষেত্রে #
- কাস্টম হেডার এলিমেন্টর দিয়ে তৈরি, যেখানে থিম মেনু ডিজাইন অনুসরণ করতে পারে না।
- ল্যান্ডিং পেজ তাদের নিজস্ব স্লিম মেনু সহ, সাইট-ব্যাপী একটি থেকে আলাদা।
- সাইডবার নেভিগেশন ডকুমেন্টেশন বা বিভাগ পৃষ্ঠাগুলিতে উল্লম্ব বিন্যাস ব্যবহার করা।
- মোবাইল-প্রথম মেনু টগলের আইকন, ভিউ এবং আকৃতির বিকল্পগুলির উপর হেলান দেওয়া।
- মাল্টি-লেভেল মেনু স্টাইল করা ড্রপডাউন এবং সাবলেভেল প্যানেল সহ।
একটি ভাল নেভিগেশন মেনু জন্য টিপস #
- প্রথমে ওয়ার্ডপ্রেসে মেনু তৈরি করুন। উইজেট চেহারা, মেনু থেকে মেনু রেন্ডার করে; এটা তাদের তৈরি করে না। সেখানে গঠন, এখানে শৈলী।
- হোভার এবং সক্রিয় বিভিন্ন রং দিন। হোভার কার্সারের উত্তর দেয়; সক্রিয় দর্শকদের বলে যে তারা কোন পৃষ্ঠায় আছে। একই রঙ সংকেত নষ্ট করে।
- একটি বাস্তব ফোনে প্রতিটি ডিভাইস চেক করুন। একটি চার-আইটেম মেনু ট্যাবলেটগুলি ভালভাবে ফিট করতে পারে, যখন একটি সাত-আইটেমের ট্যাবলেটগুলিতেও একটি উল্লম্ব বিন্যাসের প্রয়োজন হতে পারে।
- ড্রপডাউন ব্যাকগ্রাউন্ডকে স্পষ্টভাবে স্টাইল করুন। পৃষ্ঠার বিষয়বস্তুর উপর একটি স্বচ্ছ সাবমেনু হল সবচেয়ে সাধারণ মেনু অভিযোগ যা আমরা দেখি; একটি কঠিন ড্রপডাউন মেনু ব্যাকগ্রাউন্ড এক ক্লিকে এটি ঠিক করে।
ভিডিও টিউটোরিয়াল #
আপনি যদি নেভিগেশন মেনু উইজেটটি কার্যকর দেখতে চান, তাহলে এই ভিডিওটি সম্পূর্ণ সেটআপের মধ্য দিয়ে চলে, মেনু বাছাই থেকে শুরু করে লাইভ পৃষ্ঠায় স্টাইল করা ড্রপডাউন পর্যন্ত:
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #
মাস্টার অ্যাডঅনগুলিতে নেভিগেশন মেনু উইজেট কী?
এটি একটি এলিমেন্টর উইজেট যা সম্পূর্ণ স্টাইলিং নিয়ন্ত্রণ সহ যেকোনো ওয়ার্ডপ্রেস মেনু রেন্ডার করে। এটি প্রতি ডিভাইসে অনুভূমিক এবং উল্লম্ব লেআউট সেট, কাস্টম সূচক সহ স্টাইল করা সাবমেনু এবং একটি কনফিগারযোগ্য হ্যামবার্গার টগল অফার করে যা ফোনগুলি ডিফল্টরূপে ব্যবহার করে।
আমি কোথায় মেনু আইটেম যোগ বা অপসারণ করব?
ওয়ার্ডপ্রেসে, চেহারার অধীনে, মেনু। উইজেটের সিলেক্ট মেনু ড্রপডাউন আপনার সেখানে তৈরি করা প্রতিটি মেনু তালিকাভুক্ত করে এবং আপনার বাছাই করা একটি রেন্ডার করে। আইটেম, অর্ডার, এবং সাবমেনু ওয়ার্ডপ্রেসে পরিচালিত হয়; উইজেট লেআউট এবং স্টাইলিং পরিচালনা করে।
আমি কিভাবে একটি ড্রপডাউন সাবমেনু করতে পারি?
আপনার ওয়ার্ডপ্রেস মেনুতে আইটেমগুলিকে মেনু স্ক্রিনে অভিভাবকের নীচে টেনে নিয়ে নেস্ট করুন৷ উইজেট স্বয়ংক্রিয়ভাবে পিতামাতার পাশে একটি ড্রপডাউন সূচক দেখায় এবং ড্রপডাউন মেনু এবং ড্রপডাউন তালিকা বিভাগগুলি প্যানেলের আচরণ এবং স্টাইলিং নিয়ন্ত্রণ করে।
মোবাইল হ্যামবার্গার মেনু কখন প্রদর্শিত হয়?
ডিফল্টরূপে ফোনে। মাস্টার অ্যাডনস প্রো আপনাকে পপআপ এবং অফক্যানভাস প্রকার সহ যেকোনো ডিভাইসের জন্য হ্যামবার্গার লেআউট বেছে নিতে দেয়। হ্যামবার্গার মেনু বিভাগটি আইকন বা পাঠ্যের ধরন, স্ট্যাক করা বা ফ্রেমযুক্ত দৃশ্য, বর্গক্ষেত্র বা বৃত্তের আকার এবং পৃথক সাধারণ এবং সক্রিয় আইকন সহ টগলকে স্টাইল করে।
মেনু অনুভূমিক পরিবর্তে উল্লম্ব হতে পারে?
হ্যাঁ। লেআউট নিয়ন্ত্রণ অনুভূমিক, উল্লম্ব এবং হ্যামবার্গার (প্রো) অফার করে। উল্লম্ব স্যুট সাইডবার এবং ডকুমেন্টেশন পৃষ্ঠা, এবং টাইপ কন্ট্রোল উপরে টগল, অ্যাকর্ডিয়ন বা সাইড আচরণ যোগ করে।
মোড়ানো #
নেভিগেশন মেনু উইজেট সাইট মেনু রাখে যেখানে আপনার ডিজাইনের বাকি অংশ থাকে: একটি ওয়ার্ডপ্রেস মেনু বেছে নিন, লেআউট বেছে নিন, আইটেম স্টাইল করুন, ড্রপডাউন এবং মোবাইল টগল করুন এবং প্রকাশ করুন। এটা স্বাভাবিকভাবেই সঙ্গে জোড়া অফ-ক্যানভাস সামগ্রী স্লাইড-আউট মোবাইল নেভিগেশনের জন্য উইজেট (প্রো)। এর সম্পূর্ণ সেট ব্রাউজ করুন মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন, এবং দেখুন Nav মেনু উইজেট পৃষ্ঠা elementor Pro এর মেনু উইজেটগুলির সাথে তুলনা করার জন্য।
