Elementor Nav মেনু উইজেট: কোন Elementor Pro প্রয়োজন নেই
Nav মেনু হল একটি মাস্টার অ্যাডঅন উইজেট যা যেকোন ওয়ার্ডপ্রেস মেনুকে এলিমেন্টর হেডার, ফুটার বা পৃষ্ঠায় রাখে এবং আপনাকে প্যানেল থেকে স্টাইল করতে দেয়। প্রতিটি ডিভাইসের জন্য একটি অনুভূমিক বা উল্লম্ব বিন্যাস চয়ন করুন, প্রধান আইটেম, ড্রপডাউন এবং সাবমেনুগুলিকে তাদের স্বাভাবিক, হোভার এবং সক্রিয় অবস্থায় স্টাইল করুন এবং মাল্টি-কলাম প্যানেলের জন্য মেগা মেনু এক্সটেনশনের সাথে এটি যুক্ত করুন। ফোনে এটি ডিফল্টরূপে হ্যামবার্গার টগলে ভেঙে পড়ে। মাস্টার অ্যাডনস প্রো পপআপ এবং অফক্যানভাস মেনু সহ যেকোনো প্রস্থের জন্য হ্যামবার্গার লেআউট যোগ করে।
অনুভূমিক, উল্লম্ব এবং হ্যামবার্গার লেআউট
ডেস্কটপ, ট্যাবলেট এবং ফোনের জন্য আলাদাভাবে লেআউট সেট করুন। অনুভূমিক একটি শীর্ষ বার স্যুট। উল্লম্ব চার প্রকারে আসে: সাইড ড্রপডাউন, টগল, অ্যাকর্ডিয়ন এবং সাইড সহ সাধারণ, যা পৃষ্ঠার প্রান্তে মেনু পিন করে। ফোন ডিফল্টরূপে হ্যামবার্গার টগল ব্যবহার করে। প্রো-এর সাহায্যে আপনি যেকোনো প্রস্থের জন্য হ্যামবার্গার বাছাই করতে পারেন এবং ডিফল্ট ড্রপডাউন, পপআপ বা অফক্যানভাস প্যানেল হিসেবে মেনু খুলতে পারেন।
- এলিমেন্টরের অতিরিক্ত ব্রেকপয়েন্ট সহ ডিভাইস প্রতি লেআউট সেট।
- সাধারণ, টগল, অ্যাকর্ডিয়ন বা সাইড হিসাবে উল্লম্ব মেনু।
- মাস্টার অ্যাডনস প্রো সহ পপআপ এবং অফক্যানভাস হ্যামবার্গার মেনু।
- সঙ্গে কাজ করে মেগা মেনু মাল্টি-কলাম প্যানেলের জন্য এক্সটেনশন।
উল্লম্ব মেনু লেআউট: সাধারণ, টগল, অ্যাকর্ডিয়ন এবং সাইড
লেআউটে উল্লম্ব বাছাই করুন এবং একটি দ্বিতীয় নিয়ন্ত্রণ, টাইপ, প্রদর্শিত হবে। প্রতিটি প্রকার আলাদাভাবে সাবমেনু খোলে, এবং লেআউট এবং টাইপ উভয়ই ডিভাইস প্রতি সেট করা যেতে পারে, তাই একটি মেনু ডেস্কটপে স্বাভাবিক থাকতে পারে এবং ফোনে অ্যাকর্ডিয়নে স্যুইচ করতে পারে।
- স্বাভাবিক পাঠক যখন তার মূল আইটেমটি ঘোরায় তখন তালিকার পাশে একটি সাবমেনু খোলে।
- টগল ক্লিকে তার পিতামাতার অধীনে একটি সাবমেনু প্রসারিত করে এবং একাধিক একবারে খোলা থাকতে পারে।
- অ্যাকর্ডিয়ন এছাড়াও ক্লিকে প্রসারিত হয়, কিন্তু একটি সাবমেনু খোলার ফলে যেটি খোলা ছিল সেটি বন্ধ হয়ে যায়।
- পার্শ্ব পৃষ্ঠার প্রান্তে মেনু পিন করে। শুধুমাত্র প্রধান আইটেম বারে বসে, এবং তাদের সাবমেনু এটির পাশে একটি প্যানেলে খোলে।
সাধারণ: সাবমেনু হোভারের পাশে খোলে।
টগল করুন: সাবমেনু তার আইটেমের অধীনে প্রসারিত হয়।
অ্যাকর্ডিয়ন: একবারে একটি সাবমেনু খোলা।
সাইড: পৃষ্ঠার প্রান্তে একটি বারে প্রধান আইটেম, এটির পাশে একটি প্যানেলে সাবমেনু সহ।
প্রতিটি মেনু স্তর এবং রাজ্য শৈলী
স্টাইল ট্যাবে প্রধান মেনু আইটেম, ড্রপডাউন মেনু, ড্রপডাউন মেনু আইটেম, ড্রপডাউন সাবমেনু এবং ড্রপডাউন সাবমেনু আইটেমের জন্য আলাদা বিভাগ রয়েছে। প্রতিটি সাধারণ, হোভার এবং অ্যাক্টিভ স্টেট, প্লাস প্যাডিং, বর্ডার এবং ডিভাইডারগুলির জন্য রঙ এবং ব্যাকগ্রাউন্ড পায়, তাই বর্তমান পৃষ্ঠার লিঙ্কটি বাকিদের থেকে আলাদা দেখতে পারে।
- প্রধান আইটেম এবং ড্রপডাউন আইটেমগুলির জন্য সাধারণ, হোভার এবং সক্রিয় অবস্থা।
- ড্রপডাউন প্যানেল, এর আইটেম এবং গভীর সাবমেনুগুলির জন্য পৃথক স্টাইলিং।
- প্রকার, আকার এবং রঙ সহ আইটেমগুলির মধ্যে বিভাজক।
হ্যামবার্গার টগল এবং নির্দেশক আইকন
হ্যামবার্গার টগলটিকে একটি আইকন, পাঠ্য বা উভয় হিসাবে স্টাইল করুন, একটি ডিফল্ট, স্ট্যাকড বা ফ্রেমড ভিউ এবং একটি বর্গক্ষেত্র বা বৃত্তের আকার সহ। মেনু বন্ধ থাকা অবস্থায় এটি একটি আইকন এবং খোলা থাকা অবস্থায় আরেকটি আইকন দেখাতে পারে। সূচক আইকনগুলি ড্রপডাউন এবং সাবমেনু আছে এমন আইটেমগুলিকে চিহ্নিত করে: আপনার নিজের আইকনগুলি চয়ন করুন, সেগুলি দেখান বা লুকান এবং তাদের আকার, রঙ, অবস্থান এবং ঘূর্ণন সেট করুন৷।
- হ্যামবার্গার একটি আইকন, পাঠ্য বা উভয় হিসাবে টগল করুন।
- বন্ধ এবং খোলা মেনুর জন্য বিভিন্ন আইকন।
- ঘূর্ণন সহ কাস্টম ড্রপডাউন এবং সাবমেনু নির্দেশক আইকন।
ড্রপডাউন ব্যবধান এবং প্রতি-ডিভাইস লেআউট
মেনুর শীর্ষ থেকে ড্রপডাউন প্রস্থ এবং এর ফাঁক সেট করুন, প্রতিটি লিঙ্কের ভিতরে আইটেম এবং প্যাডিংয়ের মধ্যে ফাঁক। ট্রানজিশন সময়কাল নিয়ন্ত্রণ করে কত দ্রুত হোভার রং এবং ড্রপডাউন পরিবর্তন হয়। যেহেতু লেআউটটি প্রতি ডিভাইসে সেট করা আছে, আপনি সিদ্ধান্ত নিন যে মেনুটি একটি অনুভূমিক বার থেকে একটি উল্লম্ব তালিকায় বা প্রো সহ হ্যামবার্গারে কোথায় স্যুইচ করবে।
- ড্রপডাউন প্রস্থ এবং উপরে থেকে ফাঁক।
- সহজে ট্যাপ করার জন্য আইটেম এবং লিঙ্ক প্যাডিংয়ের মধ্যে ফাঁক।
- হোভার এবং ড্রপডাউন পরিবর্তনের জন্য ট্রানজিশন সময়কাল।
এলিমেন্টর প্রো মেনু উইজেট বনাম মাস্টার অ্যাডঅনস নেভি মেনু
এলিমেন্টরের ফ্রি প্লাগইনে ওয়ার্ডপ্রেস মেনু স্থাপন এবং স্টাইল করার জন্য কোনো উইজেট নেই। এর মেনু এবং ওয়ার্ডপ্রেস মেনু উইজেটগুলি এলিমেন্টর প্রো এর সাথে আসে। তারা কিভাবে তুলনা করে তা এখানে।
| এলিমেন্টর প্রো | মাস্টার অ্যাডনস নেভি মেনু | |
|---|---|---|
| দাম | এলিমেন্টর প্রো লাইসেন্স | মাস্টার অ্যাডঅন অন্তর্ভুক্ত; প্রো সহ পপআপ এবং অফক্যানভাস হ্যামবার্গার প্রকার |
| বিন্যাস | অনুভূমিক, উল্লম্ব, ড্রপডাউন | অনুভূমিক, উল্লম্ব (4 প্রকার), হ্যামবার্গার |
| মোবাইল মেনু | আপনার চয়ন করা একটি ব্রেকপয়েন্টের নীচে টগল করুন৷ | ডিফল্টরূপে ফোনে হ্যামবার্গার; প্রো সহ পপআপ এবং অফক্যানভাস |
| ডিভাইস প্রতি লেআউট | একটি ব্রেকপয়েন্ট সেটিং | প্রতিটি ডিভাইসের জন্য সেট করুন |
| হোভার পয়েন্টার অ্যানিমেশন | হ্যাঁ | না |
| মেগা মেনু | ড্রপডাউন সামগ্রী সহ মেনু উইজেট | মেগা মেনু এক্সটেনশন |
আপনি যদি ইতিমধ্যেই Elementor Pro এর জন্য অর্থ প্রদান করেন, তাহলে এর মেনু উইজেটগুলি কাজটি করে। এটি ছাড়া, Nav মেনু এবং মেগা মেনু এক্সটেনশন আপনাকে Elementor Pro ছাড়া একটি স্টাইল করা হেডার মেনু দেয়।
এক নজরে নেভি মেনু
উইজেট কি করে, মাস্টার অ্যাডনস 3.2।3 থেকে পড়ুন।
| আইটেম | Nav মেনু উইজেট |
|---|---|
| মেনু উৎস | উপস্থিতি, মেনু থেকে যেকোনো মেনু, নির্বাচন মেনুতে বাছাই করা হয়েছে |
| বিন্যাস | প্রতিটি ডিভাইসে অনুভূমিক এবং উল্লম্ব; ডিফল্টরূপে ফোনে হ্যামবার্গার |
| উল্লম্ব প্রকার | সাধারণ, টগল, অ্যাকর্ডিয়ন এবং সাইড |
| ডেস্কটপ এবং ট্যাবলেটে হ্যামবার্গার | মাস্টার অ্যাডনস প্রো |
| হ্যামবার্গার প্রকার | ফোনে ডিফল্ট; প্রো সহ পপআপ এবং অফক্যানভাস |
| সাবমেনুস | ড্রপডাউন, এর আইটেম, গভীর সাবমেনু এবং তাদের আইটেমগুলির জন্য পৃথক শৈলী বিভাগ |
| রাজ্যগুলি | প্রধান আইটেম এবং ড্রপডাউন আইটেমগুলির জন্য সাধারণ, হোভার এবং সক্রিয় |
| নির্দেশক আইকন | আকার, রঙ, অবস্থান এবং ঘূর্ণন সহ আপনার চয়ন করা ড্রপডাউন এবং সাবমেনু আইকন |
| হোভার পয়েন্টার অ্যানিমেশন | না (এলিমেন্টর প্রো এর মেনু উইজেটে সেগুলি আছে) |
| আঠালো | উইজেটে কোন সেটিং নেই; হেডার ধারক আঠালো করুন |
| মেগা মেনু প্যানেল | মেগা মেনু এক্সটেনশন |
| চাহিদা | এলিমেন্টর এবং মাস্টার অ্যাডঅন, কোন এলিমেন্টর প্রো নেই |
Nav মেনু উদাহরণ
উইজেট দিয়ে নির্মিত পাঁচটি লাইভ ডেমো। একটি খুলুন, তারপর নীচের টেমপ্লেট ভিউয়ার থেকে লেআউটটি আমদানি করুন।
- কাঠকয়লা নববার এবং মেগা মেনু: একটি মাল্টি-কলাম মেগা মেনু প্যানেল সহ একটি অন্ধকার হেডার বার।
- শীর্ষ বার সহ Nav মেনু: প্রধান মেনুর উপরে একটি যোগাযোগ স্ট্রিপ।
- ড্রপডাউন মেনু বৈচিত্র: একই মেনুতে বেশ কয়েকটি ড্রপডাউন শৈলী।
- উল্লম্ব নেভিগেশন মেনু: একটি উল্লম্ব তালিকা হিসাবে মেনু।
- উল্লম্ব পার্শ্ব মেনু: সাইড টাইপ পৃষ্ঠার প্রান্তে পিন করা।
এলিমেন্টরে কীভাবে একটি নেভি মেনু যোগ করবেন
উইজেটটি ওয়ার্ডপ্রেসে আপনার তৈরি মেনু ব্যবহার করে, তাই সেখানে শুরু করুন।
- চেহারা > মেনুর অধীনে আপনার মেনু তৈরি করুন।
- Elementor-এ, আপনার হেডার, ফুটার বা পৃষ্ঠায় মাস্টার অ্যাডনস ন্যাভ মেনু উইজেটটি টেনে আনুন।
- সিলেক্ট মেনুতে মেনু বেছে নিন এবং ডেস্কটপের জন্য একটি লেআউট বেছে নিন।
- প্রতিটি ডিভাইসে লেআউট পরীক্ষা করতে ট্যাবলেট এবং ফোন ভিউতে স্যুইচ করুন। ফোনগুলি ডিফল্টরূপে হ্যামবার্গার টগল করে।
- মেনু আইটেম স্টাইল করুন, ড্রপডাউন করুন এবং স্টাইল ট্যাবে টগল করুন, তারপর প্রকাশ করুন।
একটি সম্পূর্ণ হেডার ওয়াকথ্রু জন্য, পড়ুন প্রো ছাড়া এলিমেন্টরে কীভাবে একটি নেভি মেনু তৈরি করবেন। একটি সাইট-ওয়াইড হেডারের জন্য, বিনামূল্যে ব্যবহার করুন থিম নির্মাতা.
এর সাথে ভাল জুটি: মেগা মেনু মাল্টি-কলাম প্যানেলের জন্য, অফ-ক্যানভাস সামগ্রী (প্রো) একটি স্লাইড-আউট প্যানেলের জন্য, থিম নির্মাতা একটি সাইট-ওয়াইড হেডারের জন্য, প্রদর্শন শর্তাবলী (প্রো) লগ-ইন করা দর্শকদের জন্য একটি ভিন্ন মেনু দেখাতে, এবং ট্যাব ইন-পেজ নেভিগেশন জন্য।
Nav মেনুর জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
এটি অন্যান্য Nav মেনু উইজেট থেকে কীভাবে আলাদা?
এলিমেন্টরের নিজস্ব মেনু উইজেটগুলির জন্য এলিমেন্টর প্রো প্রয়োজন। মাস্টার অ্যাডনস ন্যাভ মেনু এলিমেন্টর প্রো ছাড়াই চলে এবং প্রতি-ডিভাইস লেআউট, চারটি উল্লম্ব মেনু প্রকার, প্রতিটি মেনু স্তর এবং রাজ্যের জন্য পৃথক স্টাইলিং, কাস্টম নির্দেশক আইকন এবং একটি স্টাইলযোগ্য হ্যামবার্গার টগল যোগ করে। এটি মেগা মেনু এক্সটেনশনের সাথেও কাজ করে।
আমি কি মেগা মেনু এক্সটেনশনের সাথে এই মেনুটি ব্যবহার করতে পারি?
হ্যাঁ। মেগা মেনু এক্সটেনশন চালু করুন, ওয়ার্ডপ্রেস মেনু স্ক্রীন থেকে একটি মেনু আইটেমের জন্য প্যানেল সামগ্রী তৈরি করুন, তারপর সেই মেনুটি Nav মেনু উইজেটে নির্বাচন করুন। উইজেট সামনের প্রান্তে মেগা মেনু প্যানেল দেখায়।
স্বাভাবিক, হোভার এবং সক্রিয়ের জন্য বিভিন্ন শৈলী সেট আপ করা কি কঠিন?
না। স্টাইল ট্যাব খুলুন, মেনুর একটি অংশ বেছে নিন যেমন প্রধান মেনু আইটেম, এবং প্রতিটি রাজ্যের জন্য রং সেট করতে সাধারণ, হোভার এবং সক্রিয় ট্যাবগুলির মধ্যে স্যুইচ করুন৷।
উইজেটে দেখানো মেনুটি আমি কীভাবে সম্পাদনা করব?
উইজেটটি একটি ওয়ার্ডপ্রেস মেনু দেখায়, তাই আপনি এটি উপস্থিতি, মেনুর অধীনে সম্পাদনা করুন। সেখানে আইটেম যোগ করুন, পুনঃনামকরণ করুন বা পুনরায় সাজান এবং সংরক্ষণ করুন। উইজেটের সিলেক্ট মেনু কন্ট্রোলের সেই স্ক্রিনের সাথে সরাসরি লিঙ্ক রয়েছে এবং রিফ্রেশের পরে এলিমেন্টরে পরিবর্তনগুলি দেখা যায়।
আমি কিভাবে একটি সাবমেনু যোগ করব?
চেহারা, মেনুতে, আইটেমটিকে এটির অন্তর্গত আইটেমের নীচে ডানদিকে একটু টেনে আনুন, যতক্ষণ না ওয়ার্ডপ্রেস এটিকে একটি সাব আইটেম হিসাবে চিহ্নিত করে, তারপর সংরক্ষণ করুন। উইজেট এটি একটি ড্রপডাউন হিসাবে দেখায়। স্টাইল, ড্রপডাউন মেনু এবং ড্রপডাউন মেনু আইটেমে এটি স্টাইল করুন।
আমি কি প্রো ছাড়া মোবাইলে হ্যামবার্গার মেনু পাব?
হ্যাঁ। ফোনে উইজেটটি ডিফল্টরূপে হ্যামবার্গারে স্যুইচ করে এবং মেনুটি টগলের নীচে খোলে। ডেস্কটপ বা ট্যাবলেটে হ্যামবার্গার ব্যবহার করা, বা এটিকে পপআপ বা অফক্যানভাস প্যানেল হিসাবে খোলার জন্য মাস্টার অ্যাডনস প্রো প্রয়োজন।
"অফক্যানভাস" বা "পপআপ" মেনু টাইপের জন্য সর্বোত্তম ব্যবহারের ক্ষেত্রে কী?
উভয়ই প্রো হ্যামবার্গার প্রকার। অফক্যানভাস মেনুটি বাম বা ডান দিক থেকে স্লাইড করে, যা ফোন এবং ন্যূনতম ডিজাইনের জন্য উপযুক্ত। পপআপ পৃষ্ঠার উপর মেনু খোলে, যা পোর্টফোলিও বা এজেন্সি সাইটগুলিতে সম্পূর্ণ-সাইট নেভিগেশনের জন্য ভাল কাজ করে। প্রো ছাড়া, ফোনের হ্যামবার্গার টগলের নীচে মেনুটি খোলে।
এই মেনুটি কি আমার বিদ্যমান ওয়ার্ডপ্রেস থিমের হেডারের সাথে কাজ করবে?
হ্যাঁ, আপনি এলিমেন্টর রান যে কোন জায়গায় উইজেট রাখতে পারেন। আপনার থিমের শিরোনাম সম্পূর্ণরূপে প্রতিস্থাপন করতে, বিনামূল্যের সাথে একটি হেডার টেমপ্লেট তৈরি করুন মাস্টার অ্যাডঅন থিম বিল্ডার এবং এতে Nav মেনু উইজেট যোগ করুন।
আমি কি মোবাইল বনাম ডেস্কটপে একটি ভিন্ন মেনু শৈলী পেতে পারি?
হ্যাঁ। লেআউট, প্রান্তিককরণ এবং অনেক শৈলী সেটিংস প্রতি ডিভাইসে সেট করা যেতে পারে। উদাহরণস্বরূপ, ডেস্কটপে একটি অনুভূমিক বার রাখুন, ট্যাবলেটগুলিতে একটি উল্লম্ব অ্যাকর্ডিয়ন ব্যবহার করুন এবং ফোনে হ্যামবার্গার টগল করুন।
আমি কি মেনুটি আঠালো করতে পারি?
উইজেটে কোন স্টিকি সেটিং নেই, তাই হেডার কন্টেইনারটিকে স্টিকি করুন। Elementor Pro এর সাথে, Advanced, Motion Effects, Sticky ব্যবহার করুন: সেই কন্টেইনারে উপরে। প্রো ছাড়া, যোগ করুন selector { position: sticky; top: 0; z-index: 99; } মাস্টার অ্যাডঅন কাস্টম CSS বিভাগে কন্টেইনারে। আমাদের স্টিকি হেডার গাইড সম্পূর্ণ সেটআপ কভার করে।
কেন আমার মেনু দেখায় না?
চারটি জিনিস পরীক্ষা করুন। উইজেটটির সিলেক্ট মেনুতে বাছাই করা একটি মেনু প্রয়োজন এবং সাইটের উপস্থিতি, মেনুর অধীনে কমপক্ষে একটি মেনু প্রয়োজন। একটি হেডার টেমপ্লেট শুধুমাত্র দেখায় যেখানে এর প্রদর্শন শর্ত প্রযোজ্য। ফোনে মেনুটি হ্যামবার্গারে ভাঁজ করা হয়, তাই হেডার ব্যাকগ্রাউন্ড থেকে টগলের রঙটি আলাদা হয়েছে কিনা তা পরীক্ষা করুন। সবশেষে, পরিবর্তনের পরে আপনার ক্যাশে এবং যেকোনো জাভাস্ক্রিপ্ট বিলম্ব সেটিং সাফ করুন।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
