Коли стилі не завантажуються, сайт перетворюється на перелік тексту й зображень без макета. Увесь вміст на місці, просто браузер не отримує вказівок, як він має виглядати. Отже, проблема в одному файлі або в його адресі, а не у вмісті сайту.
Коротко
- Спершу відкрийте сайт в іншому браузері та в приватному вікні.
- Найчастіші причини: кеш, плагін мініфікації та неправильна адреса файлу стилів.
- Якщо проблема з'явилася після перенесення, сайт досі звертається до файлів за старою адресою.
1. Перевірте, чи не винен ваш браузер
Відкрийте сайт у приватному вікні та на іншому пристрої. Якщо там усе виглядає нормально, справа в кеші вашого браузера, а не в сайті. Очистіть кеш, і проблема зникне.
2. Подивіться, що показує браузер
В інструментах розробника браузера є вкладка зі списком усіх файлів, які завантажує сторінка. Якщо рядок файлу стилів червоний і код 404, файлу немає за адресою, на яку посилається сторінка. Якщо код 403, файл на місці, але сервер відмовляється його віддавати, див. 403 Forbidden.
3. Вимкніть мініфікацію
Плагіни для прискорення об'єднують і стискають файли стилів в один. Якщо об'єднання не завершилося або один із файлів містить помилку, ламається весь набір. Вимкніть у плагіні об'єднання та мініфікацію, очистіть кеш і перезавантажте сторінку. Якщо оформлення повернулося, причину знайдено, і налаштування можна вмикати по одному.
4. Перевірте адреси після перенесення
Після перенесення в базі даних можуть залишитися старі адреси, і тоді сайт завантажує файли стилів зі старого сервера або старого домену. Інструменти розробника покажуть це одразу, бо в адресі файлу буде неправильна назва. Адреси треба виправляти в базі даних, а не пошуком і заміною у файлах.
5. Виключіть змішаний вміст
Якщо сторінка завантажується через зашифроване з'єднання, а файл стилів запитується без шифрування, браузер блокує його, і оформлення зникає. Це окремий симптом, і його розглянуто в інструкції попередження про змішаний вміст.
6. Якщо оформлення зламане лише частково
Тоді рідко бракує файлу, а частіше винне оновлення теми, яке змінило назви класів або видалило ваші зміни. Якщо зміни вносили безпосередньо в тему, а не в дочірню тему, кожне оновлення їх стирає.
Чого не варто робити
Не починайте редагувати файли теми, доки не з'ясуєте, чи це помилка завантаження, чи бракує коду. Виправлення, зроблене не в тому місці, залишиться на сайті роками. Перед змінами зробіть резервну копію, див. резервне копіювання сайту.
Якщо не хочете робити це самостійно
Ми з'ясуємо, чи файл стилів не завантажується, чи він пошкоджений, і виправимо саме те, що потрібно. Також переконаємося, що проблема не повториться після наступного оновлення чи очищення кешу.
