প্রো ছাড়া এলিমেন্টরে কীভাবে একটি Nav মেনু তৈরি করবেন

Elementor-এ নির্মিত একটি নেভিগেশন মেনু সহ একটি ওয়েবসাইট হেডার

কী টেকঅ্যাওয়ে

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

আপনি Elementor Pro না কিনে একটি স্টাইল করা Elementor nav মেনু তৈরি করতে পারেন। এলিমেন্টরের নিজস্ব মেনু উইজেট শুধুমাত্র প্রো, কিন্তু মাস্টার অ্যাডনস ন্যাভ মেনু উইজেট যেকোনো ওয়ার্ডপ্রেস মেনুকে এডিটরে টেনে আনে, প্যানেল থেকে প্রতিটি স্তরের স্টাইল করে এবং ফোনে হ্যামবার্গারে ভেঙে পড়ে।

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

কেন Elementor বিনামূল্যে কোন মেনু উইজেট নেই

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

আপনি এখনও চেহারা > মেনুর অধীনে মেনু তৈরি করতে পারেন। ফাঁকটি ডিজাইনের দিকে রয়েছে: কোর এলিমেন্টরের সেই মেনুটিকে ড্রপ করার মতো কিছুই নেই, তাই আপনার থিম যেখানেই এটি প্রিন্ট করে সেখানেই এটি প্রদর্শিত হয়।

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

প্রো ছাড়া একটি নেভি মেনু যোগ করার তিনটি উপায়

একটি Elementor Pro লাইসেন্স ছাড়া তিনটি বাস্তব বিকল্প আছে। তুলনা করার জন্য চতুর্থ সারিটি হল Elementor Pro।

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

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

মাস্টার অ্যাডনস নেভি মেনু উইজেট। এটি এলিমেন্টর-নেটিভ বিকল্প যা এলিমেন্টর প্রো ছাড়াই চলে। ড্রপ Nav মেনু উইজেট যেকোনো টেমপ্লেটে, এটিকে চেহারা > মেনু থেকে একটি মেনুতে নির্দেশ করুন এবং প্যানেল থেকে শৈলীর রঙ, ব্যবধান, সাবমেনু এবং মোবাইল টগল করুন।

মাস্টার অ্যাডনস মেগা মেনু. অনেক বিভাগ সহ সাইটগুলির জন্য, মেগা মেনু এক্সটেনশন একই উইজেটের উপরে মাল্টি-কলাম প্যানেল তৈরি করে এবং এলিমেন্টর প্রো ছাড়াই চলে। ওয়াকথ্রু: প্রো ছাড়া এলিমেন্টরে কীভাবে একটি মেগা মেনু তৈরি করবেন.

এলিমেন্টর প্রো। আপনি যদি ইতিমধ্যেই এটির মালিক হন তবে এর মেনু উইজেট এবং থিম বিল্ডার ব্যবহার করুন৷ একটি কাজের জন্য দুটি প্লাগইন শুধুমাত্র ওজন যোগ করুন।

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

মেনু তৈরি করুন, শেষ করতে শুরু করুন

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

ধাপ 1: মেনু নিবন্ধন করুন

চেহারা > মেনুতে যান, একটি মেনু তৈরি করুন, আপনার পৃষ্ঠা এবং লিঙ্কগুলি যোগ করুন এবং এটিকে একটি নাম দিন যা আপনি ছয় মাসের মধ্যে চিনতে পারবেন। এটি প্লেইন ওয়ার্ডপ্রেস, প্লাগইন-নির্দিষ্ট কিছুই নয় এবং ওয়ার্ডপ্রেসের একটি আছে মেনু স্ক্রীন গাইড আপনি যদি আগে একটি নির্মাণ না করে থাকেন। এখানেও যেকোনো ড্রপডাউন সেট আপ করুন (দেখুন সাবমেনু বিভাগ).

হোম, ডিশ, আমাদের সম্পর্কে, ব্লগ এবং অ্যাকাউন্ট আইটেম ধারণকারী প্রধান মেনু নামের একটি মেনু সহ ওয়ার্ডপ্রেস উপস্থিতি মেনু স্ক্রীন
ধাপ 3-এর উইজেট শুধুমাত্র এই স্ক্রীনটি যা সংজ্ঞায়িত করে তা প্রদর্শন করে।

ধাপ 2: একটি হেডার টেমপ্লেট তৈরি করুন

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

হেডারে সেট করা টেমপ্লেট টাইপ সহ মাস্টার অ্যাডঅন থিম বিল্ডার টেমপ্লেট তৈরি পপআপ
টেমপ্লেট টাইপ সিদ্ধান্ত নেয় এটি কোথায় রেন্ডার করবে। হেডার আপনি চান এক।

