Адаптація HTML коду Claude на сторінці сайту на WordPress
Я не програміст, за допомогою Claude вдалося покращити візуалізацію сторінки Модульні офіси (для експериментів створив тестову сторінку https://blockmodul.com.ua/ua/ofm/), перетворив нудну простиню тексту на оформлені смислові блоки з фото, додав блок-таблицю цін і блок Реалізовані об’єкти.
Наш сайт на WordPress 6.9, спочатку тут встановлений Блок трансформер, який, очевидно, ускладнює життя - вносить обмеження в код Claude, блокує CSS і Java скрипти.
Докладніше у файлі т.з.
Додатки 1
-
Привіт!
Готовий взяти Ваш проект, виконаю у терміновому порядку.
Досвід роботи з подібними завданнями величезний, труднощів не виникне.
Якщо я Вас зацікавив, пишiть, радий співпрацювати!
-
Інтегрую вашу готову верстку від Claude в екосистему WordPress, обійшовши обмеження візуального конструктора для коректного відображення всіх CSS-стилів і скриптів без поломки сусідніх сторінок.
Ваш поточний «Блок трансформер» фізично вирізає користувацький код через внутрішні фільтри безпеки при збереженні сторінки, або проблема полягає в тому, що глобальні стилі теми примусово перебивають класи, які згенерувала нейромережа для таблиць і фотоблоків?
Бюджет і терміни — в особистій переписці.
Схожий виконаний проєкт: В модулі OpenCart виправити 5 проблем повязаних з Facebook API
-
Доброго дня. Готовий допомогти з завданням.
Вартість — 2000 грн.
Термін виконання — 1–2 дні.
-
8859 179 0 Вітаю. Можу сьогодні розпочати виконання проекту.
https://wow-wedding.com/
https://premier-development.com.ua/
https://halfee.ua/
https://hokkaido-club.ua/
https://asterio.design/
https://providnyk.surf/
https://www.pekuno.com/
… https://bobo.ua/
https://sambir.ua/
https://psg-ua.com/
Роботи в портфоліо профілю. За потребою надам більш повне портфоліо.
Звертайтесь
-
1453 1 0 Доброго дня. Подивився задачу — все реалізовно.
Готовий підключитися і почати роботу вже зараз. Бачу, що проблема в адаптації коду всередині поточної структури WordPress і обмеженнях Блоку Трансформера, але це вирішується без втрати SEO і поточного оформлення.
Зробимо коректний адаптив під мобільні пристрої, поправимо виїзди тексту, розміри заголовків, адаптуємо блок “Реалізовані об'єкти” під мобайл і десктоп, а також підготуємо все так, щоб у майбутньому можна було спокійно вставляти подібні блоки від Claude без постійних конфліктів зі стилями і скриптами.
Також закриємо тестову сторінку від індексації і акуратно збережемо SEO-структуру сайту.
По термінах і вартості пропоную остаточно визначитися вже в процесі детального вникання в поточну реалізацію — після перегляду коду і того, як саме у вас влаштований Блок трансформер.
Головне — розуміння задачі є, напрямок правильний, допомогти зможу.
-
95799 1272 1 10 Привіт. Маю великий досвід з Вордпресом. Готовий до співпраці.
-
716 4 0 Проблема у вас типова для WordPress сайтів з візуальними конструкторами та кастомними блоками – Claude генерує хороший HTML/CSS, але Блок трансформер і тема сайту частково конфліктують зі стилями, обмежують адаптивність і ламають відображення на мобільних пристроях. Я якраз спеціалізуюсь на подібних доопрацюваннях, коли потрібно не просто “підправити верстку”, а зробити універсальну систему, яка дозволить у майбутньому швидко впроваджувати нові AI-сгенеровані сторінки без постійних багів і ручної переробки кожного блоку.
Зараз у вас вже є хороша база по дизайну і структурі, тому задача вирішується значно швидше. Я адаптую поточний HTML код під архітектуру WordPress і особливості вашого Блок трансформера, виправлю конфліктуючі стилі, налаштуваю коректний responsive для всіх розширень, включаючи Samsung Ultra та інші широкі мобільні екрани. Заголовки будуть автоматично масштабуватися під пристрій, текст перестане виходити за межі екрану, а блок “Реалізовані об'єкти” буде працювати за логікою головної сторінки сайту – з правильною перебудовою карток у мобільній версії та перенесенням кнопок вниз. Додатково будуть налаштовані коректні відступи та адаптив для desktop розширень.
Окремо важливо те, що я зроблю систему більш стійкою для майбутніх вставок HTML коду від Claude. Тобто ви зможете і далі експериментувати з новими сторінками та рубриками, але вже без типових проблем з адаптацією, масштабуванням і конфліктами CSS. За необхідності підготую інструкцію по подальшій інтеграції нових блоків.
План роботи:
Аналіз поточної структури WordPress, теми та Блок трансформера.
… Пошук конфліктів CSS та обмежень конструктора.
Адаптація HTML/CSS до коректної responsive роботи.
Виправлення мобільного відображення тексту та заголовків.
Переробка блоку “Реалізовані об'єкти” під мобільні пристрої.
Налаштування коректних desktop відступів та сітки блоків.
Закриття тестової сторінки від індексації без шкоди SEO.
Перевірка meta даних, заголовків та структури сторінки.
Створення універсальної схеми для майбутніх AI сторінок.
Підготовка інструкції по подальшій інтеграції.
-
726 9 1 Привіт! Ваш проект викликав у мене великий інтерес. Готовий негайно розпочати роботу та забезпечити високу якість виконання.
-
5956 78 0 1 Доброго дня, розробляю сайти на Вродпрес більше 7 років
Можу поставити ваш код на ВП і все зроблю
-
3475 32 0 Максим, вітаю, маю досвід розробки на WP з 2016 року, ще до AI інструментів, зможу інтегрувати сторінку без проблем, та по всім правилам wp ядра, пишіть для деталей, буду радий співпраці
-
702 1 0 Вітаю! Маю досвід роботи з wordpress. Готовий до співпраці. Пропоную лояльнун ціну та якісну роботу.
Пишіть)
-
289 Вітаю, готова розібратись в Claude на WordPress і все налаштувати.
Роботи:
* elenis.com.ua
* kontur-sb.com.ua
* ald.com.ua
* diy-ceiling.com.ua
* newbornk.com
Стек:
… Дизайн сайтів: Figma / Photoshop
Верстка: HTML, CSS, PHP, C#, JavaScript, SQL, Sass/SCSS, LESS.
WordPress - Elementor - WooCommerce
OpenCart
Shopify
Webflow
WIX
Детально можемо обговорити в особистих повідомленнях!
-
843 4 0 1 Доброго дня. Ознайомився з вашим ТЗ та скріншотами. Проблема абсолютно зрозуміла: ваш "Блок трансформер" вирізає теги, в яких Claude прописує медіа-запити для мобільної адаптації. Через це код працює як чисто десктопний, текст ламає верстку, а картки не перестраюються в колонку.
Розв'язувати цю проблему костилями або намагатися обійти плагін не потрібно. Я перепишу ваш HTML-код з використанням "резинових" інлайн-стилів.
Для заголовків і тексту я застосую CSS-функцію clamp() — вона змусить шрифти плавно масштабуватися в залежності від екрану без використання блокованих медіа-запитів.
Блок "Реалізовані об'єкти" переведу на гнучкий Flexbox (flex-wrap). На ПК він буде тримати ваші відступи, а на мобільних пристроях картки будуть автоматично "падати" одна під одну, переміщуючи кнопку вниз.
Від індексації сторінку закриємо штатним плагіном All in One SEO (він є у вас на скріншоті адмінки), щоб не чіпати мета-теги і не зашкодити загальному SEO.
Найголовніше: по завершенню роботи я напишу для вас спеціальну інструкцію (системний промпт) для Claude. У майбутньому ви просто будете вставляти цей промпт перед генерацією, і Claude відразу буде видавати код, який ідеально встане у ваш Блок трансформер без помилок.
Вартість роботи: 2500 грн. Щодо термінів: зроблю за сьогодні/завтра. Від вас знадобиться тільки вихідний код зі сторінки і (бажано) тимчасовий доступ у WP, щоб я одразу перевірив відображення. Готовий приступити.
-
1333 45 2 Вітаю. Виконаю все швидко та якісно. Досвід роботи з вордпрес більше 6 років. Пишіть)
-
3006 24 0 Вітаю. Ситуація знайома: Claude відмінно вигадує структуру блоків, але зовсім не знає, як влаштована ваша тема WordPress, тому зашиває в код фіксовані розміри, які і ламають мобільну верстку. «Блок трансформер» тут ні при чому — це звичайний конфлікт стилів, коли десктопний код нейромережі намагається розірвати мобільний екран Самсунга.
Готовий повністю прибрати тестову сторінку: полагодити адаптивність, зменшити заголовки на смартфонах, перебудувати блок об'єктів в акуратний вертикальний ряд і налаштувати правильні відступи, не зачіпаючи при цьому SEO-структуру. Сторінку від індекса закрию в два кліки.
Головне: щоб ви могли масштабувати цей стиль на інші рубрики без вічної допомоги програмістів, я не просто перепишу код, а винесу правильні адаптивні стилі в саму тему WordPress. Натомість підготую для вас чітку інструкцію і спеціальний текстовий шаблон (промпт) для Claude. Ви будете копіювати його нейромережі перед генерацією нових блоків, і вона відразу почне видавати код, який ідеально вписується у ваш сайт без багів і вилетів за межі екрану.
-
6589 28 0 Завдання зрозуміле: HTML/CSS від Claude не працює коректно через Block Transformer, який ріже стилі та скрипти. Зайду на тестову сторінку, розберусь які саме обмеження накладає плагін, і адаптую код так, щоб блоки з фото, таблиця цін і "Реалізовані об'єкти" відображались правильно без конфліктів.
Скиньте доступ до адмінки (або хоча б до редактора сторінки) і ТЗ-файл — оціню точний обсяг після перегляду.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Адаптивна верстка сайту з анімацієюПотрібно сверстати сайт за готовим дизайном з Figma. Адмінка сайту - Laravel - viar-art.pl Сайт має бути сучасним, адаптивним, швидким і зручним для користувача. Верстка повинна точно відповідати макету, коректно відображатися на мобільних пристроях, планшетах і комп'ютерах.… HTML та CSS верстання, Створення сайту під ключ ∙ 1 година 55 хвилин тому ∙ 41 ставка |
Оновити кастомний фронтенд на Prestashop
10 000 UAH
Потрібно доопрацювати та оновити кастомну тему інтернет-магазину на PrestaShop. Дизайн вже існує, але були внесені правки (вирівнювання елементів, UI-адаптації), які потрібно акуратно інтегрувати та довести до стабільного вигляду. Задачі: Оновлення та оптимізація кастомної теми… HTML та CSS верстання ∙ 7 годин 16 хвилин тому ∙ 25 ставок |
Webflow розробник для заповнення сторінок портфоліо на сайтіЄ сайт розроблений кастомно на вебфлоу для будівельної компанії, потрібно швидко заповнити сторінки проектів за одним шаблоном (замінити картинки і тексти) Для 2 мов Кількість - 6 штук Готові починати asap, дякую! HTML та CSS верстання, Веб-програмування ∙ 2 дні 1 година тому ∙ 50 ставок |
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОпис проєкту:Шукаємо досвідченого WordPress-розробника для верстки та посадки готового дизайн-макета з Figma на CMS WordPress. Важливий контекст проєкту:Це не розробка сайту з нуля. Компанія має діючий сайт, ми оновлюємо структуру та дизайн. Нам необхідно реалізувати головну… HTML та CSS верстання, Веб-програмування ∙ 2 дні 6 годин тому ∙ 78 ставок |
Переніс сайта з опенкарту на платформу ХорошопДобрий день. Є сайт на опенкарті, інтернет магазин. Потрібно перенести струкутуру сайту на платформу хорошоп, підібрати дизайн для нового сайту та зробити його повноцінно працюючим HTML та CSS верстання, Веб-програмування ∙ 3 дні 3 години тому ∙ 43 ставки |