Посадка готової верстки на WordPress
Всего 14 унікальних сторінок і 18 дублів (різний текст і картинки)
1. Загальні вимоги
- Посадити готову верстку на WordPress
- ВАЖЛИВО: Верстка вже готова (HTML + SCSS з БЕМ-методологією). Необхідно зберегти всю існуючу структуру класів, SCSS-файли та БЕМ-іменування без змін
- Реалізація у вигляді кастомної теми, без використання конструкторів (Elementor, WPBakery та ін.) і сторонніх тем
- Підтримка останньої версії WordPress та PHP 8+
- Кросбраузерність: Chrome, Firefox, Safari, Edge (останні версії)
2. Структура теми
В /wp-content/themes/ створити окрему папку теми.
Обов'язкові файли:
style.css(опис теми)functions.php(підключення стилів і скриптів, реєстрація меню, ACF тощо)index.phpheader.php,footer.phpfront-page.php(головна)page.php,single.php,archive.php
Верстка повинна бути розбита на семантичні частини та інтегрована в шаблони.
3. Збереження існуючої верстки
- ОБОВ'ЯЗКОВО зберегти всю SCSS-структуру як є
- НЕ перейменовувати БЕМ-класи (block__element--modifier)
- НЕ переписувати стилі під Bootstrap, Tailwind або інші фреймворки
- Зберегти процес компіляції SCSS → CSS
- Фінальні стилі повинні бути мініфіковані (
main.min.css)
4. Підключення CSS і JS
- Усі стилі та скрипти підключати через
functions.php(не хардкодити в шаблони) - Підключити
main.min.css,main.js - Виключити зайві бібліотеки, не використовувати jQuery без необхідності
5. Мультимовність
- Реалізувати підтримку 3 мов через плагін Polylang або WPML
- Налаштувати перемикач мов у хедері
- Усі тексти повинні бути перекладними через інтерфейс плагіна
- URL-структура:
/ru/,/en/,/uk/(або за погодженням)
6. Контент і управління (ACF)
Підключити плагін ACF (Advanced Custom Fields).
Зробити редагованими через ACF:
- Заголовки, тексти, кнопки
- Зображення, іконки
- Контентні блоки (Hero, Тарифи, FAQ, Контакти, Прайси тощо)
ACF Options Page для централізованого управління:
- Створити сторінку налаштувань для управління цінами (прайси)
- Поля:
price_basic,price_pro,price_premium - Ціни на всіх сторінках повинні підтягуватися з цих полів (міняти в одному місці)
- Налаштування повинні бути доступні для кожної мови
7. Форми зворотного зв'язку
- Встановити та налаштувати Contact Form 7 або аналог
- Інтегрувати форми в існуючу верстку (зберегти стилі та класи)
- Налаштувати відправку на email адміністратора
- Додати захист від спаму (reCAPTCHA або honeypot)
- Форми повинні працювати на всіх мовах
8. Меню та футер
- Головне меню реалізувати через
wp_nav_menu(), редаговане в адмінці - Окремі меню для кожної мови
- Футер — повністю редагований (тексти, посилання, іконки соцмереж)
9. SEO та мета-теги
- Сумісність з SEO-плагінами (Yoast або RankMath)
- Підключити favicon та базові мета-теги (title, description, Open Graph)
- Коректна структура заголовків (h1 один на сторінку, далі h2/h3)
- Підтримка sitemap.xml та robots.txt
- Налаштувати hreflang для мультимовності
10. Оптимізація
- CSS і JS мініфіковані (вже є в верстці — зберегти процес)
- Зображення в WebP, іконки в SVG (вже реалізовано — не ламати)
- Для всіх зображень, окрім першого екрану, використовувати
loading="lazy" - Підключати тільки потрібні шрифти, з
font-display: swap
11. Доступність
- Семантична верстка (header, main, footer, section) — вже є, зберегти
- Усі інтерактивні елементи доступні з клавіатури
- Не прибирати outline при фокусі
- У всіх картинок прописані alt, при необхідності використовувати aria-*
12. Тестування
- Прогнати сайт через W3C Validator (HTML та CSS)
- Перевірити адаптивність і роботу на мобільних пристроях
- Перевірити роботу перемикання мов
- Перевірити відправку форм на всіх мовах
- Перевірити сумісність з SEO-плагіном
- Перевірити коректне відображення при різних текстах і довжині контенту
13. Остаточна поставка
Що потрібно надати:
- Готова тема у вигляді архіву .zip, що встановлюється через адмінку WordPress
- Експорт усіх налаштувань ACF
- Інструкція для адміністратора українською мовою:
- Як редагувати контент через ACF
- Як оновлювати прайси (одне місце для всіх сторінок)
- Як редагувати меню та футер
- Як додавати переклади через Polylang/WPML
- Як працювати з формами зворотного зв'язку
⚠️ КРИТИЧНО ВАЖЛИВО
- НЕ ЧІПАТИ структуру SCSS і БЕМ-класи — вся верстка повинна залишитися як є
- НЕ ПЕРЕПИСУВАТИ стилі — тільки інтегрувати в WordPress
- НЕ ВИКОРИСТОВУВАТИ візуальні конструктори та page builders
- Усі зміни в верстці погоджувати заздалегідь
Відгук замовника про співпрацю з Vladislav K.
Посадка готової верстки на WordPressРоботою повністю задоволений. Було виконано великий обсяг роботи, понад 30 сторінок. Усе зроблено якісно, видно, що виконавець старався на кожному етапі. Завжди був на зв’язку, дуже приємний у комунікації та максимально відповідальний. Усі правки внесено чітко та вчасно. Можу впевнено рекомендувати співпрацю з ним.
Відгук фрилансера про співпрацю з Vlad Aleksandrov
Посадка готової верстки на WordPressВладислав чудовий замовник. Завжди був на зв'язку, завдання поставлено зрозуміло. Дуже приємна співпраця, рекомендую!
-
431 1 0 Вітаю!
Маю досвід у розробці кастомних WordPress-тем із готової верстки (HTML + SCSS, БЕМ). Готовий якісно інтегрувати ваш макет у WordPress, зберігши наявну структуру стилів та процес компіляції.
Що отримаєте:
- Кастомна тема WordPress без сторонніх конструкторів і тем.
- Повна підтримка PHP 8+, останньої версії WP.
… - Підключення ACF (у тому числі Options Page для прайсів) із можливістю редагування всіх блоків.
- Мультимовність (Polylang/WPML) з перемикачем мов.
- Форми Contact Form 7 з антиспам-захистом.
- Редаговане меню, футер, SEO-сумісність.
- Оптимізація: lazy loading, мінімізація CSS/JS, WebP.
- Фінальний архів теми + інструкція для адміністратора.
Але хотілось би переглянути верстку, перш ніж давати точну оцінку проєкту. Тому поки що ставлю приблизно.
-
6403 82 3 3 Добрий день!
Готовий виконати задачу по створенню кастомної теми / інтеграції верстки з Wordpress.
Умови зрозумілі.
З повагою, Іван
-
1405 18 0 Привіт. Можу інтегрувати верстку у кастомну тему. Не використовую пейджбілдери. Для інтеграції використовую acf. Досвід інтеграції 7 років.
Пишіть і обговоримо все детально.
-
146 Привіт!
Ми — IT-студія, працюємо офіційно і маємо більше 5 років досвіду з WordPress.
Готові інтегрувати вашу верстку (HTML + SCSS, БЕМ) у вигляді кастомної теми без використання конструкторів. За необхідності можемо провести дзвінок з технічним спеціалістом.
Будемо раді співпраці!
-
1125 30 2 Доброго дня!
Зроблю посадку готової верстки на WordPress відповідно до ТЗ.
Буду радий співпраці.
Звертайтеся.
-
95799 1272 1 10 Привіт. Є великий досвід у розробці сайтів на Wordpress/ACF. Готовий до співпраці
-
1602 31 1 Доброго дня, веб-програмуванні вже більше 9 років
Працюю з rest api, фреймворками та cms такими як django, laravel, yii2, wp, opencart, codegnither тощо. Готовий виконати завдання.
Від вас потрібен доступ до ftp та адмінки
Відгуки:Freelancehunt
-
7672 16 0 1 Вітаю.
Ознайомився із завданням
Скиньте макети ознайомитись
----------------------------------
Приватний розробник веб-сайтів. Досвід – 10 років.
Дизайн, верстка, розробка сайтів Wordpress.
-
8103 38 0 1 Посаджу верстку все максимально корректно і без змін css/js (можливо щось мінімально) використаю волкери для меню занеобх ось останні роботи
https://doors.pprintdim.com
https://pro100moversprod.te-test.com
І ще купа посадок буде готової верстки в майб (ін проекти де я на етапах посадки)
-
11628 110 0 Вітаю, Влад!
Посадимо готову верстку на WordPress.
Згідно всіх ваших вимог.
Для точної оцінки потрібно бачити верстку.
З повагою, Тетяна.
-
6082 54 0 Добрий день, чи можете показати саму верстку? Щоб точніше оцінити Ваш проект
-
2847 63 5 Привіт! Працюю з wordpress з 2014 року, можу посадити верстку зробити все відповідно до ТЗ? Поставити потрібні плагіни і передати вам робочий проект, звертайтеся! До роботи готовий приступити зараз
-
373 2 0 Вітаю
Займаюсь розробкою 7 років
Із задоволенням реалізую ваш проєкт
Можу почати сьогодні!
-
585 5 0 Доброго дня, готовий виконати посадку верстки, з урахуванням вимог. Досвід роботи з ВордПресс 5 років. Мої роботи:
https://lastname.pp.ua/
Ціну і терміни можна уточнити після обговорення. Зараз вільний для роботи.
-
12231 96 0 Привіт!
Ціна приблизна, якщо потрібно можу зробити через Гнучкий вміст. Ціни можна зробити у вигляді окремої Запису і додавати через Об'єкт - тоді буде все централізовано.
-
4188 46 0 Зроблю акуратну посадку вашої готової HTML+SCSS верстки на WordPress у вигляді кастомної теми без конструкторів, строго зберігаючи БЕМ-іменування та структуру SCSS без змін. Розіб'ю верстку на шаблони (header, footer, front-page, page, single, archive), підключу assets через functions.php, збережу процес компіляції SCSS→CSS з мініфікацією в main.min.css і виключу зайві бібліотеки (jQuery — тільки при реальній необхідності). Реалізую мультимовність на 3 мови (Polylang або WPML) з URL /ru /en /uk і перемикачем у хедері; весь контент буде перекладним. Підключу ACF: зроблю редагованими тексти, зображення та блоки, створю ACF Options Page з полями price\_basic / price\_pro / price\_premium — ціни будуть підтягуються на всіх сторінках і для кожної мови окремо. Інтегрую форми (Contact Form 7) в існуючу верстку, налаштую відправку на email і захист від спаму. Налаштую меню для кожної мови і повністю редагований футер. Забезпечу SEO-сумісність (Yoast/RankMath), коректні теги title/description/OG, hreflang, sitemap/robots та ієрархію заголовків. Збережу оптимізацію та доступність: мініфікація, WebP/SVG, lazy-loading, font-display: swap, фокус-обводка та alt/ARIA. Протестую W3C Validator, адаптивність і кросбраузерність (Chrome, Firefox, Safari, Edge), перемикання мов та відправку форм. На виході ви отримаєте встановлюваний .zip теми, експорт налаштувань ACF та зрозумілу інструкцію українською по редагуванню контенту, прайсів, меню/футера та перекладів. Працюючи педантично і в рамках ТЗ, гарантую чисту інтеграцію без ламання верстки — обирайте мене, якщо важливі точність і передбачуваний результат.
-
12600 229 1 Доброго дня.
Я ознайомився з вашим завданням.
Можу виконати все швидко і якісно.
В роботі я використовую ACF для редагування контенту.
Інші пункти будуть виконані згідно завдання.
Для точної оцінки покажіть саму верстку.
Звертайтесь.
-
740 3 0 Привіт!
Ознайомився з проектом. Верстка вже готова, кастомна тема без конструкторів з збереженням SCSS та БЕМ-класів — реалізовано.
Готовий розпочати після обговорення деталей.
-
9368 298 1 1 Доброго дня. Готовий розпочати роботу. Маю великий досвід у посадці сайтів на WP. Посаджу за допомогою ACF, виведу всю можливу інформацію в адмінку і все налаштуємо, з підказками та автозаповненням. Можна побачити верстку для оцінки обсягу робіт? Звертайтеся, обговоримо деталі!
-
10946 224 0 1 Добрий день. Покажіть макет)
І я так розумію верстка вже готова, так? Якщо так, то ніяких змін в стилі не буде зроблено
-
Добрий день, покажіть, будь ласка, верстку для оцінки об'ємів роботи
-
Актуальні фриланс-проєкти в категорії PHP
Зробити щоб листи про замовлення з магазину не потрапляли в спамЗараз є магазин на опенкарті, листи про замовлення потрапляють до спаму, треба зробити так щоб потрапляли в Вхідні (ukr.net gmail) перевірити. хостинг написав: Погана доставка електронної пошти може бути пов'язана з низькою репутацією відправника - IP або домену. У такому… PHP, Веб-програмування ∙ 10 годин 41 хвилина тому ∙ 44 ставки |
Перенести повністю готову адаптивну HTML5-структуру в WordPress.
12 000 UAH
Я шукаю досвідченого WordPress-розробника, який зможе перетворити наш ретельно підготовлений статичний HTML5/CSS3 код у високопродуктивну кастомну WordPress-тему. Фронтенд уже практично готовий (приблизно 99%): семантична розмітка, метадані та мультимовна структура (hreflang)… CMS, PHP ∙ 3 дні 12 годин тому ∙ 69 ставок |
Інтеграція GoPosПривіт, робив хтось інтеграцію GoPos з кастомним сайтом для ресторану в Польщі? Потрібна допомога, у них дуже скудна документація, є тільки swagger і той без описів https://app.gopos.io/doc/swagger-ui/index.html Суть така, використовували від них сайт для онлайн замовлень, якщо… PHP, Веб-програмування ∙ 4 дні 4 години тому ∙ 25 ставок |
Прописати мета дані АЛЬТ за допомогою ІІСайт на Laravel, на сайті багато зображень, для яких потрібно прописати коректні за семантикою та релевантні для сторінки АЛЬТ описання зображення в автоматичному режимі, з можливістю перевірки AI та машинне навчання, PHP ∙ 5 днів 1 година тому ∙ 35 ставок |
Потрібен розробник для завершення та інтеграції проєкту з автоматичного збору й обробки данних
700 UAH
Основна частина парсера вже реалізована. Парсер працює на Windows-середовищі через Microsoft Edge: сайт має антибот-захист, тому збір даних виконується не прямими HTTP-запитами, а через живу браузерну сесію. Скрипти керують відкритою вкладкою Edge через Chrome DevTools Protocol,… PHP, Веб-програмування ∙ 5 днів 7 годин тому ∙ 26 ставок |