علت بهم ریختن ظاهر پیشخوان وردپرس + راهنمای حل مشکل

وردپرس CMS منظم و قدرتمندی است که سرعت لود بالایی هم دارد. برای همین وقتی یک روز سیستم را بالا بیاوریم و با پیشخوان بهم ریخته مواجه شویم، واقعاً جا می‌خوریم. پس بهتر است وردپرس دلیل قانع کننده‌ای برای این برهم ریختگی داشته باشد! اگر دچار این اتفاق نادر شده‌اید، با ما باشید تا رفع مشکل به هم ریختگی داشبورد وردپرس را بیاموزید.

دلیل به‌هم ریختگی داشبورد وردپرس چیست؟

آیا هنگام لود وردپرس ارور “WordPress Admin dashboard is not displaying properly” را دریافت کرده‌اید؟ یا پیشخوان وردپرس شما چیزی شبیه به تصویر زیر است؟ 👇🏻 

در هر دو صورت معنایش این است که یا به تداخل خورده‌اید یا اسکریپت‌های نادرستی را به کار برده‌اید. 

اگر بخواهیم جزئی‌تر و دقیق‌تر در این باره توضیح بدهیم، باید به دلایل زیر اشاره کنیم:

۱. کد استایل CSS

اگر کد استایل CSS را به تازگی در وردپرس جای‌گذاری کرده‌اید، احتمالاً منشأ مشکل همینجاست؛ یا کد را درست بارگذاری نکرده‌اید و یا کد درستی را وارد نکرده‌اید. اگر در تیم خود توسعه‌دهندهٔ فرانت‌اند ندارید، بهتر است یک مشاوره بگیرید و بخواهید CSSهای شما را بررسی کنند. 

۲. فایل‌های وردپرس

فایل‌های وردپرس اصلی‌ترین کاربردها را در سایت وردپرسی شما دارند. ممکن است ویرایش اشتباه یا تغییر ناخواسته در فایل‌هایی مثل PHP config یا htaccess باعث بروز این مشکل شده باشند. 

۳. مشکل رمزگذاری CSS

گاهی کدهای CSS به دلیل مشکلات رمزگذاری لود نمی‌شوند و به این صورت در نمایش پیشخوان وردپرس اختلال ایجاد می‌کنند. 

۴. به‌روزرسانی JQuery

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

۵. پروکسی و فایروال 

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

۶. نسخهٔ قدیمی PHP 

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

۷. کدهای css و js از آدرس اشتباه

برای شناسایی این مشکل، داخل مرورگر کلیک راست کنید (یا F12) و Inspect را بزنید؛ سپس به بخش Console بروید و خطاهای موجود را چک کنید. اگر کدهای JS و CSS از آدرس دیگری فراخوانی می‌شوند، باید بررسی کنید که آن آدرس در دسترس باشد.

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

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

مرحله صفر: تغییر در هاست

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

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

File manager > Public_HTML 

در این دایرکتوری فایل wp-config.php را پیدا و آن را ویرایش کنید. 

(ممکن است مدیر سایت برای امنیت بیشتر این فایل را از مسیر همیشگی به مسیر دیگری برده باشد.)

خط کد زیر را پس از <?php درج کنید:

define('CONCATENATE_SCRIPTS', false);

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

هاست وردپرس لیموهاست

با بهترین عملکرد میزبان سایت وردپرسی شما هستیم. بهینه‌سازی شده برای بالاترین سطح سرعت!

شروع قیمت از
۱۹۸ هزار تومان

خرید هاست وردپرس

مرحله۱: پاک‌سازی کش و کوکی‌ها 

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

مرحله ۲: ارتقا افزونه‌های وردپرس 

بررسی کنید و ببینید آیا افزونه‌ مدیریتی وردپرس نصب کرده‌اید یا خیر. اگر افزونه‌هایی مثل «Admin Drop Down Menu plugin» یا «Lighter Menus plugin» را نصب کرده‌اید، آن‌ها را Upgrade کنید. اگر کمکی به حل مشکل نکرد، این افزونه‌ها را حذف کنید. 

مرحله ۳: به‌روزرسانی مرورگر 

اگر مرورگرهای شما مدت‌هاست که آپدیت نشده‌اند، طبیعی است که برای لود وردپرس به مشکل بربخورند. به‌خصوص اگر متن ارور “WordPress Admin dashboard is not displaying properly” را دریافت کرده‌اید. برای حل این مشکل بایستی مرورگر مورد استفاده خود را آپدیت کنید. 

معمولاً گزینهٔ آپدیت در منوی مستقیم تمام مرورگرها وجود دارد. اما در صورتی که این گزینه را پیدا نکردید، کافی است نام مرورگر را به همراه عبارت latest version جستجو کنید. ترجیحاً از سایت رسمی خود مرورگر، نسخهٔ به‌روز را نصب کنید. 

مرحله ۴: از حالت incognito استفاده کنید

اگر وقتی سایت را در پنجرهٔ ناشناس یا incognito باز می‌کنید، مشکل برطرف می‌شود باید اکستنشن‌ها را غیر فعال کنید. بله! ابتدا تمام اکستنشن‌ها را یک‌جا غیرفعال کنید. اگر مشکل بهم ریختگی حل شد، یکی یکی آن‌ها را تست کنید. یعنی در مسیر chrome://extensions تیک Enabled را برای اکستنشن موردنظر بردارید. هر جا مشکل با برداشتن تیک حل شد، اکستنشن عامل بروز مشکل را پیدا کرده‌اید. 

مرحله ۵: Tethering را امتحان کنید

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

سوالات پرتکرار شما

۱. دلیل بهم ریختگی پیشخوان وردپرس چیست؟

اگر سرعت اینترنت مشکلی ندارد، ممکن است یک کدام از این دلایل باعث بهم‌ریختگی پیشخوان وردپرس شما باشند: CSS نادرست، عدم به‌روزرسانی PHP و Jquery، ناسازگاری اکستنشن‌های مرورگر، تداخل پراکسی و فایروال.

۲. چطور بهم‌ریختگی پیشخوان وردپرس را برطرف کنیم؟

راه‌حل‌های زیادی برای حل این مشکل وجود دارد. می‌توانید اول از همه ویرایش فایل WP config و بعد روش‌هایی مثل حذف کش مرورگر، غیرفعال کردن اکستنشن‌های مرورگر و… را یک‌به‌یک امتحان کنید. 

۳. آیا ممکن است مشکل بهم‌ریختگی پیشخوان وردپرس به هاست مربوط باشد؟

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

آخرین اقدام برای رفع مشکل به هم ریختگی داشبورد وردپرس

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

برخی از منابع به‌کاررفته در تهیه این مطلب: wpglobalsupport | smallbusiness chron