دیجی اسکریپت

آموزش برطرف کردن مشکل ظاهر شدن سایدبار در پایین محتوا در وردپرس
[ad_1]

با عرض سلام به شما دوستان، امروز به آموزش برطرف کردن مشکل ظاهر شدن سایدبار در پایین محتوا در وردپرس می پردازم، امیدوارم این آموزش برایتان مفید باشد. حتما این سوال برایتان پیش می آید که علت ظاهر شدن سایدبار در پایین محتوا در وردپرس چیست؟ علت این ماجرا این است که یک خطای HTML یا CSS در تم وردپرس شما رخ داده است.

 

 

چگونه می توانم از بروز مشکل ظاهر شدن سایدبار در پایین محتوا در وردپرس جلوگیری کنم؟

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

 

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

 

به هر چیزی که اخیرا تغییر داده اید نگاه کنید. آیا یک افزونه اضافه کردید؟ تغییراتی در رابطه با HTML ایجاد کرده اید؟ آیا محتوای پست یا صفحه خاصی که با آن مشکل دارید، دارای بلوک های <div> است؟ بررسی کنید که آیا به درستی بسته شده اند؟ یکی از بهترین راه ها برای پیدا کردن خطا استفاده از سایت W3 Validator است.

 

برای درک آنچه گفته شد می توانید از این نمودار استفاده کنید:

اگر شما یک تم سفارشی ایجاد می کنید، و این مشکل برای شما رخ می دهد، می توانید چند مسئله را بررسی کنید. علاوه بر آنچه در بالا بیان کردیم چند موضوع دیگر می تواند دلیل رخ دادن خطای ظاهر شدن سایدبار در پایین محتوا در وردپرس باشد:

• نسبت عرض نادرست: به عنوان مثال ببینید اگر عرض صفحه شما فقط ۹۶۰ پیکسل است، باید همه چیز را با آن متناسب کنید. به عنوان مثال، پهنای محتوا ۶۰۰ پیکسل و عرض سایدبار باید ۳۰۰px و حاشیه ۶۰px باشد.
• خصوصیت float : مسئله دیگر می تواند خصوصیت float باشد. مطمئن شوید که float: left و float: right به عناصر به طور مناسب اعمال شده باشند.

موفق باشید

نوشته آموزش برطرف کردن مشکل ظاهر شدن سایدبار در پایین محتوا در وردپرس اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

حل خطای Serve Scaled Images در GTMetrix
[ad_1]

همه ما با جی تی متریکس آشنایی داریم. یک سیستم آنالیز سرعت وب‌سایت که سایت شما را از جنبه‌های مختلف بررسی و مشکلات سایتتان را حل می‌کند. اما اولین خطایی که بعد از آنالیز سایت شما در جی‌تی‌متریکس به چشم می‌خورد، خطای Serve Scaled Images هست. خطایی که تا بحال نشده سایتی رو توی GTMetrix تست کنم و این خطا رو نبینم!

 

 

در هر صورت باید برای هر خطایی یک راه حل پیدا کرد و امروز راه حل ما برای حل خطای Serve Scaled Images در این مقاله معرفی خواهد شد. راه حلی بسیار آسان و البته کاربردی!

 

خطای Serve Scaled Images چیست؟

خطای Serve Scaled Images یا سرو تصاویر مرتب شده! زمانی رخ می‌دهد که تصاویر سایت شما در اندازه و سایزی که باید نمایش داده شوند، روی سایت شما قرار نگرفته‌اند. این که گفتم یعنی چه؟! به عنوان مثال شما تصویر یک گل روی سایتتان نمایش می‌دهید و این تصویر روی سایت شما با استفاده از CSS یا img width height در اندازه ۲۰۰ در ۲۰۰ پیکسل نمایش داده می‌شود. تا اینجا هیچ مشکلی نیست. اما سورس تصویر (یعنی تصویری که از سرور دریافت می‌شود.) سایزی حدود ۲۰۰۰ پیکسل در ۲۰۰۰ پیکسل دارد!!! فاجعه هست نه؟!

 

چرا فاجعه؟

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

 

حالا چطور خطای Serve Scaled Images را حل کنیم؟

برای حل این خطا کافیست تصاویر را در سایزی که در سایتتان نمایش داده می‌شود، لود کنید. اما نمی‌توانیم تک تک تصاویر سایتمان را با فتوشاپ تغییر سایز دهیم و دوباره آپلود کنیم. این کار برای یک وب‌سایت مثل بیست اسکریپت با چیزی حدود ۲۰ هزار تصویر کار بسیار سختی هست. لازم هست بدانید که در وردپرس چیزی به نام image size داریم. یعنی وقتی یک تصویر روی سایتتان آپلود می‌کنید. این تصویر در سایز‌های مختلفی ذخیره می‌شود.

 

سایز‌ها بستگی به قالب یا افزونه‌های نصب شده روی وردپرس شما دارند اما در هر صورت وقتی قالب سایتتان را تغییر می‌دهید عملا باید تصاویر را برای قالب جدید تغییر سایز دهید. اینکار با افزونه regenerate thumbnails قابل انجام است.

 

افزونه Regenerate Thumbnails را همیشه بعد از تغییر قالب سایتتان نصب کنید و یکبار فرایند ساخت مجدد تصاویر شاخص را انجام دهید تا مشکل Serve Scaled Images در GTMetrix را حل کنید. آموزش نصب و استفاده از Regenerate Thumbnails را اینجا ببینید.

 

جمع بندی

خطای Serve Scaled Images در GTMetrix زمانی رخ می‌دهد که تصاویر سایت شما در اندازه و سایزی که باید نمایش داده شوند، لود نمی‌شوند. یعنی تصویر منبع از سایز نمایش داده شده در سایت شما بسیار بزرگ‌تر هست. برای حل این خطا باید تصاویر شاخص سایتتان را دوباره بسازید و ساخت دوباره تصاویر شاخص سایت با استفاده از افزونه Regenerate Thumbnails انجام می‌شود.

نوشته حل خطای Serve Scaled Images در GTMetrix اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب