বিগেইনারদের ফেইস করা আরেকটি কমন সমস্যা হলো- সাইডবার কন্টন্টের নিচে চলে যাওয়া অথবা সাইটবারের জন্য কন্টেন্ট ডেকে যাওয়া! এটা বেশিরভাগ ক্ষেত্রেই ওয়ার্ডপ্রেসের থিমের কারণে হয়ে থাকে।
সাধারণত ইউজার যখন তাদের সাইটে Snippets এড করে তখন এক্সিডেন্টলি অনেক সময় html div tag কোড ক্লোজ করতে ভুলে যায় অথবা অতিরিক্ত ক্লোজিং div এড করে ফেলে যার ফলে ওই থিমের টোটাল লেআউট ব্রেক করে। এছাড়া আরেকটা বিষয় লক্ষ্য করা যায়, অধিকাংশ ইউজাররাই অনুপাতহীন CSS width ইউস অথবা float ঠিক মত ক্লিয়ার করে না! যার ফলেই Sidebar Below Content Error দেখা যায়!
সম্প্রতি আমাদের এক ক্লায়েন্ট জানতে চায়, কেনো তার সাইডবার কন্টেন্টের নিচে চলে যাচ্ছে? এবারই যে আমরা প্রথম আমরা এই প্রশ্নটা শুনেছি তেমনটা কিন্তু নয়! তাই আমরা এই আর্টিকেলে দেখাবো কিভাবে এই সমস্যার সমাধান করা সম্ভব।
কেন আপনার সাইডবার কন্টেন্টের নিচে চলে যাচ্ছে?
HTML অথবা CSS ERROR এর জন্যেই আপনার সাইডবার কন্টেন্টের নিচে চলে যাচ্ছে!
কিভাবে সাইডবার কন্টেন্টের নিচে চলে যাওয়া ফিক্স করবেন?
আমরা চেক করে দেখেছি ১০ জনের মধ্যে ৯ জনের ক্ষেত্রেই একই কারণে এই সমস্যা হয়ে থাকে! অনেকেই div element আনক্লোজ করে রাখে। আবার অনেকক্ষেত্রে দেখা যায়, পেজের শেষে অতিরিক্ত div element দিতে যার ফলে দেখা যায় আপনার সাইডবার এলিমেন্টের বাইরে চলে যাচ্ছে।
এটা কি সাম্প্রতিক কোন কোড এড করার পর থেকে শুরু হয়েছে? এই সমস্যাটা কি শুধুমাত্র স্পেসিফিক পোস্ট অথবা পেজের ক্ষেত্রেই ঘটছে? যদি আপনার উত্তর হ্যা হয়ে থাকে,তাহলে নিচের স্টেপগুলো ফলো করেন।
আপনি কি সম্প্রতি আপনার সাইটে কোন চেঞ্জ করেছেন? কোন প্লাগইন এড করেছেন? কোন HTML রিলেটেট চেঞ্জ এনেছেন? আপনার কোন স্পেসিফিক পোস্ট অথবা পেইজে <div> ব্লক দেখাচ্ছে? দেখুন এগুলো ঠিকমত ক্লোজ করা হয়েছে কিনা। সবচেয়ে সহজ উপায় হলো w3 Validator ইউস করে এরর খুজে বের করা।
নিয়মিত হোস্টিং প্রোবলেমের সমাধান পেতে জয়েন করে ফেলতে পারেন আমাদের অফিসিয়াল গ্রুপে - হোস্ট দ্যা ওয়েবসাইট ফেসবুক গ্রুপ।
এই চার্টটা দেখে বুঝতে চেষ্টা করুন সমস্যাটা কোথায়
আপনি যদি কাস্টম থিম ক্রয়েট করে থাকেন,এবং আপনার যদি সাইডবার প্রব্লেম দেখা দেয় তাহলে খুব বেশি কিছু করতে হবে না! ইতিমধ্যেই আমরা একটা উপায় দেখিয়েছি। এছাড়া আর যা করতে পারেন-
width ratio ঠিক করেন। আপনার কন্টেইনারের width যদি ৯৬০px হয় তাহলে আপনাকে বাকি কাজগুলো আনুপাতিক হারেই করতে হবে। যেমন কন্টেন্ট width 600px এবং সাইডবার width 300px হলে এদের মাঝে 60px মার্জিন রাখতে হবে।
এছাড়া আরেকটা বিষয় float প্রোপারলি ইউস করতে হবে। আপনাকে সঠিকভাবেই এলিমেন্ট অনুপাতে left:float ; right:float এড করতে হবে। সঠিক অনুপাতে এটা এড না করলে অবশ্যই তা কাজ করবে না!
আশাকরি এই আর্টিকেলটি আপনার সমস্যা সলভ করতে সাহায্য করবে।
এছাড়া আমরা Host The Website টিম আমাদের ক্লায়েন্টের সার্ভার সংক্রান্ত সকল সমস্যার ২৪/৭ হেল্প সাপোর্ট দিয়ে থাকি।
আর যেকোন প্রয়োজনে যোগাযোগ করুন ০১৫২১২১০৩৪৮ নাম্বারে এবং ইমেইল করতে পারেন এখানে sales@hostthewebaite.com or support@hostthewebsite.com
