تغییر مکان نوار کنار صفحه در وردپرس مشکلی بسیار رایج است. این مورد ممکن است به هنگام ایجاد صفحه جدید و یا نوشتن پست وبلاگی در وردپرس روی دهد.
دلیل جابجا شدن سایدبار به زیر متن چیست؟
در 90% مواقع دلیل بروز این مشکل یکسان است: وجود تگ بسته نشده div در صفحه، یعنی <div> به تنهایی.
البته دلیل بروز مشکل نقل مکان سایدبار همچنین میتوانید وجود یک المنت اضافی div در صفحه باشد که بسته شده است؛ یعنی </div>.
به جز المنت div، دلیلهای دیگری نیز وجود دارد که به سادگی میتوانید آنها را بیابید. کافی است ببینید چه چیزی را اخیراً تغییر دادهاید. آیا پلاگین جدیدی نصب کردهاید؟ کد HTML اضافه نمودهاید؟ تگهای اضافه کرده را به درستی بستهاید؟
راه حل رفع مشکل تغییر مکان سایدبار
- در صفحه مورد نظر دنبال تگ اضافی div بگردید. تگی که باز شده و بسته نشده و با بالعکس، تگ بسته div که پیش از آن باز نشده است. این شایعترین دلیل بروز مشکل تغییر مکان و به زیر رفتن Sidebar است.
- چنانچه در حال ایجاد صفحه هستید، عرض یا width را در نظر بگیرید. در صورتی که Container شما 960px باشد و شما 600px برای متن در نظر بگیرید و 280px برای سایدبار، میزان 320px اضافه میآید که این مقدار Margin اضافی میان آنهاست. در نتیجه سایدبار جابجا میشود.
- دلیل دیگر بروز این مشکل، عدم استفاده صحیح از float به هنگام ایجاد صفحه جدید است. یعنی اینکه در صورتی که از آپشنهای پیشفرض پوسته استفاده نمیکنید و خودتان مشغول کد زدن هستید، لازم است به المنتهایی که نیاز است float: right و یا float: left بدهید.