در این سلسله مقالات آموزشی، قصد دارم با تکیه بر ۱۰ سال سابقه تخصصی در زمینه مدیریت هاستینگ، دیتاسنتر و پشتیبانی سرور و حل هزاران چالش فنی، واقعیترین و کاربردیترین مسائل دنیای وردپرس و وب را با شما به اشتراک بگذارم. روند کار به این صورت است که در هر مطلب، دقیقاً پرسشها و بنبستهای واقعی کاربران مطرح شده و در کنار پاسخهای سریع، علل ریشهای، تحلیلهای فنی و راهکارهای گامبهگام ارائه میشود تا یکبار برای همیشه ابهامات شما در زمینه المنتور، هاست، امنیت و بهینهسازی وبسایت برطرف شود.
در ادامه به یکی سوالات پرتکرار کاربران پاسخ داده شده است:
پرسش کاربر
سلام من دارم با المنتور یه سایت طراحی میکنم که وقتی توی صفحه ویرایش با المنتور هستم طراحی هام نشون داده نمیشن
و وقتی توی یک تب توی پنل پیشخوان وردپرس هستم و توی یک تب لینک سایتم رو سرچ میکنم بک گراند صفحه اصلی سایتم نشون داده نمیشه
و وقتی توی پنل نیستم و مثل کاربر عادی سرچ میکنم کلا طراحی هام بهم میریزن
من از کد های css توی سایتم استفاده کردم.
هیچ افزونه ای جز المنتور و ووکامرس الان نصب نیست.
طراحی هام رو پابلیش کردم اما نشون نمیده.
به کلودفلر و هیچ cdn دیگه ای وصل نیست.
ممکنه شما مشکلش رو پیدا کنین لطفا؟
پاسخ پشتیبان
درود.
این مشکل ناشی از ذخیره شدن نسخه قدیمی فایلهای CSS و کدهای سایت در حافظه کش (Cache) افزونه کش نصب شده در سایت وردپرسی شما بوده است. با پاکسازی کامل کش سایت از طریق افزونه و مرورگر، مشکل بهطور کامل برطرف شد.
در تصویر زیر نحوه پاکسازی کل کش سایت از طریق افزونه LSCache نشان داده شده است. در سایر افزونه های کش نیز مراحل به همین صورت می بایست انجام شود.
💡 توضیحات تکمیلی و تحلیل فنی مشکل
عدم نمایش تغییرات یا بههمریختگی صفحات پس از طراحی با المنتور (Elementor) یکی از شایعترین مشکلاتی است که طراحان سایت با آن مواجه میشوند. همانطور که در این مورد مشاهده شد، علت اصلی بازتولید نشدن کدهای جدید CSS و ذخیره شدن کدهای قدیمی در حافظه موقت یا همان Cache است.
وقتی شما نمای متفاوتی در حالت ویرایشگر المنتور، حالت لاگین (مدیر) و حالت کاربر عادی (Incognito/Guest) میبینید، نشاندهنده این است که فایلهای استایل المنتور بهدرستی بازنویسی یا فراخوانی نشدهاند.
مراحل گامبهگام برای رفع این مشکل در وردپرس
اگر شما هم با مشکلی مشابه روبرو شدهاید، مراحل زیر را به ترتیب انجام دهید:
۱. بازسازی فایلهای CSS و دیتا در المنتور
المنتور کدهای استایل هر صفحه را در فایلهای مجزای CSS ذخیره میکند. گاهی این فایلها پس از تغییرات بهروزرسانی نمیشوند.
به مسیر پیشخوان وردپرس > المنتور > ابزارها بروید.
در زبانه عمومی، روی دکمه «پاکسازی فایل ها و داده ها» (Regenerate Files & Data) کلیک کنید.
تغییرات را ذخیره کرده و صفحه را مجدداً بررسی نمایید.
۲. پاکسازی کش مرورگر (Browser Cache)
مرورگرها برای افزایش سرعت بارگذاری، کدهای CSS و عکسها را ذخیره میکنند.
کلیدهای ترکیب Ctrl + F5 (در ویندوز) یا Cmd + Shift + R (در مک) را بفشارید تا صفحه بدون استفاده از کش مرورگر مجدداً بارگذاری شود.
همچنین میتوانید سایت را در حالت ناشناس (Incognito Window) بررسی کنید.
💡
درباره مقالات آموزشی و کاربردی در سایت صابرلطفی
در این سلسله مقالات آموزشی، قصد دارم با تکیه بر ۱۰ سال سابقه تخصصی در زمینه مدیریت هاستینگ، دیتاسنتر و پشتیبانی سرور و حل هزاران چالش فنی، واقعیترین و کاربردیترین مسائل دنیای وردپرس و وب را با شما به اشتراک بگذارم. روند کار به این صورت است که در هر مطلب، دقیقاً پرسشها و بنبستهای واقعی کاربران مطرح شده و در کنار پاسخهای سریع، علل ریشهای، تحلیلهای فنی و راهکارهای گامبهگام ارائه میشود تا یکبار برای همیشه ابهامات شما در زمینه المنتور، هاست، امنیت و بهینهسازی وبسایت برطرف شود.