আপনি কি আপনার ওয়েবসাইটের UI/UX উন্নত করতে সাহায্য করার জন্য একটি আশ্চর্যজনক মেনু তৈরির উপায় খুঁজছেন? যদি তাই হয়, তাহলে আপনি সঠিক জায়গায় আছেন। এখানে আমরা আপনাকে সাহায্য করার জন্য একটি বিস্তারিত গাইড একসাথে রেখেছি।
প্রথমে, আমরা আপনাকে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটের জন্য একটি মেনু তৈরি করার ধাপে ধাপে পর্যবেক্ষণ দেখাব। এবং একবার আপনি এটির একটি হ্যাং পেতে হলে, আমরা আপনাকে কীভাবে আপনার ওয়ার্ডপ্রেস মেনু কাস্টমাইজ এবং সুপারচার্জ করতে এলিমেন্টার নেভিগেশন মেনু উইজেট ব্যবহার করতে হয় তা নির্দেশনা দেব।
সূচীপত্র:
নেভিগেশন মেনুগুলি কেবল আপনার সাইটে ট্র্যাফিক আনার জন্যই নয়, আরও ভাল এসইও র্যাঙ্কিংয়ের জন্যও গুরুত্বপূর্ণ এটি জেনে রাখা গুরুত্বপূর্ণ।
প্রকৃতপক্ষে, এনএভি-মেনুগুলি প্রাথমিকভাবে ব্যবহারকারীবৃত্তির জন্য তৈরি করা হয়েছে, তবে এটি একমাত্র উদ্দেশ্য নয়।
দ্বিতীয় সর্বাধিক গুরুত্বপূর্ণ বিষয় হ'ল "ওয়েবক্রোলার" বা বটগুলির ভূমিকা বিবেচনা করা যা ওয়েবসাইটগুলি ক্রল করার জন্য তৈরি করা হয়েছে এবং বিষয়বস্তুকে প্রাসঙ্গিক পর্যায়ে সূচীকরণের জন্য এবং বিষয়বস্তুটিকে সঠিক স্থানে র্যাঙ্ক করার জন্য অনুসন্ধান ইঞ্জিনে ফিরে রিপোর্ট করা।
অতএব, আপনি যদি খুব জটিল মেনু তৈরি করে থাকেন তবে আপনার কন্টেন্টকে র্যাঙ্ক করা বটসের পক্ষে কঠিন হবে, তবে আপনি আপনার দর্শকদেরও হারাবেন।
সংক্ষেপে, "ব্যবহারে সহজতা" উন্নত ব্যবহারকারীর অভিজ্ঞতা বৃদ্ধিতে একটি গুরুত্বপূর্ণ অবদানকারী এবং সেইসাথে আমাদের সাইটের র ranking্যাঙ্কিং বৃদ্ধি এবং ট্রাফিক বৃদ্ধিতে একটি গুরুত্বপূর্ণ ভূমিকা পালন করে।
জটিল ব্যবসায়িক ওয়েবসাইটগুলির জন্য একটি জটিল মেনু বারের পরিবর্তে একটি একক নেভিগেশন আইকন রাখার এটি একটি দুর্দান্ত কারণ, যা ক্লিক করা হলে একটি পূর্ণ-স্ক্রিন মেনুতে লোড হয়।
100% প্রতিক্রিয়াশীল নেভিগেশন মেনু সহ এলিমেন্টার প্রো উইজেটকে ধন্যবাদ , আপনি কোনও কোড ব্যবহার না করে একটি পিক্সেল-নিখুঁত এবং অবিশ্বাস্যভাবে নমনীয় মেনু বার তৈরি করতে পারেন।
এই টিউটোরিয়ালে, আমরা আপনাকে দেখাব কিভাবে কাস্টমাইজড, উন্নত ওয়ার্ডপ্রেস মেনু পেতে Elementor নেভিগেশন মেনু উইজেট
এলিমেন্টার নেভিগেশন উইজেটটি শুরু করার আগে, আসুন আমরা কীভাবে এলিমেন্টর মুক্ত সংস্করণ ব্যবহার করে একটি সাধারণ ওয়ার্ডপ্রেস মেনু তৈরি করতে পারি তা ঘুরে দেখি।
এখন, একটি ওয়ার্ডপ্রেস মেনু তৈরি করতে, আপনাকে কোন বিশেষ plugin ইনস্টল করতে হবে না। ডিফল্টরূপে, ওয়ার্ডপ্রেস একটি সহজে ব্যবহারযোগ্য মেনু নির্মাতার সাথে আসে, যা আপনাকে আপনার ওয়েবসাইটের জন্য সহজ ন্যাভিগেশন মেনু তৈরি করতে সাহায্য করবে।
বলা হচ্ছে, মেনুটির জন্য আপনার কোনও কাস্টমাইজেশন বিকল্পের অ্যাক্সেস থাকবে না। এটি বর্তমানে সক্রিয় ওয়ার্ডপ্রেস থিমের নকশা গ্রহণ করবে। কিন্তু যদি আপনি এটিই চান তবে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটের জন্য একটি ন্যাভিগেশন মেনু সেট আপ করার এটি একটি দুর্দান্ত উপায়।
প্রথম জিনিসগুলি, আপনাকে আপনার ওয়ার্ডপ্রেস ব্যাকএন্ড ড্যাশবোর্ডে লগ ইন করতে হবে।
এখন, বামদিকের সাইডবার থেকে চেহারা > মেনুতে । এখানে আপনি বামদিকে "মেনু আইটেম যোগ করুন" এবং ডানদিকে "মেনু কাঠামো" সহ একটি দুই-কলামের লেআউট পাবেন।
মেনু কাঠামোর অধীনে, আপনি "মেনু নাম" এর জন্য একটি ক্ষেত্র পাবেন। এই মুহূর্তে আমরা যে মেনু তৈরি করব তার নাম হবে। আসুন এটিকে মেনু 1 বলি।
দ্রষ্টব্য : চিন্তা করবেন না। আপনার পাঠকরা মেনু নাম দেখতে সক্ষম হবে না. এটি একটি বৈশিষ্ট্য যা আপনাকে আপনার সমস্ত বিভিন্ন মেনুকে সংগঠিত রাখতে সহায়তা করে।
আপনার মেনুকে একটি নাম দেওয়ার পরে, এটি তৈরি করতে "মেনু তৈরি করুন" বোতামে ক্লিক করুন। এখন, আপনাকে বিভিন্ন মেনু আইটেম যোগ করতে হবে।
এখন সেই অংশটি আসে যেখানে আপনি মেনু আইটেম দিয়ে আপনার নতুন মেনু তৈরি করেন। আপনার বাম দিকে "মেনু আইটেম যোগ করুন" বিভাগের অধীনে, আপনি আপনার মেনুতে যোগ করতে পারেন এমন জিনিসগুলির একটি সংগঠিত তালিকা পাবেন।
ডিফল্টরূপে, এতে আপনার যেকোনো পৃষ্ঠা, পোস্ট, ল্যান্ডিং পেজ, কাস্টম লিঙ্ক এবং বিভাগ রয়েছে।
চেকবক্স ব্যবহার করে আপনি যে মেনু আইটেমগুলি যোগ করতে চান তা নির্বাচন করুন এবং তারপরে "মেনুতে যুক্ত করুন" বোতামে ক্লিক করুন। এটি আপনার সমস্ত নির্বাচিত মেনু আইটেমগুলির সাথে আপনার মেনু তৈরি করবে।
দ্রষ্টব্য : লক্ষ্য করুন "মেনু আইটেম যোগ করুন"-এর অধীনে প্রতিটি বিভাগে - সবচেয়ে সাম্প্রতিক , সমস্ত দেখুন এবং অনুসন্ধানের । অনেক আইটেম হলে এই বিকল্পগুলি ব্যবহার করতে ভুলবেন না।
সব মেনু আইটেম যোগ করা হয়ে গেলে, "সেভ মেনু" বোতাম টিপুন এবং পরবর্তী ধাপে যান।
আপনি কি জানেন যে ডিফল্টরূপে ওয়ার্ডপ্রেস আপনাকে সাবমেনাসও তৈরি করতে দেয়? সাবমেনু স্ট্রাকচার তৈরির সময়, আপনার একটি প্যারেন্ট মেনু আইটেম এবং একটি চাইল্ড মেনু আইটেম থাকে।
যখন একজন ব্যবহারকারী প্যারেন্ট মেনু আইটেমের উপর ঘুরে বেড়ায়, তখন এটির নীচে লুকানো সমস্ত শিশু মেনু আইটেম প্রকাশ করবে।
ঠান্ডা তাই না?
এখন একটি সাবমেনু কাঠামো তৈরি করতে, আপনাকে যা করতে হবে তা হল একটি মেনু আইটেম বাছাই করুন যা আপনি মূল মেনুতে থাকতে চান। এরপরে, এর নীচে শিশু মেনু আইটেম হিসাবে আপনি যে সমস্ত মেনু আইটেম চান তা টেনে আনুন এবং ড্রপ করুন। এখন শুধু ডানদিকে টেনে আনুন এবং আপনার কাজ শেষ!
এখন যেহেতু আপনি আপনার নতুন মেনু তৈরি করেছেন এবং সাবমেনাস যুক্ত করেছেন, এটির অবস্থান পরিচালনা করার সময় এসেছে।
আপনার মেনু সম্পাদকের শীর্ষে, আপনার "অবস্থানগুলি পরিচালনা করুন" নামে একটি বিকল্প লক্ষ্য করা উচিত। এটিতে ক্লিক করুন এবং নিম্নলিখিত স্ক্রিনের অনুরূপ কিছু দেখানো উচিত:
এখন, উপলব্ধ মেনু অবস্থানগুলি আপনার ইনস্টল করা থিমের উপর নির্ভর করবে। এই এক্স amp লে তে, আমাদের একটি থিম আছে যা 3 টি মেনু সমর্থন করে।
উপলভ্য মেনু অবস্থানের প্রতিটিতে একটি মেনু বরাদ্দ করার পরে "পরিবর্তনগুলি সংরক্ষণ করুন" এ ক্লিক করুন এবং এটিই।
আপনি এখন ডিফল্টরূপে ওয়ার্ডপ্রেস অফারের সমস্ত মৌলিক মেনু বৈশিষ্ট্যগুলি জানেন। যাইহোক, যদি আপনি আরো কাস্টমাইজেশন এবং কার্যকারিতা চান, Elementor Pro Nav মেনু উইজেট সম্পর্কে জানতে পড়ুন।
আপনি যদি আপনার ওয়ার্ডপ্রেস সাইটে একটি কাস্টমাইজড নেভি মেনু যোগ করতে চান তবে আপনার এলিমেন্টর প্রো সংস্করণের প্রয়োজন হবে। Elementor Pro সংস্করণটি Elementor nav উইজেট সহ অন্যান্য অনেক বিশেষ বৈশিষ্ট্যের সাথে আসে যেমন 300+ টেমপ্লেট, একটি থিম নির্মাতা, একটি পপআপ উইজেট, WooCommerce উইজেট এবং অন্যান্য অনেক আকর্ষণীয় বৈশিষ্ট্য।
ন্যাভ মেনু উইজেটের নির্দিষ্ট কী বৈশিষ্ট্যগুলি কী? এখানে একটি সংক্ষিপ্ত ভূমিকা।
আমরা উপরে উল্লিখিত হিসাবে আপনাকে একটি বেসিক ওয়ার্ডপ্রেস মেনু তৈরি করতে হবে এবং তারপরে আপনি প্রো-এনএভি-মেনু উইজেট ব্যবহার করে ডিফল্ট ওয়ার্ডপ্রেস মেনুটি কাস্টমাইজ করতে পারবেন। একবার আপনি প্রাথমিক তালিকা তৈরি করে নিলেন, তারপরের পরবর্তী পদক্ষেপটি এটি আপনার পছন্দসই স্থানে অর্থাৎ শিরোনাম বিভাগে যুক্ত করা।
এখন আপনি যখন বেসিক সেটিংস দিয়ে কাজ শেষ করেন, চলুন এনএভি-মেনু উইজেট ব্যবহার করে মেনুটি কাস্টমাইজ করুন।
সেটিং বিভাগের শীর্ষতম কোণে, তিনটি বিকল্প উপলব্ধ রয়েছে; সামগ্রী, স্টাইল এবং উন্নত।
লেআউট বিভাগ : আপনার কাছে তিনটি বিকল্প অনুভূমিক, উল্লম্ব বা একটি লুকানো ড্রপডাউন অ্যাকর্ডিয়ান রয়েছে।
সারিবদ্ধ বিভাগ : এই বিভাগটি আপনাকে মেনু পাঠ্য আইটেমগুলিকে সারিবদ্ধ করতে সহায়তা করে; কেন্দ্র, ডান, বা বাম।
অ্যানিমেশন বিভাগ : এই বিভাগটি আপনাকে নীচে, ওভার বা ডাবল লাইনের অ্যানিমেশন প্রভাবগুলিতে অ্যানিমেশন প্রভাব যুক্ত করতে দেয়। আপনি ফ্রেম, পটভূমি এবং সূক্ষ্ম পাঠ্য অ্যানিমেশনগুলির জন্যও যেতে পারেন।
নিম্নরেখাঙ্কিত অ্যানিমেশনগুলি নিম্নরূপ:
একইভাবে, ফ্রেমড, ওভারলাইন, ডাবল লাইন, পটভূমি এবং পাঠ্য অ্যানিমেশন রয়েছে। তাদের প্রত্যেকের নিজস্ব অ্যানিমেশনগুলির সেট সরবরাহ করা হয় এবং আপনি কীভাবে তাদের সাথে পান তা শিখতে আপনি সেগুলি নিজেই পরীক্ষা করে দেখতে পারেন।
পয়েন্টার বিভাগ : ড্রপডাউন মেনু থেকে পয়েন্টারের ধরণ নির্বাচন করুন।
সাবমেনু সূচক বিভাগ : এলিমেন্টর উইজেটটি অনেক সাবমেনু স্টাইলিং বিকল্পের সাথে ভরাট। যেখানে আপনি কেবল রঙ, স্টাইল এবং মেনুটির পটভূমিও নিয়ন্ত্রণ করতে পারবেন না।
প্যাডিং এবং মেনু স্পেসিং: প্যাডিং দ্রুত সমন্বয় করা যায়। আপনি মেনু এবং সাবমেনু, উল্লম্ব প্যাডিংয়ের জন্য অনুভূমিক প্যাডিং পরিবর্তন করতে পারেন, মধ্যবর্তী স্থানটি ডান, বাম এবং কেন্দ্রীভূত প্রান্তিককরণ।
এলিমেন্টার মেনু স্পেসিং এবং প্যাডিংয়ের সাথে খুব ভালভাবে যোগাযোগ করে। তারা দরজার পিছনে কঠোর পরিশ্রম করেছে যাতে তারা বিকাশকারীর কাছে সরঞ্জামগুলি আনতে পারে যাতে তারা সহজেই সেই নকশাটি তৈরি করতে পারে যা তারা ভাবছে।
মেনু স্পেসিং সহ অনেকগুলি বিকল্প উপলব্ধ রয়েছে:
রঙিন ব্যাকগ্রাউন্ড এবং টাইপোগ্রাফি : আপনি পছন্দসই রঙের স্কিম এবং ব্যাকগ্রাউন্ড রঙের সাহায্যে আপনার পছন্দসই-ব্র্যান্ডেড চেহারা পেতে পারেন। এছাড়াও, আপনি স্বচ্ছ বা আধা স্বচ্ছ মেনু বিকল্পগুলিও চয়ন করতে পারেন।
ডিজাইনার হিসাবে, আপনি এই বিকল্পগুলি যথাসম্ভব খেলতে পারেন এবং আপনার পছন্দ অনুসারে ব্যাকগ্রাউন্ড ডিজাইন করেছেন তা নিশ্চিত করতে পারেন।
মোবাইল ওয়েবের একটি গুরুত্বপূর্ণ অঙ্গ, এবং এজন্য এলিমেন্টার বিকাশকারীরা এমন সরঞ্জাম সরবরাহ করে যাতে আপনি মোবাইলের জন্য নাবারটিও তৈরি করতে পারেন।
এলিমেন্টর উইজেট আপনাকে ওয়ার্ডপ্রেসে মোবাইল মেনু বিকল্পগুলির জন্য সম্পূর্ণ নিয়ন্ত্রণের অনুমতি দেয়। আপনি কেবল মোবাইল-স্ক্রিনের জন্য পৃথক সেটিংগুলির সাথে মোবাইল স্ক্রিন ভিউ নিয়ন্ত্রণ করতে পারেন। এলিমেন্টর সেটিং বিভাগের নীচে মোবাইল স্ক্রীন সেটিংসের জন্য একটি বিকল্প রয়েছে যেখানে আপনি নিজের মোবাইল স্ক্রিন বিকল্প দেখতে পারবেন।
সংক্ষেপে, এলিমেন্টারের মোবাইল মেনু বৈশিষ্ট্যগুলি নীচে রয়েছে:
প্রতিক্রিয়াশীল নেভিগেশন: মেনু প্রতিক্রিয়াশীল অবস্থান প্রস্তাব।
মেনুটি কোনও ওয়েবসাইটের অন্যতম উল্লেখযোগ্য বৈশিষ্ট্য। কারণ এটি দর্শকদের আপনার ওয়েবসাইটে যেতে সাহায্য করে এবং আপনি যদি স্মার্টলি একটি তালিকা তৈরি করেন তবে এটি আপনার দর্শকদের আপনার সাইটে দীর্ঘ সময় ধরে রাখতে সহায়তা করবে। মেনুটি কোনও ওয়েবসাইটের পুরো লেআউট, শিরোনাম এবং পাদলেখ বিভাগের মতোই গুরুত্বপূর্ণ।
অতএব, মেনু উইজেটটি অবশ্যই সমস্ত প্রয়োজনীয় বৈশিষ্ট্য সহ আপনার অনন্য ব্র্যান্ডের চেহারা প্রদান করতে সক্ষম হবে। নেভিগেশন উইজেট বৈশিষ্ট্য-সমৃদ্ধ ক্ষমতার সাথে আসে যা গ্রাহকদের আপনার ব্র্যান্ডের ভয়েসের সাথে মানানসই মেনু বিভাগটি কাস্টমাইজ করতে দেয়। এখন, আপনি আপনার ওয়েবসাইট জুড়ে, আপনার ল্যান্ডিং পৃষ্ঠা, শিরোনাম বা অন্য কোনো বিভাগে যেখানে আপনি এটি প্রদর্শন করতে চান সেখানে একটি কাস্টম দর্জি-তৈরি স্টাইলিশ মেনু ব্যবহার করতে পারেন।
একটি ওয়েবসাইটের শিরোনাম এবং ফুটার অপরিহার্য উপাদান। বেশিরভাগ ক্ষেত্রে, হেডার নেভিগেশন প্রদান করে...
বাজারে সবচেয়ে জনপ্রিয় দুটি ওয়ার্ডপ্রেস থিম হল Astra এবং OceanWP। পেশাদার…
একটি চমৎকার নিউজ ওয়েবসাইট তৈরি করার জন্য আপনাকে ওয়েব ডিজাইনার হতে হবে না। আমরা…
নিউজপেপার থিমটি ট্যাগডিভ দ্বারা ডিজাইন করা অন্যতম উল্লেখযোগ্য ওয়ার্ডপ্রেস থিম, একটি…
যখন একটি অনলাইন স্টোর স্থাপনের কথা আসে, WooCommerce হল গো-টু plugin । এটা…
একজন হেডার সাধারণত একজন ব্যক্তি যখন আপনার ওয়েবসাইট ভিজিট করেন তখন প্রথম দেখেন,…
মন্তব্য দেখুন
হোলার গ্রাসিয়াস পোর এল পোস্ট, কুয়ানডো আড্ডো এল নাভ মেনস-এও আমি অপেরেস মাই মেনস সি ক্বেদা সোলো আন রিকোয়াড্রো গ্রিস এন এল এডিটর ডি এলিমেন্টর ই সি ভয়ে আ লা প্যাগিনা ডোনদে লো টেংগো কোনও অ্যাপারেস নাডা। কোমো পুয়েডো সলিউসিওনারলো? গ্রাসিয়াস
ওহে! সাধারণত, আপনার মেনুটি খালি থাকলে বা সংরক্ষণ না করা অবস্থায় এই সমস্যাটি উপস্থিত হয় appears দয়া করে ওয়ার্ডপ্রেস মেনু দিকে ডাবল-চেক করুন।
Hola, una consulta, cómo se puede dar la instrucción para cerrar automáticamente un submenu al abrir otro ítem del menu.
গ্রাসিয়াস।
হাই, দুঃখিত আমি আপনার প্রশ্নটি পুরোপুরি বুঝতে পারি না? আপনি নির্দিষ্ট করতে পারেন?
সিওও কোয়ান্ডো লে ভোকি ডেল সাবম্যানù সোনো ট্রপ্পো লুঙ্গে এসো সি আরিস ডিভাইডার সু পাই রিগে?
হাই, এটি প্রস্তাবিত নয় কারণ নেভিগেশনটি পড়তে খুব জটিল হবে, এক্ষেত্রে এটি একটি মেগা মেনু স্টাইলের চেয়ে ভাল
মেনু wersji mobilnej nie otwiera sie. জাক মোগে জে উটওয়ারজিক জেবি উইসউইটলালো সিই না টেলিফোনাচ?
হাই, আপনি যদি Elementor নেভিগেশন উইজেট ব্যবহার করেন তাহলে মোবাইল মেনু প্রদর্শন স্বয়ংক্রিয় হয়। কিন্তু আপনার মেনু সেটিংসে একটি সেটিং কল "ব্রেকপয়েন্ট" চেক করা উচিত। যখন আপনার মেনু টগল হবে তখন এটি স্ক্রীনের আকার।
Tôi dùng thằng này, mà trên destop tôi để chế độ অনুভূমিক mà nó không nằm ngang, nó cứ nằm dọc, tôi dùng থিম Creaton. Có gì hỗ trợ mình với nhé.
Sziasztok, az miképp oldható meg, hogy egy vertikális menüben az almenüre kattintás után ne zárja össze a menüt az oldal betöltésekor? ইপ্রো
হাই, দুর্ভাগ্যবশত এটি সম্ভব নয়, Elementor nav উইজেটে এমন কোন বিকল্প নেই।
সিয়াও। Vorrei sapere se è সম্ভাব্য ভাড়া মোড চে il মেনু রিমাঙ্গা সেম্পার দৃশ্যমান anche quando si scende con la visualizzazione della pagina. Purtroppo tutte le volte che ci ho provato il menu scende ma il colore di background del menu no rendendolo praticamente inlegibile le scritte. গ্রেজি