ধাপ 3: Nav মেনু উইজেট যোগ করুন এবং আপনার মেনু বাছাই করুন

"Nav Menu”" এর জন্য এলিমেন্টর প্যানেলটি অনুসন্ধান করুন এবং এটিকে হেডারে টেনে আনুন (এর প্যানেলটি নেভিগেশন মেনু পড়ে)। বিষয়বস্তু > সাধারণ, মেনু নির্বাচন করুন ড্রপডাউন থেকে ধাপ 1 এ আপনার তৈরি করা মেনুটি বেছে নিন, তারপর লেআউট সেট করুন। অনুভূমিক একটি স্ট্যান্ডার্ড হেডারের জন্য উপযুক্ত, এটির পাশে একটি প্রান্তিককরণ নিয়ন্ত্রণ সহ। উল্লম্ব একটি সাইডবার স্যুট করে এবং নরমাল, টগল, অ্যাকর্ডিয়ন এবং সাইডের সাথে একটি টাইপ কন্ট্রোল যোগ করে।

লেআউট প্রতি ডিভাইসে সেট করা হয়। ডেস্কটপ অনুভূমিক থেকে শুরু হয় এবং ফোনগুলি হ্যামবার্গারে শুরু হয়, তাই অতিরিক্ত সেটআপ ছাড়াই একটি ফোনে মেনুটি ভেঙে পড়ে।

এলিমেন্টর প্যানেলে নেভিগেশন মেনু উইজেট, হেডার প্রিভিউর পাশে নর্থওয়াইন্ড মেনু, লেআউট অনুভূমিক এবং প্রান্তিককরণে সেট করা মেনু নির্বাচন করুন
মেনু নির্বাচন করুন ওয়ার্ডপ্রেস মেনু বাছাই করে, এবং লেআউট আপনি যে ডিভাইসটি সম্পাদনা করছেন তার জন্য অনুভূমিক বা উল্লম্ব সেট করে।

ধাপ 4: এটি স্টাইল করুন

ফন্ট, রঙ, ব্যবধান এবং হোভার স্টেট সবই স্টাইল ট্যাবে, কোনো কাস্টম CSS ছাড়াই। প্রধান মেনু আইটেম প্যাডিং, আইটেম ফাঁক, প্রান্তিককরণ, টাইপোগ্রাফি, সাধারণ, হোভার এবং সক্রিয় রং, পটভূমি, সীমানা, ব্যাসার্ধ এবং পাঠ্য ছায়া ধারণ করে। কোর এলিমেন্টর একটি মেনুর জন্য এর কিছুই করতে পারে না।

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

ধাপ 5: এটি প্রকাশ করুন এবং বরাদ্দ করুন

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

মাস্টার অ্যাডঅন থিম বিল্ডার ডিসপ্লে কন্ডিশন প্যানেল যেখানে একটি টেমপ্লেট প্রযোজ্য তার জন্য অন্তর্ভুক্ত এবং বাদ দেওয়ার নিয়ম
পুরো সাইট হল একটি নিয়ম যা প্রো ছাড়াই সংরক্ষণ করে।

ধাপ 6: সামনের প্রান্তে এটি পরীক্ষা করুন

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

লাইভ ওয়েবসাইট হোমপেজ হিরো বিভাগের উপরে সমাপ্ত কাস্টম এলিমেন্টর হেডার দেখাচ্ছে
একটি শিরোনাম, থিমের পরিবর্তে টেমপ্লেট থেকে রেন্ডারিং।

একটি Elementor nav মেনুতে একটি সাবমেনু যোগ করতে, আইটেমটিকে তার পিতামাতার অধীনে চেহারা > মেনুতে নেস্ট করুন এবং উইজেট এটিকে ড্রপডাউনে পরিণত করে। Elementor এর ভিতরে কোন সাবমেনু সেটিং নেই।

  1. চেহারা > মেনু খুলুন এবং উইজেট ব্যবহার করা মেনু নির্বাচন করুন।
  2. চাইল্ড পেজ বা লিঙ্ক যোগ করুন যদি এটি এখনও মেনুতে না থাকে।
  3. এটির নামের পাশে "সাব আইটেম" লেবেলটি প্রদর্শিত না হওয়া পর্যন্ত এটিকে তার পিতামাতার নীচে এবং সামান্য ডানদিকে টেনে আনুন৷।
  4. সেভ মেনুতে ক্লিক করুন, তারপর এলিমেন্টর এডিটর বা সামনের প্রান্তটি পুনরায় লোড করুন।
