Як найняти розробника для налаштування теми WordPress і правок CSS

На телефоні меню переноситься на два рядки, а налаштування теми не дають цього виправити. Ви вставили фрагмент CSS з форуму, але нічого не змінилося або з’їхало щось інше.

Через дрібні проблеми з дизайном сайт виглядає незавершеним, а правки, внесені не туди, зникають із наступним оновленням теми.

Нижче розповім, що можна спробувати самостійно за десять хвилин. Якщо це не допоможе, поясню, як найняти розробника для налаштування теми WordPress, щоб зміна збереглася після оновлень.

Чому зміни в темі WordPress не зберігаються

Більшість змін у темі не спрацьовує з однієї з трьох причин: зміну внесли не туди, кеш показує вам стару версію або CSS теми має вищий пріоритет за ваш.

Те, де ви зберігаєте зміну дизайну, визначає, що з нею буде після оновлення чи зміни теми:

• Налаштування теми Параметри в розділі «Вигляд → Налаштувати» або в Редакторі сайту. Найбезпечніший варіант, але тільки в межах того, що додав автор теми.
• Додатковий код CSS Поле для вашого власного CSS. Код зберігається в базі даних, тому оновлення теми його не чіпають. Проте він прив’язаний до активної теми й не застосовується до іншої, якщо ви зміните тему.
• Файли теми Власні файли CSS і PHP теми. Оновлення теми їх замінює, тож будь-яка правка в них зникає.
• Дочірня тема Невелика тема, яка завантажує основну тему і зберігає ваші зміни у своїх файлах. Оновлення основної теми її не чіпають, як пояснює довідник WordPress про дочірні теми (англійською).

Коли я беру сайт у роботу, спершу перевіряю, чи хтось не правив файли теми напряму. Це найчастіша причина того, що «дизайн з’їхав після оновлення». У кожному з цих випадків ваш вміст на місці. Змінився лише вигляд. Якщо через правку теми весь сайт перестав працювати, прочитайте, хто виправить критичну помилку WordPress.

Спершу спробуйте це (10 хвилин)

Більшість дрібних проблем із CSS пов’язані з кешем або з тим, куди вставили код. Ці перевірки безпечні й не змінюють ваш дизайн:

1. Очистьте кеш. Натисніть кнопку очищення кешу у вашому плагіні кешування або в панелі хостингу, потім знову відкрийте сторінку в приватному вікні й на телефоні. Якщо зміна з’явилася тільки після цього, її приховував кеш, а сам код працював.
2. Спершу пошукайте в налаштуваннях теми. Кольори, шрифти, макет шапки і стилі кнопок часто вже є параметрами у «Вигляд → Налаштувати» або, для блокових тем, у Редакторі сайту в розділі «Стилі».
3. Знайдіть, де збережено старий CSS. У класичній темі це «Вигляд → Налаштувати → Додатковий код CSS». У блоковій темі відкрийте панель «Стилі» в Редакторі сайту і знайдіть там «Додатковий код CSS». Якщо в одному з фрагментів коду є одруківка чи бракує дужки, правила після нього можуть перестати працювати.
4. Скопіюйте те, що там є, перш ніж щось міняти. Вставте поточний CSS у текстовий файл. Це ваша кнопка «скасувати».

Одразу зверніться до розробника, якщо зміна стосується шапки, оформлення замовлення чи шаблонів або якщо для теми вже є оновлення, а хтось раніше правив її файли.

Якщо десятихвилинні перевірки не допомогли або зміна потребує більше ніж кількох рядків CSS, зупиніться тут і напишіть мені. Якщо вгадувати, на які елементи діє правило CSS, можна порушити роботу оформлення замовлення або мобільного меню.

Хто налаштує тему WordPress і виправить CSS

Якщо налаштування теми не дають зробити потрібну зміну дизайну, можете звернутися до мене.

Що входить у налаштування теми

За обсягом роботи правки зазвичай поділяють так:

Що зазвичай не входить у найпростішу правку

Найпростіша правка підходить для зміни одного кольору на одній сторінці. Якщо потрібно більше, заздалегідь уточніть, чи входить у роботу:

• дочірня тема або «Додатковий код CSS» замість правок у файлах теми
• перевірка на телефонах і планшетах, а не лише на комп’ютері
• перевірка інших сторінок, де є той самий елемент
• нотатка, що і де змінено
• тестова копія сайту (staging) для змін у шаблонах чи шапці

Правка у файлах теми може зникнути з наступним оновленням, і тоді її доведеться робити вдруге.

Як я працюю з правками теми і CSS

Для правки CSS найважливіше, куди потрапить зміна.

