Адаптация HTML кода Claude на странице сайта на WordPress
Я не программист, при помощи Claude получилось улучшить визуал страницы Модульные офисы ( для экспериментов создал тестовую страницу https://blockmodul.com.ua/ua/ofm/ ), превратил скучную простыню текста на оформленные смысловые блоки с фото, добавил блок-таблицу цен и блок Реалізовані об’єкти.
Наш сайт на WordPress 6.9, изначально тут установлен Блок трансформер который видимо и усложняет жизнь - вносит ограничения в код Claude, блокирует CSS и Java скрипты.
Подробнее в файле т.з.
Приложения 1
-
Привет!
Готов взять Ваш проект, выполню в срочном порядке.
Опыт работы с подобными заданиями огромный, трудностей не возникнет.
Если я Вас заинтересовал, пишите, рад сотрудничать!
-
Интегрирую вашу готовую верстку от 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-структуру сайта.
По срокам и стоимости предлагаю окончательно определиться уже в процессе детального вникания в текущую реализацию — после просмотра кода и того, как именно у вас устроен Блок трансформер.
Главное — понимание задачи есть, направление правильное, помочь смогу.
-
95862 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 Здравствуйте. Выполню все быстро и качественно. Опыт работы с WordPress более 6 лет. Пишите)
-
3006 24 0 Приветствую. Ситуация знакомая: Claude отлично придумывает структуру блоков, но совершенно не знает, как устроена ваша тема WordPress, поэтому зашивает в код фиксированные размеры, которые и ломают мобильную верстку. «Блок трансформер» здесь ни при чем — это обычный конфликт стилей, когда десктопный код нейросети пытается разорвать мобильный экран Самсунга.
Готов полностью причесать тестовую страницу: починить адаптивность, уменьшить заголовки на смартфонах, перестроить блок объектов в аккуратный вертикальный ряд и настроить правильные отступы, не задев при этом SEO-структуру. Страницу от индекса закрою в два клика.
Главное: чтобы вы могли масштабировать этот стиль на другие рубрики без вечной помощи программистов, я не просто перепишу код, а вынесу правильные адаптивные стили в саму тему WordPress. Взамен подготовлю для вас четкую инструкцию и специальный текстовый шаблон (промпт) для Claude. Вы будете копировать его нейросети перед генерацией новых блоков, и она сразу станет выдавать код, который идеально садится в ваш сайт без багов и вылетов за рамки экрана.
-
6589 28 0 Задание понятное: HTML/CSS от Claude не работает корректно из-за Block Transformer, который режет стили и скрипты. Зайду на тестовую страницу, разберусь какие именно ограничения накладывает плагин, и адаптирую код так, чтобы блоки с фото, таблица цен и "Реализованные объекты" отображались правильно без конфликтов.
Скиньте доступ к админке (или хотя бы к редактору страницы) и ТЗ-файл — оценю точный объем после просмотра.
Актуальные фриланс-проекты в категории HTML и CSS верстка
365 bet
1500 UAH
1. Цель проекта Разработать веб-интерфейс демонстрационной платформы Betano спортивных ставок с: публичным экраном купона ставки; отображением одиночной и тройной ставки; админ-панелью для редактирования контента; возможностью быстро менять коэффициенты, события, статус и суммы;… HTML и CSS верстка, PHP ∙ 1 час 27 минут назад ∙ 17 ставок |
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОписание проекта: Ищем опытного WordPress-разработчика для верстки и посадки готового дизайн-макета из Figma на CMS WordPress. Важный контекст проекта: Это не разработка сайта с нуля. Компания имеет действующий сайт, мы обновляем структуру и дизайн. Нам необходимо реализовать… HTML и CSS верстка, Веб-программирование ∙ 3 часа 28 минут назад ∙ 38 ставок |
Перенос сайта с OpenCart на платформу ХорошопДобрый день. Есть сайт на OpenCart, интернет-магазин. Нужно перенести структуру сайта на платформу Хорошоп, подобрать дизайн для нового сайта и сделать его полноценно работающим. HTML и CSS верстка, Веб-программирование ∙ 1 день назад ∙ 27 ставок |
Нужен сильный специалист по WordPress / WooCommerce для доработки сайта MARSPROИщем ответственного фрилансера или небольшую команду для качественного завершения и технической доработки сайта компании MARSPRO. Сайт уже работает, но после предыдущего разработчика осталось много мелких и важных технических проблем. Нам нужен человек, который сможет не просто… CMS, HTML и CSS верстка ∙ 2 дня назад ∙ 44 ставки |
Sandra Ice Cream - Kaleidoscop
4132 UAH
У нас есть небольшой проект, и мы хотели бы узнать, сможете ли Вы подготовить для нас видеоролик для LED-экрана. Видео будет использоваться на нашем мероприятии. Мы предоставим все необходимые материалы: дизайн, брендбук, размеры и технические требования. Пожалуйста, сообщите,… HTML и CSS верстка ∙ 2 дня 2 часа назад ∙ 7 ставок |