ওয়ার্ডপ্রেসে মোবাইল ডিভাইসের জন্য সাইডবার কীভাবে লুকাবেন
আপনি যদি এটি পড়ছেন, আপনি সম্ভবত বুঝতে পেরেছেন যে মোবাইল ডিভাইসে সাইডবার থাকা জরুরি নয়। এই এস জোন আপনাকে শেখায় কিভাবে ওয়ার্ডপ্রেসে মোবাইলের সাইডবার হাইড করতে হয়।
বেশিরভাগ ওয়ার্ডপ্রেস থিমের জন্য, আপনি যখন সাইডবার উইজেট যোগ করেন - প্রাথমিকভাবে বড় স্ক্রীনের জন্য - এই সাইডবার উইজেটগুলি মোবাইল ডিভাইসেও প্রদর্শিত হয়।
প্রথম দৃষ্টান্তে, একটি মোবাইল ডিভাইসে, একটি সাইডবার আর একটি সাইডবার নয় বরং একটি নীচের বার। তদুপরি, মোবাইল ডিভাইসে, সাইডবারগুলি প্রধান পোস্টের পরে প্রদর্শিত হয় - সেগুলি থাকার উদ্দেশ্যকে পরাজিত করে।
অধিকন্তু, মোবাইল ডিভাইসে অপ্রয়োজনীয় সাইডবার থাকা এই ডিভাইসগুলিতে লোডের সময় ধীরগতিতে অবদান রাখতে পারে।
কিছু ওয়ার্ডপ্রেস থিমে ডিভাইস দ্বারা সাইডবার কাস্টমাইজ করার বিকল্প থাকতে পারে। যদি আপনার থিম এই বৈশিষ্ট্যটি অফার করে, তাহলে অনুগ্রহ করে এটি ব্যবহার করুন।
যাইহোক, যদি আপনার থিম এই বিকল্পটি অফার না করে, তাহলে মোবাইল ডিভাইসে সাইডবার লুকানোর জন্য এই গাইডের ধাপগুলি ব্যবহার করুন৷
এই গাইডের কিছু ধাপের জন্য মৌলিক CSS দক্ষতা প্রয়োজন। যাইহোক, যদিও আপনি CSS এবং স্টাইলশীট সম্পর্কে কিছুই জানেন না, আমি আপনাকে ধাপে ধাপে এটির মাধ্যমে নিয়ে যাব।
ওয়ার্ডপ্রেসে মোবাইল ডিভাইসগুলির জন্য সাইডবার লুকানোর জন্য এখানে উচ্চ-স্তরের পদক্ষেপ রয়েছে:
- আপনার থিমের জন্য সাইডবার ডিভ আইডি খুঁজুন
- CSS যোগ করুন যা মোবাইল ডিভাইস থেকে সাইডবার লুকিয়ে রাখে
- ক্যাশে সাফ করুন এবং পরীক্ষা করুন
পোস্ট বিষয় ব্রাউজ করুন
- আপনার থিমের জন্য সাইডবার ডিভি আইডি খুঁজুন
- CSS যোগ করুন যা ওয়ার্ডপ্রেসে মোবাইল ডিভাইসের জন্য সাইডবার লুকিয়ে রাখে
- ক্যাশে সাফ করুন এবং পরীক্ষা করুন
আপনার থিমের জন্য সাইডবার ডিভি আইডি খুঁজুন
ওয়ার্ডপ্রেসে মোবাইল ডিভাইসে সাইডবার লুকানোর জন্য মূলত সিএসএস দিয়ে সাইডবার ডিভ পরিবর্তন করা জড়িত। যাইহোক, CSS দিয়ে div পরিবর্তন করতে, আপনার div ID প্রয়োজন।
অনুগ্রহ করে একটি PC বা Mac ল্যাপটপ বা ডেস্কটপে এই কাজটি সম্পূর্ণ করুন - একটি মোবাইল ডিভাইসে নয়।
আপনি আপনার ওয়ার্ডপ্রেস ওয়েবসাইটের জন্য যে থিমটি ব্যবহার করেন তার সাইডবারের ডিভি আইডি খুঁজে পেতে নীচের পদক্ষেপগুলি অনুসরণ করুন:
- Google Chrome বা নতুন Microsoft Edge ব্রাউজারে একটি পোস্ট বা পৃষ্ঠা খুলুন।
- তারপর, সাইডবারের যে কোন জায়গায় ডান-ক্লিক করুন এবং নির্বাচন করুন পরিদর্শন করুন .
- পরিদর্শন উপাদানটি পৃষ্ঠার ডানদিকে কিছু কোড খুলবে। এটির একটি উপরের অংশ রয়েছে (নীচের স্ক্রিনশটে 1 লেবেল করা হয়েছে)। এটির একটি নিম্ন অংশও রয়েছে (স্ক্রিনশটে 2 লেবেল করা হয়েছে)।
নীচের অংশে, শৈলী ট্যাব ডিফল্টরূপে নির্বাচন করা হবে। আপনার সাইডবার ডিভ আইডি সনাক্ত করতে, সাইডবার শব্দ সহ একটি উপাদান সন্ধান করুন। কিছু থিম কেবল সাইডবার ব্যবহার করতে পারে। অন্যরা সাইডবার-প্রধান বা প্রধান-সাইডবার ব্যবহার করতে পারে।
এটি আপনার থিম সাইডবার ডিভি আইডি হিসাবে এটি নোট করুন। আমার সাইডবার. এটি অনুলিপি করুন যেমন আপনার পরবর্তী ধাপে এটির প্রয়োজন হবে।CSS যোগ করুন যা ওয়ার্ডপ্রেসে মোবাইল ডিভাইসের জন্য সাইডবার লুকিয়ে রাখে
পরবর্তী ধাপ হল এই কোডটি আপনার ওয়ার্ডপ্রেস থিমের অতিরিক্ত CSS বিভাগে যোগ করা। এটি সেই কোড যা ওয়ার্ডপ্রেসে মোবাইল ডিভাইসের সাইডবার লুকিয়ে রাখে।
আমি আমার থিমের জন্য সাইডবার ডিভ আইডি বোল্ড করেছি। আপনাকে আপনার থিমের জন্য সাইডবার ডিভি আইডিতে এই মানটি পরিবর্তন করতে হবে। ডিভ আইডির আগে ডট (.) নোট করুন। |_+_|আপনার থিমে উপরের CSS কোড যোগ করতে নিচের ধাপগুলি অনুসরণ করুন:
- অ্যাডমিনিস্ট্রেটর হিসেবে আপনার ওয়ার্ডপ্রেস সাইটে সাইন ইন করুন।
- তারপর, বাম ফলকে, হোভার ওভার চেহারা এবং নির্বাচন করুন কাস্টমাইজ করুন .
- কাস্টমাইজ অপশন খোলে, নিচে স্ক্রোল করুন এবং ক্লিক করুন অতিরিক্ত CSS .
- অবশেষে, এই কোডটি অনুলিপি করুন, পেস্ট করুন এবং একটি বিভাগে সংশোধন করুন - তারপরে, উপরের ক্লিকে প্রকাশ করুন .
ক্যাশে সাফ করুন এবং পরীক্ষা করুন
স্পষ্ট করে বলতে গেলে, শেষ বিভাগটি কার্যকরভাবে ওয়ার্ডপ্রেসে মোবাইল ডিভাইসের জন্য সাইডবার লুকিয়ে রেখেছে। যাইহোক, আমি এই বিভাগটি যোগ করার সিদ্ধান্ত নিয়েছি কারণ আপনি যদি একটি ক্যাশিং প্লাগইন বা CDN ব্যবহার করেন তবে পরিবর্তনগুলি অবিলম্বে কার্যকর হওয়ার জন্য আপনাকে ক্যাশে সাফ করতে হবে।
ক্যাশিং প্লাগইন এবং/অথবা CDN-এ ক্যাশে সাফ করার পরে, একটি মোবাইল ডিভাইসে ওয়েবসাইটটি খুলুন। পরিবর্তন অবিলম্বে প্রতিফলিত না হলে, ব্যবহার করুন ছদ্মবেশী (ক্রোম) বা গোপনে (মাইক্রোসফট এজ)।
আমি আশা করি আপনি এই গাইডের ধাপগুলি সহ আপনার ওয়ার্ডপ্রেস সাইটে মোবাইল ডিভাইসের জন্য সাইডবার লুকিয়ে রাখতে সক্ষম হয়েছেন।
আমি আশা করি আপনি গাইডটি সহায়ক এবং বুঝতে সহজ পেয়েছেন? আপনি যদি গাইডটি সহায়ক বলে মনে করেন তবে ক্লিক করুন হ্যাঁ এই পোস্টটি কি সহায়ক ছিল? নিচে.
আপনি এই পৃষ্ঠার শেষে পাওয়া একটি উত্তর ছেড়ে দিন ফর্মের সাথে আপনার মতামত দিতে পারেন।
অবশেষে, আরও ওয়ার্ডপ্রেস গাইডের জন্য, আমাদের ওয়ার্ডপ্রেস এবং ওয়েবসাইট হাউ-টাস পৃষ্ঠা দেখুন।