TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

Weebly- এ টপ লেভেল নেভিগেশন মেনু ক্লিকযোগ্য নয়

0

Weebly সহজ সাইট নির্মাতা প্ল্যাটফর্ম অফার করে যা হয়তো ব্যবহারকারীদের অধিকাংশের জন্য উপযোগী নয়। উদাহরণস্বরূপ, প্রয়োজনীয় ক্রমে পৃষ্ঠাগুলি সাজানো Weebly এর একটি যন্ত্রণা এবং শীর্ষ স্তরের ন্যাভিগেশন মেনু ক্লিকযোগ্য নয় ডিফল্টরূপে সম্ভব নয়। যতক্ষণ Weebly সোর্স CSS সংশোধন করার অনুমতি দেয় ততক্ষণ আমরা মূল CSS ফাইল “main_style.css" এ সহজ CSS কোড যোগ করে এই ধরনের জিনিসগুলি সম্ভব করতে পারি। ।

শীর্ষ স্তরের নেভিগেশন কাঠামো

এগিয়ে যাওয়ার আগে, ওয়েবেলি নেভিগেশন মেনুর মূল কাঠামোটি বোঝা প্রয়োজন । আপনার প্রকাশিত সাইটের মেনুতে ডান ক্লিক করুন এবং আপনার ব্রাউজারে ডেভেলপার কনসোল খোলার জন্য "পরিদর্শন" বা "পরিদর্শন উপাদান" বিকল্পটি চয়ন করুন। যখন আপনি প্রতিটি শীর্ষ স্তরের নেভিগেশন মেনুতে আপনার মাউসটি সরান তখন আপনি সংশ্লিষ্ট CSS ক্লাসগুলি দেখতে পারেন। প্রতিটি শীর্ষ স্তরের নেভিগেশন মেনু ".wsite-nav-1", ".wsite-nav-2 ″,"। ।

Weebly- এ টপ লেভেল নেভিগেশন মেনু ক্লিকযোগ্য নয়

Weebly শীর্ষ ন্যাভিগেশন মেনু জন্য CSS ক্লাস খোঁজা

আপনার থিমের উপর ভিত্তি করে সংখ্যাগুলি পরিবর্তিত হতে পারে এবং আপনি যে নেভিগেশন মেনুতে ক্লিক করতে পারবেন না তার CSS ক্লাসটি নোট করুন। ধরুন আপনি দ্বিতীয় ন্যাভিগেশন মেনু ক্লিকযোগ্য নয় এবং সংশ্লিষ্ট CSS ক্লাসটি ".wsite-nav-2" করতে চান।

এখন "থিম> HTML / CSS সম্পাদনা করুন> সম্পদ> main_style.css" এর অধীনে Weebly কোড এডিটরে যান এবং নিম্নলিখিত CSS কোড যোগ করুন।

.wsite-nav-2 { pointer-events: none; }

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

.wsite-nav-2 a:active { pointer-events: none; }

একইভাবে আপনি সংশ্লিষ্ট সিএসএস ক্লাস যোগ করে সমস্ত শীর্ষ স্তরের ন্যাভিগেশন মেনু ক্লিকযোগ্য নয় করতে পারেন।

Weebly মোবাইল সাইটে বিভিন্ন ন্যাভিগেশন কাঠামো আছে এবং উপরের মেনুতে ক্লিক করলে আবার উপরের মেনু সহ মেনু আইটেমের তালিকা প্রদর্শিত হবে। এটি উপরের মেনু লিঙ্কটি খুলতে সক্ষম করে যদি এতে একটি সামগ্রী থাকে তবে আমাদের ক্ষেত্রে আমাদের এই লিঙ্কটি তালিকা থেকে সরিয়ে ফেলা উচিত। অতএব, আপনার "main.less" ফাইলে নিম্নলিখিত CSS যোগ করুন:

.wsite-menu-master-item { display: none !important; }

সমস্ত সিএসএস কোড যুক্ত করার পরে, এটি নীচের মতো কিছু দেখতে পারে:

Weebly- এ টপ লেভেল নেভিগেশন মেনু ক্লিকযোগ্য নয়

ওয়েবলিতে CSS পরিবর্তন করা হচ্ছে

পরিবর্তনগুলি সংরক্ষণ করুন এবং আপনার সাইটটি প্রকাশ করুন।

সার্চ ইঞ্জিন এবং ব্যবহারকারীদের থেকে শীর্ষ নেভিগেশন পৃষ্ঠাগুলি লুকানো

  • সার্চ ইঞ্জিন থেকে শীর্ষ ন্যাভিগেশন পৃষ্ঠাগুলি লুকান যা সার্চ ইঞ্জিনগুলিকে খালি পৃষ্ঠাগুলি ক্রল করতে বাধা দেবে। প্রতিটি শীর্ষ স্তরের পৃষ্ঠাগুলির "উন্নত" সেটিংসের অধীনে "এই পৃষ্ঠাটি সার্চ ইঞ্জিন থেকে লুকান" বিকল্পটি চেক করে আপনি এটি করতে পারেন।
  • মনে রাখবেন ব্যবহারকারীরা ব্রাউজারের ঠিকানা বারে সরাসরি ইউআরএল প্রবেশ করে পৃষ্ঠাগুলি অ্যাক্সেস করতে পারেন। আদর্শভাবে 301 পুন irectনির্দেশগুলি সেট করা এই সমস্যার সমাধান করা উচিত, দুর্ভাগ্যবশত Weebly লাইভ পৃষ্ঠাগুলির জন্য পুনirectনির্দেশ সেট করার অনুমতি দেয় না। অতএব আপনি ব্যবহারকারীদের ঠিকানা বারের মাধ্যমে পৃষ্ঠাগুলি অ্যাক্সেস করতে বাধা দিতে পারবেন না।

রেকর্ডিং উত্স: webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত