Розробка тем оформлення WordPress будь-якої складності

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

42 проєктів
на WordPress в архіві
19 років
у розробці
Без білдера
редактор, налаштований замість нього

Суть

Тема — не сайт

  1. Що таке сайт

    Сайт — це модель контенту, сторінки, налаштування, домен і запуск. Він прив'язаний до одного бізнесу й до одного набору даних.

  2. Що таке тема

    Тема — шар подання: шаблони, стилі, палітра, поля, які бачить редактор. Вона не знає про конкретний контент і працює з будь-яким, що має ту саму структуру.

  3. Чому це важливо на практиці

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

  4. Коли замовляють окремо

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

Предмет

Що входить у роботу

  1. Тема з нуля

    Без стороннього фреймворка під низом: шаблони пишуться проти моделі контенту, а не проти демо-імпорту. Батьківська тема, якщо сайтів буде кілька, і дочірня — якщо один.

  2. Дочірня тема до чужої

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

  3. Редактор і блоки

    Палітра, шкала розмірів і набір блоків задаються в theme.json — редактор не може вийти за межі дизайну, навіть якщо захоче. Стилі редактора збираються з тих самих змінних, що й фронтенд, а не наближаються на око.

  4. Поля замість вільного польоту

    Там, де сторінка має бути влаштована однаково, редактор отримує поля, а не порожнє полотно: заповнити можна, зламати верстку — ні.

  5. Швидкість як наслідок

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

Готові теми

Чому виходить дорожче

Куплена тема виглядає дешевшою рівно до початку роботи.

  1. Години йдуть на підгонку

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

  2. Правки живуть до оновлення

    Зміни, внесені прямо в тему, стираються її оновленням. Далі вибір: не оновлювати — і лишитися з вразливостями, або оновлювати — і втрачати роботу.

  3. Автор — третя сторона

    Тему можуть закинути, продати або переписати. Сайт при цьому ваш, а рішення про його майбутнє — не ваше.

Іноді куплена тема — правильна відповідь: сайт потрібен завтра, живе рік і стандартного розкладу достатньо. Тоді чесніше її й узяти, а не вдавати розробку.

Агенціям

Є макет — потрібен код

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

  1. Макет як джерело правди

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

  2. Ваш процес, не мій

    Гілка, пул-реквест, ваш рев'ю — або просто архів із темою, якщо процесу немає. Друге не гірше, якщо так зручніше.

  3. Спілкування з клієнтом ваше

    Роль тут технічна: код, а не листування із замовником, якщо ви цього не хочете.

Передача

Що ви отримуєте

  1. Код — ваш

    Вихідники у вашому репозиторії, права на код у вас. Зміна підрядника — зміна доступу, а не перемовини.

  2. Тему підхопить інший

    Стандарти коду WordPress, зрозумілі імена шаблонів, жодних саморобних механізмів там, де є штатні. Перевірка проста: наступний розробник розбирається в темі сам, не телефонуючи авторові.

  3. Документація

    README зі збіркою і структурою, опис змінних і точок розширення — щоб змінювати тему можна було свідомо, а не навмання.

  4. Гарантійні виправлення

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

Ціна

З чого складається

  1. Оцінка за обсягом

    Рахується не календар, а обсяг: скільки шаблонів, скільки типів записів, скільки блоків і полів. Описали обсяг — отримали ціну й термін, обидва фіксуються.

  2. Що впливає

    Кількість унікальних сторінок проти повторюваних, глибина налаштування редактора, робота з чужим кодом. Дочірня тема до охайної купованої дешевша за тему з нуля; дочірня до правленої в лоб — не завжди.

  3. Після запуску

    Гарантійне вікно — безкоштовно. Далі за зверненнями: задача, оцінка, робота. Абонемента немає.

Питання

Перед зверненням

Сайт — це ще й модель контенту, наповнення, налаштування та запуск. Тема — лише шар подання. Якщо потрібен сайт цілком, це розробки на WordPress; якщо потрібен код за готовим макетом або лад у наявному оформленні — ця сторінка.

Ваша. Вихідники у вашому репозиторії, використовувати й доопрацьовувати можна без обмежень і без мене.

Так, це критерій приймання, а не побажання: штатні механізми WordPress замість саморобних, зрозуміла структура, README. Тема, яку розуміє лише автор, — недороблена тема.

Змінюється подання, дані лишаються. Саме заради цього шаблони пишуться проти моделі контенту, а не проти конкретних сторінок.

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

За замовчуванням так — палітра, шкала й блоки задаються в theme.json. Класична тема робиться там, де до неї прив'язане наявне рішення; вибір фіксується в ТЗ, а не за замовчуванням.

Так, це звичайний випадок. Змінні макета стають змінними теми; розбіжності в макеті з'ясовуються до верстки.

За обсягом: кількість шаблонів, типів записів і блоків. Описали обсяг — ціна й термін названі та зафіксовані.

Поруч

Яка сторінка вам потрібна

  1. Розробка на WordPress

    Сайт цілком: модель контенту, сторінки, редактор і запуск. Звідси починають, коли бракує сайту, а не його частини.

  2. Плагіни WordPress

    Усе, що не стосується подання: типи записів, інтеграції, екрани адмінки, розширення WooCommerce і блоки Gutenberg.

Старт

Заповнити бриф

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

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