বিষয়বস্তুর সারণী
আপনি Elementor Pro না কিনে Elementor-এ একটি সম্পূর্ণ মেগা মেনু তৈরি করতে পারেন। একটি মেগা মেনু হল একটি প্রশস্ত, মাল্টি-কলাম ড্রপডাউন যা আপনার সাইটের একটি সম্পূর্ণ অংশ একবারে দেখায়: একটি পাতলা উল্লম্ব তালিকার পরিবর্তে লিঙ্ক, ছবি, আইকন, এমনকি একটি যোগাযোগ ফর্ম। Elementor এর বিনামূল্যের সংস্করণে কোনো মেগা মেনু উইজেট নেই, কিন্তু বিনামূল্যে মাস্টার অ্যাডনস মেগা মেনু একটি যোগ করে, এবং আপনি সাধারণ এলিমেন্টর সম্পাদকের সাথে প্রতিটি প্যানেল ডিজাইন করেন।
এই নির্দেশিকাটি পুরো বিল্ডকে কভার করে: এক্সটেনশন সক্ষম করা, একটি মেনু আইটেমের সাথে একটি মেগা মেনু সংযুক্ত করা, ড্রপডাউন প্যানেল ডিজাইন করা এবং মোবাইলে এটি সঠিকভাবে পাওয়া, বেশিরভাগ টিউটোরিয়াল এড়িয়ে যাওয়ার ধাপ।
আপনার কি একটি মেগা মেনুর জন্য এলিমেন্টর প্রো দরকার?
না। এলিমেন্টরে একটি মেগা মেনুতে যাওয়ার তিনটি রুট আছে এবং তাদের মধ্যে শুধুমাত্র একটির জন্য টাকা খরচ হয়:
| রুট | খরচ | লেনদেন |
|---|---|---|
| এলিমেন্টর প্রো মেগা মেনু উইজেট | প্রদত্ত বার্ষিক লাইসেন্স | আপনার তৈরি করা প্রতিটি সাইটে প্রো প্রয়োজন |
| কাস্টম CSS / হ্যান্ড-কোডেড মেনু | বিনামূল্যে | ভঙ্গুর, পরে সম্পাদনা করা কঠিন, কোন ভিজ্যুয়াল সম্পাদনা নেই |
| মাস্টার অ্যাডনস মেগা মেনু | বিনামূল্যে | একটি প্লাগইন যোগ করে; এলিমেন্টরে দৃশ্যত নির্মিত প্যানেল |
যদি একটি মেগা মেনুই একমাত্র কারণ হয় যা আপনি আপগ্রেড করতে চলেছেন, তবে বিনামূল্যের রুট একই কাজ করে। মাস্টার অ্যাডঅনগুলি বিরোধ ছাড়াই এলিমেন্টর প্রো-এর পাশাপাশি চলে, তাই একটি বিদ্যমান প্রো লাইসেন্স নষ্ট হয় না। এলিমেন্টর এখানে নিজস্ব প্রো মেগা মেনু ওয়ার্কফ্লো নথিভুক্ত করে আপনি যদি পাশাপাশি দুটি পদ্ধতির তুলনা করতে চান; আপনি শুরু করার আগে এটির জন্য বেশ কয়েকটি পরীক্ষামূলক বৈশিষ্ট্য চালু করা প্রয়োজন।
আপনি শুরু করার আগে আপনার যা প্রয়োজন
- এলিমেন্টর (ফ্রি সংস্করণ ঠিক আছে) ইনস্টল এবং সক্রিয়
- এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়
- একটি ওয়ার্ডপ্রেস মেনু ইতিমধ্যে অধীনে তৈরি করা হয়েছে চেহারা → মেনু (এমনকি একটি মোটামুটি, আপনি এটি পরে সম্পাদনা করতে পারেন)
ধাপ 1: মেগা মেনু এক্সটেনশন সক্ষম করুন
যাও মাস্টার অ্যাডঅন → অ্যাডঅন এবং এক্সটেনশন আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে, খুঁজুন মেগা মেনু এক্সটেনশন তালিকায়, এবং এটি টগল করুন। সংরক্ষণ করুন।
ডিফল্টরূপে সবকিছু বন্ধ করে মাস্টার অ্যাডঅন শিপ করে যাতে আপনি যা ব্যবহার করেন তা লোড করেন। এই কারণেই এই পদক্ষেপটি আদৌ বিদ্যমান। আপনি যদি অবিলম্বে বিকল্পটি দেখতে না পান তবে অ্যাডমিন পৃষ্ঠাটি হার্ড-রিফ্রেশ করুন (Cmd/Ctrl + Shift + R); ক্যাশিং প্লাগইনগুলি এক মিনিটের জন্য পুরানো অ্যাডমিন মেনুতে ধরে রাখে।
ধাপ 2: একটি মেনু আইটেমকে একটি মেগা মেনুতে পরিণত করুন
খোলা চেহারা → মেনু এবং আপনি যে শীর্ষ-স্তরের আইটেমটি মেগা প্যানেল থেকে বাদ দিতে চান তা প্রসারিত করুন, সাধারণত "পণ্য", "পরিষেবা" বা "শপ" এর মতো বিস্তৃত কিছু।
- টিক দাও মেগা মেনু সক্ষম করুন যে মেনু আইটেম বিকল্প।
- প্যানেলের প্রস্থ চয়ন করুন। সম্পূর্ণ-প্রস্থ প্রান্ত থেকে প্রান্তে প্রসারিত করে, ধারক-প্রস্থ আপনার সামগ্রীর সাথে সারিবদ্ধ।
- মেনু সংরক্ষণ করুন।
শুধুমাত্র সেই আইটেমগুলিতে এটি সক্ষম করুন যেগুলির জন্য সত্যিকারের স্থান প্রয়োজন৷ একটি একক “Contact” লিঙ্কে একটি মেগা মেনু একটি প্লেইন লিঙ্কের চেয়ে খারাপ: এটি মানুষকে একটি গন্তব্যের জন্য কঠোর পরিশ্রম করে।
ধাপ 3: এলিমেন্টরে ড্রপডাউন প্যানেল ডিজাইন করুন
প্যানেলের বিষয়বস্তু হল একটি এলিমেন্টর টেমপ্লেট, যা এই পদ্ধতিটিকে নমনীয় করে তোলে: আপনি একটি পৃষ্ঠায় যা কিছু তৈরি করতে পারেন, আপনি মেনুর ভিতরে রাখতে পারেন।
- ক্লিক করুন মেগা মেনু বিষয়বস্তু সম্পাদনা করুন এলিমেন্টর এডিটর খুলতে মেনু আইটেমে।
- একটি মাল্টি-কলাম লেআউট তৈরি করুন। তিন বা চারটি কলাম সবচেয়ে নেভিগেশন উপযুক্ত।
- কলামগুলি পূরণ করুন: বিভাগ লেবেল হিসাবে উইজেট শিরোনাম, লিঙ্ক গ্রুপ হিসাবে আইকন তালিকা, ভিজ্যুয়াল অ্যাঙ্করিংয়ের জন্য একটি বা দুটি চিত্র।
- টেমপ্লেট প্রকাশ করুন।
কিছু জিনিস যা মেগা মেনুকে ব্যস্ত দেখানোর পরিবর্তে কাজ করে:
- গ্রাহকরা কীভাবে চিন্তা করেন তার দ্বারা গ্রুপ করুন, আপনার প্রতিষ্ঠানের চার্ট নয়। কলামের শিরোনাম দর্শকদের ব্যবহার করা শব্দের সাথে মেলে।
- প্রতি কলামে মোটামুটি পাঁচ থেকে সাতটি লিঙ্কে এটি ক্যাপ করুন। এর পরে, স্ক্যানিং ভেঙে যায় এবং মেনুটি একটি প্রাচীর হয়ে যায়।
- একটি কলাম একটি কাজ দিন। একটি বৈশিষ্ট্যযুক্ত পণ্য, একটি প্রচার, বা একটি কল টু অ্যাকশন লিঙ্কের চতুর্থ তালিকার চেয়ে তার স্থান বেশি উপার্জন করে।
- ছবি হালকা রাখুন। মেনু ছবি প্রতিটি পৃষ্ঠায় লোড। তাদের সংকুচিত করুন এবং WebP পরিবেশন করুন: একটি ভারী মেগা মেনু আপনার পুরো সাইটের টেনে আনে লোড সময়, শুধু একটি পৃষ্ঠা নয়।
ধাপ 4: আপনার হেডারে মেনু যোগ করুন
যদি আপনার থিম ইতিমধ্যেই তার শিরোনামে ওয়ার্ডপ্রেস মেনু রেন্ডার করে, মেগা মেনু অবিলম্বে কাজ করে। আর কোন পদক্ষেপের প্রয়োজন নেই।
হেডারের উপর সম্পূর্ণ নিয়ন্ত্রণের জন্য, বিনামূল্যের সাথে একটি তৈরি করুন মাস্টার অ্যাডঅন থিম বিল্ডার: একটি হেডার টেমপ্লেট তৈরি করুন, ড্রপ করুন Nav মেনু উইজেট, আপনার মেগা মেনু বহনকারী মেনুটি নির্বাচন করুন এবং আপনার সম্পূর্ণ সাইটে প্রদর্শনের শর্ত সেট করুন। এই পেয়ারিং, ফ্রি থিম বিল্ডার প্লাস ফ্রি মেগা মেনু, দুটি বৈশিষ্ট্য প্রতিস্থাপন করে যার জন্য লোকেরা প্রায়শই প্রো কেনেন।
ধাপ 5: মোবাইল অভিজ্ঞতা ঠিক করুন
এখানেই বেশিরভাগ মেগা মেনু বিচ্ছিন্ন হয়ে যায়। একটি 1440px স্ক্রিনে তীক্ষ্ণ দেখায় এমন একটি চার-কলামের প্যানেল একটি ফোনে একটি অন্তহীন স্ক্রোল হয়ে ওঠে।
- এলিমেন্টরে মোবাইল ভিউতে স্যুইচ করুন এবং প্যানেলের আসল উচ্চতা পরীক্ষা করুন। যদি এটি দুটি স্ক্রীনের পরে চলে তবে মোবাইলের জন্য সামগ্রী কেটে দিন।
- Elementor এর প্রতিক্রিয়াশীল দৃশ্যমানতা নিয়ন্ত্রণ ব্যবহার করে মোবাইলে আলংকারিক ছবি লুকান; লিঙ্ক রাখুন, অলঙ্কার ড্রপ।
- কলামগুলি উল্লম্বভাবে স্ট্যাক করুন এবং নিশ্চিত করুন যে ট্যাপ লক্ষ্যগুলি আরামদায়কভাবে বড়।
- একটি বাস্তব ফোনে পরীক্ষা করুন, শুধুমাত্র সম্পাদক পূর্বরূপ নয়। পূর্বরূপ আনুমানিক; এটি স্পর্শ আচরণ পুনরুত্পাদন করে না।
যদি আপনার ব্রেকপয়েন্টগুলি আপনার ডিজাইনের সাথে লাইন আপ না করে তবে বিনামূল্যে কাস্টম ব্রেকপয়েন্ট এক্সটেনশন আপনাকে আপনার নিজের সেট করতে দেয়। যখন ডিফল্ট ট্যাবলেট ব্রেকপয়েন্ট আপনার মেনুকে একটি বিশ্রী প্রস্থে কাটে তখন এটি কার্যকর।
সমস্যা সমাধান
- মেগা মেনু প্রদর্শিত হয় না। নিশ্চিত করুন যে এক্সটেনশনটি টগল করা হয়েছে, মেনু আইটেমটিতে মেগা মেনু টিক করা আছে এবং প্যানেল টেমপ্লেটটি প্রকাশিত হয়েছে, খসড়া হিসাবে রেখে দেওয়া হয়নি। তারপর আপনার ক্যাশে সাফ করুন।
- প্যানেল প্রদর্শিত হয় কিন্তু স্টাইল করা হয় না। সাধারণত একটি ক্যাশে স্টাইলশীট। আপনার পৃষ্ঠার ক্যাশে এবং যেকোনো CDN পরিষ্কার করুন, তারপর হার্ড-রিলোড করুন।
- প্যানেল কেটে ফেলা হয় বা বিষয়বস্তুর পিছনে লুকানো হয়। একটি অভিভাবক ধারক আছে
overflow: hiddenঅথবা একটি কম z-সূচক। হেডারের z-সূচক বাড়ান এবং হেডার কন্টেইনারের ওভারফ্লো সেটিং চেক করুন। - ডেস্কটপে কাজ করে, মোবাইলে ভাঙা। প্রায় সবসময় টগল/হ্যামবার্গার এলাকা। মেনু উইজেটের মোবাইল সেটিংস যাচাই করুন এবং নিশ্চিত করুন যে কিছুই ট্যাপ টার্গেটকে ওভারলে করে না।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
আমি কিভাবে Pro ছাড়া Elementor এ একটি মেগা মেনু তৈরি করব?
এলিমেন্টর প্লাগইনের জন্য বিনামূল্যের মাস্টার অ্যাডঅন ইনস্টল করুন, মাস্টার অ্যাডঅন > অ্যাডঅন এবং এক্সটেনশনের অধীনে মেগা মেনু এক্সটেনশন সক্ষম করুন, তারপরে উপস্থিতি > মেনু খুলুন এবং আপনার পছন্দের আইটেমটিতে মেগা মেনু সক্ষম করুন টিক দিন। সাধারণ এলিমেন্টর এডিটরে ড্রপডাউন প্যানেল ডিজাইন করতে মেগা মেনু কন্টেন্ট সম্পাদনা করুন ক্লিক করুন এবং এটি প্রকাশ করুন।
আমি কিভাবে বিনামূল্যে Elementor এ একটি মেনু তৈরি করতে পারি?
এলিমেন্টরের বিনামূল্যের সংস্করণ আপনাকে উপস্থিতি > মেনুর মাধ্যমে একটি আদর্শ ওয়ার্ডপ্রেস মেনু তৈরি করতে এবং বিনামূল্যে Nav মেনু উইজেটের সাথে এটি প্রদর্শন করতে দেয়। একটি মেগা স্টাইল ড্রপডাউনের জন্য, ফ্রি এলিমেন্টর একাই সেই উইজেটটি অন্তর্ভুক্ত করে না, তাই মাল্টি-কলাম প্যানেল যোগ করার জন্য আপনার একটি বিনামূল্যের এক্সটেনশন যেমন মাস্টার অ্যাডনস মেগা মেনু প্রয়োজন।
প্লাগইন ব্যবহার না করে আমি কিভাবে ওয়ার্ডপ্রেসে একটি মেগা মেনু তৈরি করতে পারি?
আপনি কাস্টম CSS এবং HTML এর সাথে একটি ড্রপডাউন হ্যান্ড-কোড করতে পারেন, তবে এটি ভঙ্গুর। এটি থিম আপডেটে বিরতি দেয়, প্রতিটি পরিবর্তনের জন্য একজন বিকাশকারীর প্রয়োজন হয় এবং আপনাকে কোন ভিজ্যুয়াল এডিটিং দেয় না। বেশিরভাগ সাইটের মালিকরা এর পরিবর্তে মাস্টার অ্যাডঅনগুলির মতো একটি বিনামূল্যের প্লাগইন থেকে দ্রুত, আরও রক্ষণাবেক্ষণযোগ্য ফলাফল পান৷।
ম্যাক্স মেগা মেনু কি বিনামূল্যে?
ম্যাক্স মেগা মেনুর ওয়ার্ডপ্রেস প্লাগইন রিপোজিটরিতে একটি বিনামূল্যের সংস্করণ রয়েছে, এছাড়াও অতিরিক্ত স্টাইলিং বিকল্পগুলির জন্য একটি প্রদত্ত প্রো অ্যাড-অন রয়েছে এবং এটি আপনার পৃষ্ঠা নির্মাতার থেকে স্বাধীনভাবে কাজ করে। মাস্টার অ্যাডনস মেগা মেনু বিশেষভাবে এলিমেন্টরের জন্য তৈরি করা হয়েছে, তাই প্যানেলগুলি একই ড্র্যাগ এবং ড্রপ এডিটর দিয়ে ডিজাইন করা হয়েছে যা আপনি ইতিমধ্যে পৃষ্ঠাগুলির জন্য ব্যবহার করেন৷।
Elementor জন্য সেরা মেগা মেনু প্লাগইন কি?
এটি নির্ভর করে আপনি ইতিমধ্যে যা চালাচ্ছেন তার উপর। আপনি যদি Elementor ব্যবহার করেন এবং একটি নতুন ইন্টারফেস না শিখে দৃশ্যত ডিজাইন করা প্যানেল চান, তাহলে Master Addons Mega Menu হল একটি কঠিন বিনামূল্যের বিকল্প। আপনার যদি গতিশীল অবস্থার সাথে উন্নত মাল্টিলেভেল মেনুর প্রয়োজন হয়, তাহলে একটি অর্থপ্রদানের টুল মূল্য হতে পারে। যেকোনো একটিতে প্রতিশ্রুতিবদ্ধ হওয়ার আগে আপনার নিজস্ব সামগ্রী দিয়ে পরীক্ষা করুন।
আমি কিভাবে মোবাইলে একটি এলিমেন্টর মেগা মেনু প্রতিক্রিয়াশীল করতে পারি?
Elementor এর মোবাইল ভিউতে স্যুইচ করুন এবং প্যানেলের আসল উচ্চতা পরীক্ষা করুন। কলামগুলি উল্লম্বভাবে স্ট্যাক করুন, প্রতিক্রিয়াশীল দৃশ্যমানতা নিয়ন্ত্রণের সাথে আলংকারিক চিত্রগুলি লুকান, ট্যাপ লক্ষ্যগুলিকে বড় রাখুন এবং সম্পাদকের পূর্বরূপের পরিবর্তে একটি প্রকৃত ফোনে পরীক্ষা করুন৷ যদি ডিফল্ট ব্রেকপয়েন্টগুলি মেনুটি বিশ্রীভাবে কাটে, কাস্টম ব্রেকপয়েন্ট এক্সটেনশনের সাথে আপনার নিজের সেট করুন।
কেন আমার এলিমেন্টর মেগা মেনু প্রদর্শিত হচ্ছে না?
ক্রমানুসারে চারটি জিনিস পরীক্ষা করুন: মেগা মেনু এক্সটেনশন সক্ষম করা হয়েছে, মেনু আইটেমটিতে মেগা মেনু টিক করা সক্ষম করা হয়েছে, প্যানেল টেমপ্লেটটি খসড়া হিসাবে সংরক্ষণ করার পরিবর্তে প্রকাশিত হয়েছে এবং আপনার ক্যাশে সাফ করা হয়েছে। যদি প্যানেলটি প্রদর্শিত হয় কিন্তু ক্লিপ করা হয়, একটি প্যারেন্ট কন্টেইনারের ওভারফ্লো: লুকানো বা একটি কম z-সূচক এটি লুকিয়ে রাখছে।
সম্পর্কিত পড়া