ব্র্যান্ড ডিজাইন, ওয়েব ডেভেলপমেন্ট এবং এসইও সহ নর্থউইন্ড মেনুর জন্য ওয়ার্ডপ্রেস অ্যাপিয়ারেন্স মেনু স্ক্রীন এবং পরিষেবার অধীনে সাব আইটেম হিসাবে ইন্ডেন্ট করা বিষয়বস্তু এবং সম্পর্কে সাব আইটেম হিসাবে টিম এবং ক্যারিয়ার
"সাব আইটেম" চিহ্নিত ইন্ডেন্ট করা আইটেমগুলি ড্রপডাউন হয়ে যায়।

একটি অনুভূমিক শিরোনামে, অভিভাবক একটি সূচক তীর পান (বিষয়বস্তু > নির্দেশক আইকনে সেট করা) এবং সাবমেনু হোভারে খোলে।

একটি অনুভূমিক এলিমেন্টর নেভি মেনু সহ নর্থউইন্ড স্টুডিও হেডার এবং ব্র্যান্ড ডিজাইন, ওয়েব ডেভেলপমেন্ট এবং এসইও এবং বিষয়বস্তু তালিকাভুক্ত করে হোভারে পরিষেবা ড্রপডাউন খোলা থাকে
উপরের স্ক্রিনশটের সাব আইটেমগুলি থেকে তৈরি করা পরিষেবাগুলি হোভারে ড্রপডাউন খোলা হয়৷।

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

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

চারটি উল্লম্ব মেনু প্রকার

মাস্টার অ্যাডঅন-এ এলিমেন্টর উল্লম্ব মেনু চার প্রকারে আসে: সাধারণ, টগল, অ্যাকর্ডিয়ন এবং সাইড। লেআউটকে উল্লম্ব সেট করুন এবং এর অধীনে একটি টাইপ নিয়ন্ত্রণ প্রদর্শিত হবে। টাইপ প্রতি ডিভাইসেও সেট করা আছে, তাই একটি সাইডবার ট্যাবলেটে অ্যাকর্ডিয়ন এবং ডেস্কটপে নরমাল ব্যবহার করতে পারে।

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

স্বাভাবিক

সাধারন প্রতিটি সাবমেনুকে ফ্লাইআউটের মতো হোভারে তার পিতামাতার পাশে খোলে। এটি ডানদিকে রুম সহ একটি ডেস্কটপ সাইডবারের জন্য উপযুক্ত।

উল্লম্ব এলিমেন্টর মেনু সাধারণ টাইপ ব্যবহার করে সার্ভিস সাবমেনু ডানদিকে উড়ে যাচ্ছে, ব্র্যান্ড ডিজাইন, ওয়েব ডেভেলপমেন্ট এবং এসইও এবং বিষয়বস্তু তালিকাভুক্ত করছে
সাধারণ: সার্ভিসেস সাবমেনু হোভারে পাশের দিকে উড়ে যায়।

টগল

টগল ক্লিকে তার আইটেমের নীচে সাবমেনুকে প্রসারিত করে এবং নীচের আইটেমগুলিকে নীচে ঠেলে দেয়। বেশ কয়েকটি সাবমেনু একবারে খোলা থাকতে পারে, যা সাইডবার সূচক হিসাবে দ্বিগুণ হলে সাহায্য করে।

উল্লম্ব এলিমেন্টর মেনু ব্যবহার করে টগল টাইপ ব্যবহার করে পরিষেবাগুলি জায়গায় প্রসারিত হয়েছে, এর তিনটি সাব আইটেম পরিষেবা এবং কাজের মধ্যে দেখানো হয়েছে৷
টগল করুন: ক্লিকে পরিষেবাগুলি জায়গায় প্রসারিত হয়৷।

অ্যাকর্ডিয়ন

অ্যাকর্ডিয়নও ক্লিকে প্রসারিত হয়, কিন্তু একটি সাবমেনু খুললে খোলাটি বন্ধ হয়ে যায়। এটি একটি সংকীর্ণ কলামে দীর্ঘ মেনু ছোট রাখে।

পরিষেবাগুলি বন্ধ থাকাকালীন টিম এবং ক্যারিয়ার দেখানোর জন্য প্রায় সম্প্রসারিত অ্যাকর্ডিয়ন টাইপ ব্যবহার করে উল্লম্ব এলিমেন্টর মেনু
অ্যাকর্ডিয়ন: প্রায় খোলা, তাই পরিষেবাগুলি বন্ধ হয়ে গেছে।

পার্শ্ব

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

