آموزش رفع خطای نمایش سایدبار زیر محتوا در وردپرس + دلایل بروز آن

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

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

تکمیل طرح‌ بندی وب ‌سایت جزء کارهای مهم است، زیرا برای تجربه کاربری (UX)، تعامل و تبدیل‌ها نیز ضروری می باشد. بنابراین، زمانی که یک خطای به ظاهر تصادفی باعث اختلال در نمایش سایت شما می شود، می تواند ناامید کننده باشد. مثلاً نوار کناری شما به طور ناگهانی در زیر محتوا ظاهر می شود نه در کنار سایت.

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

علت اصلی این رفتار مشکلات مربوط به HTML یا CSS در سایت شما است. این معمولاً نتیجه تغییرات مستقیمی است که در کد سایت خود ایجاد کرده اید، مانند یک قالب یا فایل افزونه. به عنوان مثال، شاید یک تگ <div> اضافی یا نامشخص در صفحه وجود داشته باشد. این مشکل حتی می تواند به دلیل عرض نادرست و تنظیمات شناور در CSS شما نسبت داده شود.

بیشتر بخوانید: آموزش ریست کردن وردپرس به حالت پیش فرض | چگونه سایت وردپرسی را به تنظیمات اولیه بازگردانیم؟

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

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

1- رفع خطای نمایش سایدبار زیر محتوا در وردپرس با لغو آخرین تغییرات

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

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

2- نحوه رفع خطای نمایش سایدبار زیر محتوا در وردپرس با غیرفعال کردن موقت افزونه ها

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

روش اول این است که وارد پیشخوان وردپرس خود شده و سپس از بخش “افزونه ها” روی گزینه “افزونه های نصب شده” کلیک کنید. سپس تمامی افزونه های موجود را انتخاب نمائید. پس از آن از منوی کشویی بالای صفحه گزینه “غیرفعال کردن” را بزنید. با اینکار تمامی افزونه های سایت شما غیرفعال می شود.

روش دوم این است که افزونه های خود را از طریق هاست غیرفعال کنید. برای انجام اینکار؛ وارد کنترل پنل هاست خود شده و سپس به پوشه روت سایت خود یا همان public-html مراجعه نمائید. سپس وارد پوشه wp-content شوید. حال پوشه ای به نام plugins را مشاهده خواهید کرد که کافیست نام آن را به یک نام دلخواه دیگر تغییر دهید. با اینکار تمامی افزونه های سایت شما به صورت خودکار غیرفعال می شوند.

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

بیشتر بخوانید: آموزش ساخت، ویرایش و حذف سایدبار وردپرس + 5 افزونه برتر سایدبار

3- رفع ارور ساید بار در پایین محتوا در وردپرس با پیدا کردن کد HTML شکسته

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

همچنین می‌توانید از ابزار Inspect یا برنامه‌های ویرایشگر کد استفاده کنید که با برجسته کردن برچسب‌های شروع و پایان عناصر، به شما در رفع اشکال کمک می ‌کند.

بعد از آن باید مطمئن شوید که هر تگ <div>  که باز می شود دارای یک تگ </div> در حال بسته شدن می باشد. اگر HTML شکسته را پیدا کردید، با رفع آن، می توانید نوار کناری ظاهر شده در زیر محتوا برطرف نمائید.

بیشتر بخوانید: سئو محلی چیست و local SEO چگونه کار می کند؟ 

4- آموزش رفع خطا ساید بار در پایین محتوا در وردپرس با پیدا کردن CSS مخرب

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

به عنوان مثال، اگر ناحیه محتوای متن شما 70٪ عرض و ناحیه نوار کناری 33٪ باشد، به طور خودکار به سمت پایین حرکت می کند.

5- نحوه رفع خطای نمایش سایدبار پایین محتوا با پاکسازی کش وردپرس

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

بیشتر بخوانید: سایدبار سفارشی در وردپرس Custom Sidebars

سوالات متداول

بیشتر بخوانید: آموزش افزودن تصویر به سایدبار قالب در وردپرس

آموزش افزونه Contact Widgets برای درج اطلاعات تماس در سایدبار

آموزش مدیریت بروز رسانی های خودکار وردپرس

جمع بندی: آموزش رفع خطای نمایش سایدبار زیر محتوا در وردپرس

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

منبع: wpbeginner