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

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

ধাপ 2: একটি হেডার টেমপ্লেট তৈরি করুন
বিনামূল্যে খুলুন মাস্টার অ্যাডঅন থিম বিল্ডার এবং হেডারে টাইপ সেট সহ একটি নতুন টেমপ্লেট যোগ করুন। এটি সেই ধারক যা আপনার মেনুতে থাকে এবং এটিই আপনাকে থিমের শিরোনামটিকে লড়াই করার পরিবর্তে প্রতিস্থাপন করতে দেয়৷।

ধাপ 3: Nav মেনু উইজেট যোগ করুন এবং আপনার মেনু বাছাই করুন
"Nav Menu”" এর জন্য এলিমেন্টর প্যানেলটি অনুসন্ধান করুন এবং এটিকে হেডারে টেনে আনুন৷ উইজেট সেটিংসে, মেনু নির্বাচন করুন ড্রপডাউন থেকে প্রথম ধাপে আপনার তৈরি মেনুটি বেছে নিন, তারপর লেআউট সেট করুন। অনুভূমিক একটি আদর্শ শিরোনাম উপযুক্ত; উল্লম্ব একটি সাইডবার স্যুট করে এবং আপনাকে সাধারণ, টগল, অ্যাকর্ডিয়ন এবং সাইড সাব-টাইপ দেয়।
লেআউট ডিভাইস প্রতি সেট করা হয়। ফোনগুলি ডিফল্টরূপে হ্যামবার্গার টগল ব্যবহার করে, তাই অতিরিক্ত সেটআপ ছাড়াই ডেস্কটপ মেনুটি সেখানে ভেঙে পড়ে।

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

ধাপ 5: এটি প্রকাশ করুন এবং বরাদ্দ করুন
টেমপ্লেটটি সংরক্ষণ করুন এবং এটি সম্পূর্ণ সাইটে বরাদ্দ করুন। বিনামূল্যের স্তরে এটি উপলব্ধ একমাত্র প্রদর্শন শর্ত, যা আপনি যখন সর্বত্র একটি শিরোনাম চান তখন ঠিক থাকে।

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

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

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

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