Retry
نمایش سایدبار پایین محتوا در وردپرس

وردپرس یکی از سیستم های محبوب مدیریت محتوا در میان نمونه های موجود در بازار است.  این سیستم به علت داشتن رابط کاربری آسان مورد توجه بسیاری از افراد قرار گرفته است. پس از تعیین هاست و دامنه مشخص و راه اندازی وب سایت، مدیریت درست این سیستم از اهمیت ویژه‌ای برخوردار است. در مسیر فعالیت یک وب‌سایت، انتشار محتوا و سئو و اضافه کردن کدهای مختلف به وب سایت، معمولا خطاها و مشکلاتی را به دنبال دارد. برخی از این خطاها بر روی عملکرد درست وب سایت و شکل ظاهری آن تاثیر می گذارد. بنابراین شناخت و نحوه‌ی رفع آنها یکی از چالش‌های مهم در مدیریت وب سایت است.

خطای نمایش سایدبار در پایین محتوا در وردپرس، یکی از متداول ترین خطاهای رخ داده در وب سایت‌های وردپرسی است؛ که می تواند به علل مختلف اتفاق بیافتد. در این مقاله قصد داریم در مورد علت بروز این خطا و راهکارهای رفع آن صحبت کنیم. با ما همراه باشید.

چرا ساید بار در پایین محتوا در وردپرس نمایش داده می‌شود؟

خطای نمایش سایدبار در زیر محتوای وردپرس یکی از خطاهایی است که  زیاد شما را درگیر می‌کند. به طور معمول  آرایش محتوا در وردپرس به شکل دو ستونی است و سایدبار باید در سمت راست یا چپ صفحه، نمایش داده شود. اما گاهی این منو به پایین محتوا تغییر مکان می‌دهد و چیدمان وب سایت شما را به هم می‌ریزد. به چنین خطایی sidebar below content  گفته می‌شود. به طور کلی این خطا به علت‌های مختلفی در وب سایت شما به وجود می‌آید که می‌توان آنها را در سه دستهتقسیم بندی کرد.

  • خطا در کد CSS وب سایت
  • خطا در کد HTML وب سایت
  • عدم سازگاری یک افزونه فعال در وب سایت

از آنجایی که این خط یک منشا مشخص ندارد، باید برای رفع آن زمان بیشتری را صرف کنید. اول منشا خطا را پیدا کنید و سپس به دنبال راهکاری برای رفع آن باشید.

در کد HTML هر <div> باید به درستی بسته شود. اگر تمپلیت مسئول نمایش صفحه  دارای تگ < div> بسته نشده باشد، طرح بندی صفحه به هم می‌ریزد. در چنین شرایطی ممکن است خطای نمایش سایدبار در پایین محتوا نیز مشاهده شود.

کد div نمایش سایدبار در وردپرس

به همین ترتیب در مورد کدهای CSS نیز امکان بروز چنین خطایی وجود دارد.  کد CSS در طراحی کلی هر عنصر در وب سایت شما تاثیر گذار است. برای مثال برای تعریف پهنای نمایش محتوا، محل قرار گیری یک عنصر و یا شناور بودن آن در طراحی صفحه، از این کدها استفاده می‌شود. اگر عرض یک ناحیه محتوایی را بیشتر از فضای موجود تعریف کنید، نوار سایدبار به صورت اتوماتیک به پایین صفحه منتقل می‌شود.

سایدبار پایین وردپرس

البته راهکارهایی برای حذف کامل ساید بار نیز وجود دارد که می‌توانید از آنها بهره ببرید. این روش ها چیدمان وب سایت شما را تک ستونی می‌کند.

 راهکارهای پیدا کردن منشا خطای نمایش سایدبار در پایین محتوا در وردپرس

برای اینکه بتوانید منشا خطای نمایش سایدبار در زیر محتوا را پیدا کنید، باید ببینید که این مشکل کدام بخش از وب سایت شما را درگیر کرده است. با مشخص شدن این موضوع می توانید راحت تر این مشکل را حل کنید.

در هنگام بروز خطای نمایش سایدبار در پایین محتوا ممکن است حالات زیر رخ دهد:

  • فقط صفحات وب سایت درگیر خطا هستند.

در این حالت باید فایل page .php  را مورد بررسی قرار دهید.

  • خطا در تمامی محتوای وب سایت شما دیده می‌شود.

فایل single.php  را چک کنید.

  • صفحاتی که در آنها یک افزونه خاص اضافه شده است، تحت تاثیر قرار گرفته است.

اگر خطا پس از اضافه کردن یک افزونه خاص در پیج شما اتفاق افتاده و تنها مختص به صفحاتی است که این افزونه در آنها اضافه شده، پس باید برای رفع خطا افزونه را حذف کنید. در بخش بعدی در مورد راهکارهای رفع این خطا بیشتر صحبت می کنیم.

  • صفحاتی دچار این خطا شدند که در آن ها از کدهای CSS و HTML برای شخصی سازی استفاده شده.

واضح است که در چنین شرایطی باید کدهای HTML و CSS را که اضافه کرده اید، مورد بازخوانی قرار دهید. اگر کد شما تگ < div> باز دارد آن را ببندید.

 روش‌های رفع خطای نمایش سایدبار در پایین صفحه در وردپرس

