নেভিগেশন মেনু

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

এই নির্দেশিকাটি লাইভ পৃষ্ঠায় একটি কার্যকরী ড্রপডাউন সহ একটি স্টাইল করা মেনুতে প্রথম টেনে উইজেটের মধ্য দিয়ে চলে।

নেভিগেশন মেনু উইজেট কি করে #

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

আপনি শুরু করার আগে #

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

কিভাবে নেভিগেশন মেনু উইজেট যোগ করবেন #

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

মেনু এবং লেআউট চয়ন করুন #

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

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

ওভারল্যাপ বিষয়বস্তু ড্রপডাউনটিকে পরম অবস্থানে সেট করে যাতে এটি নীচে ঠেলে দেওয়ার পরিবর্তে পৃষ্ঠার উপর ভাসতে থাকে এবং ড্রপডাউন অবস্থান সঙ্গে ড্রপডাউন ন্যূনতম প্রস্থ ফাইন-টিউন যেখানে সাবমেনুস ল্যান্ড করে।

ড্রপডাউন কনফিগার করুন #

দ্য ড্রপডাউন মেনু বিভাগটি সাবমেনু আচরণ এবং সূচক নিয়ন্ত্রণ করে:

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

মোবাইল টগল সেট আপ করুন #

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

মেনু আইটেম শৈলী #

মধ্যে শৈলী ট্যাব, প্রধান মেনু আইটেম শীর্ষ-স্তরের লিঙ্কগুলি কভার করে। টাইপোগ্রাফি ফন্ট পরিচালনা করে:

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

টগল, ড্রপডাউন তালিকা এবং আইটেম স্টাইল করুন #

আরও তিনটি শৈলী বিভাগ কাজ শেষ করে:

টগল সুইচ হ্যামবার্গারের শৈলী: রঙ, পটভূমি, সীমানা ব্যাসার্ধ, ছায়া, আইকনের আকার এবং প্যাডিং, সাধারণ, হোভার এবং সক্রিয় অবস্থা সহ।

ড্রপডাউন তালিকা সাবমেনু প্যানেল স্টাইল করে: পটভূমির রঙ, উপরে থেকে ফাঁক, সীমানা, প্যাডিং, বক্স শ্যাডো এবং গভীর মেনুর জন্য একটি সাবলেভেল গ্রুপ।

ড্রপডাউন আইটেম প্যানেলের ভিতরের লিঙ্কগুলিকে স্টাইল করে, একই তিনটি স্টেট প্লাস a সহ বিভাজক আইটেমগুলির মধ্যে লাইনের জন্য গ্রুপ:

পৃষ্ঠায় ফলাফল #

লাইভ পৃষ্ঠায়, মেনুটি আপনার স্টাইলিংয়ে রেন্ডার করে: হোভার স্টেট ফায়ারিং, এবং FAQ সাবমেনু ড্রপ ডাউন সেটিংস ঠিক যেখানে এটি রাখে যোগাযোগের অধীনে ড্রপ করে।

সাধারণ ব্যবহারের ক্ষেত্রে #

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

একটি ভাল নেভিগেশন মেনু জন্য টিপস #

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

ভিডিও টিউটোরিয়াল #

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

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

মোড়ানো #

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