বাম প্রান্তে পিন করা সাইড উল্লম্ব মেনু টাইপ সহ পৃষ্ঠা, প্রধান আইটেম হোম, পরিষেবা, কাজ, সম্পর্কে, ব্লগ এবং যোগাযোগ একটি ঘোরানো বারে, এবং পরিষেবা সাবমেনু এটির পাশে একটি সাদা প্যানেলে খোলা
পাশ: মেনু বারটি পৃষ্ঠার প্রান্তে বসে এবং পরিষেবাগুলি এটির পাশে একটি প্যানেলে খোলে৷।

দ্য উল্লম্ব নেভিগেশন মেনু ডেমো একটি স্টাইল করা সাইডবার সংস্করণ দেখায়।

এটি মোবাইলে কাজ করা

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

হ্যামবার্গারে সেট করা নেভিগেশন মেনু উইজেট লেআউট এবং প্রিভিউতে একটি হ্যামবার্গার আইকন দেখানো নর্থউইন্ড স্টুডিও হেডার সহ মোবাইল ভিউতে এলিমেন্টর এডিটর
মোবাইল ভিউতে লেআউট ফিল্ড হ্যামবার্গার দেখায়, ফোন ডিফল্ট।

টগল কীবোর্ডের পাশাপাশি স্পর্শের মাধ্যমে কাজ করে। এন্টার করুন এবং স্পেস এটি খুলুন, Esc এটি বন্ধ করে এবং মেনুর বাইরে একটি ট্যাপ এটিকেও বন্ধ করে দেয়।

ফোনে মেনুটি টগলের নীচে জায়গায় খোলে এবং সাবমেনুগুলি এর ভিতরে প্রসারিত হয়। এটি ছোট এবং মাঝারি মেনুগুলির জন্য উপযুক্ত। একটি অফ-ক্যানভাস প্যানেল যা পাশ থেকে স্লাইড করে একটি প্রো বৈশিষ্ট্য, নীচে কভার করা হয়েছে৷।

হেডারের নিচে হ্যামবার্গার মেনু খোলা সহ নর্থউইন্ড স্টুডিও সাইটের ফোন ভিউ এবং ব্র্যান্ড ডিজাইন, ওয়েব ডেভেলপমেন্ট এবং এসইও এবং বিষয়বস্তু দেখানোর জন্য সার্ভিসেস সাবমেনু প্রসারিত হয়েছে
প্যানেলের ভিতরে প্রসারিত পরিষেবা সাবমেনু সহ ফোন মেনু খোলা।

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

হ্যামবার্গার টগল থেকে খোলা নেভিগেশন মেনু সহ একটি এলিমেন্টর সাইটের মোবাইল ভিউ
একটি মেগা মেনু বিল্ডে টগল করুন। এটি একটি আদর্শ মেনুতে একইভাবে আচরণ করে।

কেন আপনার Elementor nav মেনু দেখাচ্ছে না

যখন একটি Elementor nav মেনু দেখায় না, কারণটি প্রায় সবসময় এই চারটির মধ্যে একটি হয়। তাদের ক্রমানুসারে পরীক্ষা করুন।

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

মাস্টার অ্যাডনস প্রো কি প্রয়োজন

এই সেটআপের দুটি অংশের জন্য মাস্টার অ্যাডনস প্রো প্রয়োজন।

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

থিম বিল্ডার টার্গেটিং একটি নিয়ম। বিনামূল্যের থিম নির্মাতা ঠিক একটি প্রদর্শন শর্ত সংরক্ষণ করে: সমগ্র সাইট। একটি ল্যান্ডিং পৃষ্ঠায় বা লগ-ইন করা সদস্যদের জন্য একটি ভিন্ন শিরোনাম প্রো প্রয়োজন। আমাদের প্রদর্শন শর্ত ভাঙ্গন শর্ত নিয়ম কিভাবে কাজ করে ব্যাখ্যা করে, এবং বিনামূল্যে থিম নির্মাতা গাইড যে স্তর বাকি কভার।

উইজেটে কোনো হোভার পয়েন্টার অ্যানিমেশন নেই (এলিমেন্টর প্রো-এর মেনুতে সেগুলি রয়েছে) এবং কোনো প্ল্যানে কোনো স্টিকি সেটিং নেই। হেডারটিকে সামনে রাখতে, হেডার কন্টেইনারে Elementor Pro এর মোশন ইফেক্ট ব্যবহার করুন বা যোগ করুন selector { position: sticky; top: 0; z-index: 99; } মাধ্যমে পাত্রে মাস্টার অ্যাডঅন কাস্টম CSS এক্সটেনশন. দ্য স্টিকি হেডার গাইড উভয়ের মধ্য দিয়ে হেঁটে যায়।

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

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