در قسمت قبلی در مورد راهکارهای پیدا کردن منشاء این خطا صحبت کردیم. اگر بدانید خطای شما در کدام بخش اتفاق افتاده، برای رفع خطا سردرگم نمی‌شوید. برای رفع این خطا روش‌های مختلفی قابل انجام هستند که وابسته به محل وقوع خطا و تغییراتی که در وب سایتتان اعمال کرده‌اید، یک یا چند تای آنها می‌تواند برای شما کارآمد باشد.

۱.  تغییرات اخیر که در قالب  ایجاد کرده اید را بازخوانی کنید.

اگر اخیراً در تمپلیت وب سایت خود تغییراتی ایجاد کرده‌اید، آنها را چک کنید. برای این کار کافیست یک بکاپ از نسخه وب سایت تهیه کرده و سپس تغییراتی که اعمال کرده‌اید را حذف کنید. اگر با حذف این تغییرات خطای نمایش سایدبار در پایین صفحه رفع شد، منشا خطا را به درستی حدس زده‌اید. اگر تغییر ایجاد شده برای شما مهم است و حتماً می خواهید آن را روی قالب وب سایت خود اعمال کنید، باید یک چاید تم تهیه کرده و تغییر مورد نظر را روی آن انجام دهید. به این ترتیب، تغییر ایجاد شده بر روی قالب‌بندی وب سایت شما تاثیر منفی نخواهد داشت.

۲.  افزونه‌هایی که به تازگی نصب کرده اید را حذف کنید

اگرچه ظاهر وب سایت وردپرسی شما از طریق تم هایی که استفاده می کنید کنترل می‌شود، اما گاهی افزونه‌هایی که به وب سایت اضافه می کنید، کدهای HTML و CSS دیگری را بر روی وب سایت شما اضافه می‌کنند. این کدهای جدید می‌توانند منشا خطا باشند.

برای مثال، اضافه کردن فرم یا باکس‌های بازشو روی صفحات وب سایت کدهای HTML و ‏CSS  جدیدی را به کدهای وب سایت شما اضافه می‌کنند.

بنابراین اگر پلاگین جدیدی به وب سایت خود اضافه کرده‌اید، آن را غیر فعال کنید و ببینید آیا ایراد به وجود آمده از بین میرود یا خیر. روش غیرفعال کردن افزونه های وردپرسی را بخوانید.

فضای وردپرس

اگر چند افزونه فعال دارید همه آنها را غیر فعال کنید و سپس یکی یکی فعال کنید. به این ترتیب متوجه خواهید شد که خطای نمایش سایدبار در پایین محتوا بر اثر کدام یک از این افزونه هاست.

وقتی افزونه‌ی منشا خطا را پیدا کردید، می توانید برای یافتن راه حل با پشتیبانی افزونه تماس بگیرید و مشکل را گزارش کنید.

۳.  کدهای HTML  ایراد دار را پیدا کنید.

همان طور که قبلا گفتیم، شکست  در تگ <div> یکی از مهمترین علل ایجاد خطای نمایش سایدبار در پایین محتوای وردپرس است.

وابسته به این‌که این خطا در کدام بخش از وب سایت شما رخ داده است، کدهای HTML آن بخش را بررسی و اصلاح کنید.

کد html در نمایش سایدبار وردپرس

برای پیدا کردن ایراد کدهای HTML می توانید از ابزار inspect tool  یا برنامه‌های ویرایشگر کد استفاده کنید. این برنامه‌ها با هایلایت کردن شروع و پایان عناصر، به شما در رفع اشکالات کمک می‌کند.

تگ div سایدبار

4. کدهای CSS ای که باعث تغییر مکان سایدبار می‌شوند را پیدا کنید.

کدهای CSS یکی از جنبه‌های مهم طراحی وب سایت شما هستند. به کمک این کدها پهنای نمایشی یک محتوا تعیین می‌شود. بنابراین بر اساس مساحت صفحه نمایش، باید جایگاه سایدبار در کنار محتوا در نظر گرفته شود. اگر پهنای نمایشی محتوا بیش از اندازه مشخص شده تعریف شده باشد، سایدبار در زیر محتوا نمایش داده می‌شود.

css سایدبار در وردپرس

برای پیداکردن  کد CSS مشکل دار، می توانید از inspect tool استفاده کنید.

5. کش وردپرس خود را پاک کنید.

اگر همه موارد فوق را بررسی کردید اما همچنان مشکل نمایش سایدبار در زیر محتوا حل نشد، راه حل نهایی پاک کردن حافظه پنهان یا کش وردپرس است.

گاهی تغییرات اعمال شده در وب سایت نمایش داده نمی‌شوند. در چنین مواردی علت مشکل ایجاد شده به دلیل حافظه پنهان یا کش مرورگر وردپرس شماست. بنابراین پاک کردن حافظه پنهان می‌تواند مشکل را رفع کند.

 جمع بندی

خطاهای مربوط به سیستم مدیریت محتوای وردپرس، یکی از چالش‌های بزرگ مدیریت وبسایت است .بعد از انتخاب و تهیه هاست که از پایداری و سرعت بالایی برخوردار است، مدیریت وب سایت و رفع خطاهای به وجود آمده از اهمیت ویژه ای برخوردار است. در این مقاله تلاش کردیم تا در مورد خطای نمایش سایدبار در پایین محتوا و راهکارهای رفع آن صحبت کنیم. برای آشنایی بیشتر با سایر خطاهای وردپرس می توانید مقاله ما را با عنوان 50 خطای متداول وردپرس و نحوه‌ی بر طرف کردن آنها مطالعه کنید.

دیدگاه‌ها

Comments
امتیاز فراموش نشه

نشانی ایمیل شما منتشر نخواهد شد.