• Спершу тема Запитую, яка у вас тема, чи є дочірня тема і на яких сторінках є той самий елемент.
• Місце для зміни Заздалегідь кажу, де внесу зміну: у налаштуваннях теми, у «Додатковому коді CSS» чи в дочірній темі, щоб вона збереглася після наступного оновлення теми.
• Телефони й інші сторінки Перевіряю правку на телефонах і на всіх сторінках з тим самим елементом, а не лише на тій, яку ви назвали.
• Тестова копія Зміни в шаблонах чи шапці вношу на тестовій копії, а не на робочому сайті.
• Плагіни Якщо для правки потрібен плагін, заздалегідь кажу, який саме і чи потрібна на нього ліцензія.
• Нотатка про зміни Записую, що і де змінено, щоб ви знали, де збережено правку.

Тривожні сигнали

Хоч би хто правив вашу тему, насторожитися варто, якщо бачите:

• правка файлів основної теми напряму
• прохання дати пароль від акаунта хостингу заради зміни CSS
• «безкоштовна» преміум-тема чи плагін без ліцензійного ключа: це піратська копія, і в ній може бути шкідливе ПЗ
• !important у кожному правилі замість пошуку причини, чому воно не діє
• встановлення конструктора сторінок чи великого плагіна заради зміни в один рядок

Не впевнені, чи для потрібної зміни в темі вистачить CSS, чи доведеться змінювати й інший код? Напишіть мені, що хочете змінити.

Як безпечно дати доступ

Для більшості робіт із CSS потрібен лише доступ до WordPress. Надайте тільки цей доступ після того, як домовитеся про роботу.

1. Спершу зробіть власну резервну копію. Скористайтеся панеллю хостингу або плагіном резервного копіювання та збережіть копію поза сервером.
2. Скопіюйте поточний CSS у текстовий файл. У «Додаткового коду CSS» немає власної резервної копії поза базою даних.
3. Створіть для розробника окремий обліковий запис WordPress. Налаштування теми і «Додатковий код CSS» потребують ролі «Адміністратор», тому зробіть доступ тимчасовим: з плагіном Temporary Login Without Password доступ автоматично припиняється, коли спливає встановлений строк. Ніколи не передавайте свої дані для входу.
4. Доступ до файлів давайте лише для дочірньої теми. Якщо робота цього потребує, створіть у панелі хостингу окремого користувача SFTP, а не давайте пароль від акаунта хостингу.
5. Ніколи не давайте доступ до реєстратора домену, платіжних акаунтів чи пошти адміністратора. Для зміни CSS нічого з цього не потрібно.

Паролі надсилайте через менеджер паролів, а не текстом у чаті. Коли роботу завершено, видаліть обліковий запис WordPress і скасуйте доступ SFTP, які ви створили.

Що надіслати до початку роботи

• адресу сторінки і точний елемент: «синя кнопка під шапкою»
• знімок екрана з поточним виглядом і ще один із бажаним (або сайт, який вам подобається)
• де це виглядає неправильно: на телефонах, на комп’ютері чи там і там
• назву і версію вашої теми та чи користуєтеся ви дочірньою темою
• конструктор сторінок, якщо він є: Elementor, Divi, редактор блоків
• що ви вже пробували і куди вставляли CSS
• чи є для теми невстановлене оновлення і чи маєте ви свіжу резервну копію
• до якого терміну потрібен результат і який доступ ви готові надати

Надішліть ці дані в першому повідомленні, щоб потім звірити з ними результат.

Якщо ви писали CSS за допомогою ChatGPT чи Claude, додайте цей фрагмент і скажіть, куди ви його вставили. Надішліть знімки екрана з бажаною зміною і всім іншим, на що вона вплинула. Попросіть розробника перевірити, чи не перетинаються правила, перш ніж додавати ще CSS, а потім перевірити правку на телефонах і на інших сторінках з тією самою шапкою, меню чи кнопкою.

Після правки: перевірте, прийміть, збережіть

Перш ніж прийняти роботу, перевірте:

• зміну на телефоні й на комп’ютері
• кожну сторінку з тим самим елементом, а не лише ту, яку ви назвали
• меню, форми й оформлення замовлення, якщо вони є на сайті
• сторінку в приватному вікні після очищення кешу сайту, щоб не дивитися на стару копію

Попросіть внести всі доопрацювання, перш ніж приймете роботу. Попросіть розробника записати, де збережено зміну. Зберігайте текстову копію «Додаткового коду CSS» або залишайте дочірню тему активною під час оновлень.

Потім скасуйте надані розробнику доступи. Перед наступним оновленням теми зробіть резервну копію і потім перевірте сторінки. Регулярне обслуговування допомагає помітити проблеми з макетом раніше, ніж це зроблять відвідувачі.

Якщо зміна зрозуміла і знімки екрана готові, це невелика робота з чітким завданням. Напишіть мені, де має з’явитися зміна, і почнемо з однієї правки.

Підсумок

Від того, де збережено зміну дизайну, залежить, чи залишиться вона після наступного оновлення. Під час налаштування теми WordPress зміну варто вносити через «Додатковий код CSS» або дочірню тему і перевіряти всі сторінки з тим самим елементом. Почніть з однієї правки: напишіть мені, що хочете змінити.