বিনামূল্যে Elementor একটি মেনু উইজেট আছে?

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

আপনি Pro ছাড়া Elementor এ একটি nav মেনু তৈরি করতে পারেন?

হ্যাঁ। চেহারা > মেনুর অধীনে মেনুটি নিবন্ধন করুন, তারপর একটি হেডার টেমপ্লেটে একটি Nav মেনু উইজেট ড্রপ করতে এবং প্যানেল থেকে স্টাইল করতে মাস্টার অ্যাডনসের মতো একটি অ্যাডন ব্যবহার করুন। ফ্রি এলিমেন্টর একা একটি মেনু স্থাপন বা স্টাইল করতে পারে না।

আমি কিভাবে Pro ছাড়া Elementor এ একটি মোবাইল হ্যামবার্গার মেনু যোগ করব?

আপনার হেডার টেমপ্লেটে মাস্টার অ্যাডনস ন্যাভ মেনু উইজেট যোগ করুন এবং আপনার মেনু নির্বাচন করুন। হ্যামবার্গার মেনু বিভাগে আইকন, টেক্সট, ভিউ এবং শেপ সেটিংস সহ এটি ডিফল্টরূপে ফোনে হ্যামবার্গার টগলে ভেঙে পড়ে।

অফ-ক্যানভাস মেনুতে কি মাস্টার অ্যাডনস প্রো দরকার?

হ্যাঁ। অফ-ক্যানভাস হল হ্যামবার্গার লেআউটের ভিতরের একটি টাইপ, এবং পপআপ এবং অফক্যানভাস প্রকার, বা ডেস্কটপ এবং ট্যাবলেটে হ্যামবার্গারের জন্য মাস্টার অ্যাডনস প্রো প্রয়োজন৷ প্রো ছাড়া আপনি ফোনে অনুভূমিক এবং উল্লম্ব লেআউট এবং ডিফল্ট হ্যামবার্গার পাবেন এবং উল্লম্ব সাইড টাইপ হল সবচেয়ে কাছের সাইড-অ্যাঙ্করড বিকল্প।

আমি কিভাবে Pro ছাড়া Elementor এ একটি মেগা মেনু তৈরি করব?

মাস্টার অ্যাডঅন-এ একটি মেগা মেনু এক্সটেনশন রয়েছে যা মাল্টি-কলাম প্যানেল তৈরি করে, মোবাইলে ভেঙে পড়ে এবং এলিমেন্টর প্রো ছাড়াই চলে। এটি বিভাগ বা প্রচারমূলক সামগ্রী সহ বৃহত্তর নেভিগেশনের জন্য Nav মেনু উইজেটের সাথে কাজ করে।

কেন আমার Elementor nav মেনু দেখাচ্ছে না?

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

আমার কি Nav মেনু উইজেটের জন্য মাস্টার অ্যাডঅন প্রো দরকার?

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

আমি কিভাবে একটি Elementor nav মেনুতে একটি সাবমেনু যোগ করব?

চেহারা > মেনুতে যান, শিশু আইটেমটিকে তার পিতামাতার নীচে এবং সামান্য ডানদিকে টেনে আনুন যতক্ষণ না এটি "সাব আইটেম" লেবেল করা হয়, তারপর মেনু সংরক্ষণ করুন ক্লিক করুন৷ Nav মেনু উইজেট এটিকে ড্রপডাউন হিসাবে দেখায়, স্টাইল > ড্রপডাউন মেনু এবং ড্রপডাউন মেনু আইটেমে স্টাইল করা হয়েছে।

এরপর কি করবেন

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

রায় জেমির ছবি
রায় জেমি
আমি রয় জেমি, কনটেন্ট র্যাংলার এবং পিক্সার ল্যাবসের মার্কেটার, এলিমেন্টরের জন্য মাস্টার অ্যাডঅনসে কাজ করছি। আমি টিউটোরিয়াল লিখি, ভিডিও রেকর্ড করি এবং ডকুমেন্টেশন বর্তমান রাখি, তাই আপনি সর্বদা জানেন কিভাবে প্রতিটি বৈশিষ্ট্য ব্যবহার করতে হয়। আমি সমর্থনও পরিচালনা করি, তাই আপনি যদি কোনও সমস্যায় পড়েন তবে আমিই সেই ব্যক্তি যিনি আপনাকে এটি ঠিক করতে সহায়তা করেন। বাস্তব উত্তর, এমন একজনের কাছ থেকে যিনি প্রতিদিন এই সরঞ্জামগুলি ব্যবহার করেন।