Adaptacja kodu HTML Claude na stronie internetowej w WordPressie
Nie jestem programistą, dzięki Claude udało się poprawić wizualizację strony Modułowe biura (dla eksperymentów stworzyłem stronę testową https://blockmodul.com.ua/ua/ofm/), zamieniłem nudny tekst na uporządkowane bloki treści z zdjęciami, dodałem blok-tabelę cen oraz blok Zrealizowane obiekty.
Nasza strona na WordPress 6.9, początkowo zainstalowany jest blok transformator, który najwyraźniej komplikuje życie - wprowadza ograniczenia w kodzie Claude, blokuje CSS i skrypty Java.
Szczegóły w pliku t.z.
Załączniki 1
-
Cześć!\nJestem gotów zająć się Twoim projektem, wykonam go w trybie pilnym.\nMam ogromne doświadczenie w pracy z podobnymi zadaniami, nie będzie żadnych trudności.\nJeśli Cię zainteresowałem, pisz, chętnie nawiążę współpracę!
-
Integruję wasz gotowy layout od Claude w ekosystem WordPress, omijając ograniczenia wizualnego konstruktora, aby poprawnie wyświetlić wszystkie style CSS i skrypty bez uszkodzenia sąsiednich stron.
Wasz obecny „Blok transformator” fizycznie wycina kod użytkownika przez wewnętrzne filtry bezpieczeństwa podczas zapisywania strony, czy problem polega na tym, że globalne style motywu przymusowo nadpisują klasy, które wygenerowała sieć neuronowa dla tabel i bloków zdjęć?
Budżet i terminy — w prywatnej korespondencji.
Podobne wykonane zlecenie: В модулі OpenCart виправити 5 проблем повязаних з Facebook API
-
Cześć. Chętnie pomogę z zadaniem.\nKoszt — 2000 UAH.\nTermin wykonania — 1–2 dni.
-
8859 179 0 Witam. Mogę dzisiaj rozpocząć realizację projektu.
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/
Prace w portfolio profilu. W razie potrzeby mogę dostarczyć pełniejsze portfolio.
Proszę o kontakt.
-
1453 1 0 Cześć. Przyjrzałem się zadaniu — wszystko jest do zrealizowania. Jestem gotów dołączyć i rozpocząć pracę już teraz. Widzę, że problem leży w adaptacji kodu w obecnej strukturze WordPress i ograniczeniach Bloku Transformera, ale to da się rozwiązać bez utraty SEO i obecnego wyglądu.
Zrobimy poprawną adaptację na urządzenia mobilne, poprawimy wyświetlanie tekstu, rozmiary nagłówków, dostosujemy blok "Zrealizowane obiekty" do wersji mobilnej i desktopowej, a także przygotujemy wszystko tak, aby w przyszłości można było spokojnie wstawiać podobne bloki od Claude bez ciągłych konfliktów ze stylami i skryptami.
Zamkniemy również stronę testową przed indeksowaniem i starannie zachowamy strukturę SEO strony.
Co do terminów i kosztów, proponuję ostatecznie ustalić to już w trakcie szczegółowego zapoznawania się z obecną realizacją — po obejrzeniu kodu i tego, jak dokładnie macie zorganizowany Blok Transformer. Najważniejsze — rozumiem zadanie, kierunek jest właściwy, mogę pomóc.
-
95862 1272 1 10 Hello. I have extensive experience with WordPress. I am ready for collaboration.
-
716 4 0 Problem, który macie, jest typowy dla stron WordPress z wizualnymi konstruktorami i niestandardowymi blokami – Claude generuje dobry HTML/CSS, ale Blok transformator i motyw strony częściowo konfliktują ze stylami, ograniczają responsywność i psują wyświetlanie na urządzeniach mobilnych. Specjalizuję się w takich poprawkach, kiedy trzeba nie tylko "poprawić układ", ale stworzyć uniwersalny system, który pozwoli w przyszłości szybko wdrażać nowe strony generowane przez AI bez ciągłych błędów i ręcznego przerabiania każdego bloku.
Obecnie macie już dobrą bazę pod względem designu i struktury, dlatego zadanie rozwiązuje się znacznie szybciej. Dostosuję obecny kod HTML do architektury WordPress i cech waszego Blok transformatora, poprawię konfliktujące style, skonfiguruję poprawną responsywność dla wszystkich rozdzielczości, w tym Samsung Ultra i innych szerokich ekranów mobilnych. Nagłówki będą automatycznie skalowane do urządzenia, tekst przestanie wychodzić poza granice ekranu, a blok "Zrealizowane obiekty" będzie działał zgodnie z logiką głównej strony – z poprawnym przestawieniem kart w wersji mobilnej i przeniesieniem przycisków na dół. Dodatkowo zostaną skonfigurowane poprawne marginesy i responsywność dla rozdzielczości desktopowych.
Osobno ważne jest to, że uczynię system bardziej odpornym na przyszłe wstawki kodu HTML od Claude. To znaczy, będziecie mogli dalej eksperymentować z nowymi stronami i kategoriami, ale już bez typowych problemów z adaptacją, skalowaniem i konfliktami CSS. W razie potrzeby przygotuję instrukcję do dalszej integracji nowych bloków.
Plan pracy:
1. Analiza obecnej struktury WordPress, motywu i Blok transformatora.
… 2. Wyszukiwanie konfliktów CSS i ograniczeń konstruktora.
3. Dostosowanie HTML/CSS do poprawnej responsywnej pracy.
4. Poprawa mobilnego wyświetlania tekstu i nagłówków.
5. Przeróbka bloku "Zrealizowane obiekty" pod urządzenia mobilne.
6. Konfiguracja poprawnych marginesów desktopowych i siatki bloków.
7. Zablokowanie strony testowej przed indeksowaniem bez szkody dla SEO.
8. Sprawdzenie meta danych, nagłówków i struktury strony.
9. Stworzenie uniwersalnego schematu dla przyszłych stron AI.
10. Przygotowanie instrukcji do dalszej integracji.
-
726 9 1 Cześć! Twój projekt wzbudził moje duże zainteresowanie. Jestem gotów natychmiast rozpocząć pracę i zapewnić wysoką jakość wykonania.
-
5956 78 0 1 Dzień dobry, rozwijam strony na WordPressie od ponad 7 lat. Mogę zainstalować twój kod na WP i wszystko zrobię.
-
3475 32 0 Maxim, witam, mam doświadczenie w tworzeniu na WP od 2016 roku, jeszcze przed narzędziami AI, mogę zintegrować stronę bez problemów, zgodnie ze wszystkimi zasadami rdzenia WP, pisz po szczegóły, będę zadowolony ze współpracy
-
702 1 0 Cześć! Mam doświadczenie w pracy z WordPressem. Jestem gotów do współpracy. Proponuję lojalną cenę i wysoką jakość pracy.
Piszcie)
-
289 Cześć, jestem gotowa zająć się Claude na WordPressie i wszystko skonfigurować.
Prace:
* elenis.com.ua
* kontur-sb.com.ua
* ald.com.ua
* diy-ceiling.com.ua
* newbornk.com
Stos technologiczny:
… Projektowanie stron: Figma / Photoshop
Kodowanie: HTML, CSS, PHP, C#, JavaScript, SQL, Sass/SCSS, LESS.
WordPress - Elementor - WooCommerce
OpenCart
Shopify
Webflow
WIX
Szczegóły możemy omówić w wiadomościach prywatnych!
-
843 4 0 1 Witam. Zapoznałem się z Państwa specyfikacją i zrzutami ekranu. Problem jest całkowicie zrozumiały: Państwa "Blok transformator" wycina tagi, w których Claude zapisuje zapytania medialne dla mobilnej adaptacji. Z tego powodu kod działa jak czysto desktopowy, tekst łamie układ, a karty nie przekształcają się w kolumnę. Nie ma potrzeby rozwiązywać tego problemu za pomocą obejść lub próbować omijać wtyczkę. Przepisałem Państwa kod HTML, używając "elastycznych" stylów inline. Dla nagłówków i tekstu zastosuję funkcję CSS clamp() — sprawi to, że czcionki będą płynnie skalować się w zależności od ekranu bez użycia blokowanych zapytań medialnych. Blok "Zrealizowane obiekty" przekształcę na elastyczny Flexbox (flex-wrap). Na komputerze osobistym zachowa on Państwa marginesy, a na urządzeniach mobilnych karty będą automatycznie "spadać" jedna pod drugą, przesuwając przycisk w dół. Zablokujemy indeksowanie strony standardową wtyczką All in One SEO (jest ona widoczna na zrzucie ekranu panelu administracyjnego), aby nie dotykać meta-tagów i nie zaszkodzić ogólnemu SEO. Najważniejsze: po zakończeniu pracy napiszę dla Państwa specjalną instrukcję (systemowy prompt) dla Claude. W przyszłości będą Państwo po prostu wstawiać ten prompt przed generowaniem, a Claude od razu wyda kod, który idealnie wpasuje się w Państwa Blok transformator bez błędów. Koszt pracy: 2500 UAH. Co do terminów: zrobię to dzisiaj/jutro. Od Państwa potrzebny będzie tylko kod źródłowy ze strony i (najlepiej) tymczasowy dostęp do WP, abym mógł od razu sprawdzić wyświetlanie. Jestem gotów do pracy.
-
1333 45 2 Witam. Wykonam wszystko szybko i jakościowo. Doświadczenie w pracy z WordPressem ponad 6 lat. Piszcie)
-
3006 24 0 Witam. Sytuacja znajoma: Claude świetnie wymyśla strukturę bloków, ale zupełnie nie zna się na tym, jak działa wasz motyw WordPress, dlatego wprowadza do kodu stałe rozmiary, które psują mobilny układ. „Blok transformator” nie ma tu nic do rzeczy — to zwykły konflikt stylów, gdy kod desktopowy sieci neuronowej próbuje rozciągnąć mobilny ekran Samsunga.
Jestem gotów całkowicie poprawić stronę testową: naprawić responsywność, zmniejszyć nagłówki na smartfonach, przekształcić blok obiektów w schludny pionowy rząd i ustawić odpowiednie marginesy, nie naruszając przy tym struktury SEO. Zablokuję stronę przed indeksowaniem w dwa kliknięcia.
Najważniejsze: abyście mogli skalować ten styl na inne kategorie bez wiecznej pomocy programistów, nie tylko przepiszę kod, ale wyciągnę odpowiednie responsywne style do samego motywu WordPress. W zamian przygotuję dla was jasną instrukcję i specjalny szablon tekstowy (prompt) dla Claude'a. Będziecie go kopiować do sieci neuronowej przed generowaniem nowych bloków, a ona od razu zacznie wydawać kod, który idealnie wpasowuje się w waszą stronę bez błędów i wyjść poza ekran.
-
6589 28 0 Zadanie jest zrozumiałe: HTML/CSS od Claude nie działa poprawnie z powodu Block Transformer, który tnie style i skrypty. Wejdę na stronę testową, zrozumiem, jakie dokładnie ograniczenia nakłada wtyczka i dostosuję kod tak, aby bloki ze zdjęciami, tabela cen i "Zrealizowane obiekty" były wyświetlane poprawnie bez konfliktów.
Proszę o dostęp do panelu administracyjnego (lub przynajmniej do edytora strony) oraz plik z wymaganiami — ocenię dokładny zakres po przeglądzie.
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
365 zakład
124 PLN
1. Cel projektu Opracowanie interfejsu internetowego platformy demonstracyjnej Betano zakładów sportowych z: publicznym ekranem kuponu zakładu; wyświetlaniem zakładu pojedynczego i potrójnego; panelem administracyjnym do edytowania treści; możliwością szybkiej zmiany kursów,… Układ HTML i CSS, PHP ∙ 7 minut temu ∙ 3 oferty |
Wykonanie i wdrożenie strony internetowej firmy budowlanej (segment premium) na WordPressie z naciskiem na SEOOpis projektu: Szukamy doświadczonego dewelopera WordPress do wdrożenia i osadzenia gotowego projektu graficznego z Figma na CMS WordPress. Ważny kontekst projektu: To nie jest rozwój strony od podstaw. Firma ma działającą stronę, aktualizujemy strukturę i design. Musimy… Układ HTML i CSS, Programowanie stron internetowych ∙ 2 godziny 8 minut temu ∙ 34 oferty |
Przeniesienie strony z OpenCart na platformę KhoroshopDzień dobry. Jest strona na OpenCart, sklep internetowy. Należy przenieść strukturę strony na platformę GoodShop, dobrać design dla nowej strony i uczynić ją w pełni funkcjonalną. Układ HTML i CSS, Programowanie stron internetowych ∙ 22 godziny 46 minut temu ∙ 27 ofert |
Potrzebny silny specjalista WordPress / WooCommerce do dopracowania strony MARSPROPoszukujemy odpowiedzialnego freelancera lub małego zespołu do jakościowego zakończenia i technicznego dopracowania strony internetowej firmy MARSPRO. Strona już działa, ale po poprzednim deweloperze pozostało wiele drobnych i ważnych problemów technicznych. Potrzebujemy osoby,… Content Management Systems, Układ HTML i CSS ∙ 1 dzień 23 godziny temu ∙ 44 oferty |
Sandra Lody - Kalejdoskop
342 PLN
Mamy mały projekt i chcielibyśmy wiedzieć, czy moglibyście przygotować dla nas wideo na ekran LED. Wideo będzie używane na naszym wydarzeniu. Dostarczymy wszystkie niezbędne materiały: projekt, księgę znaku, wymiary i wymagania techniczne. Proszę dać znać, czy jesteście dostępni… Układ HTML i CSS ∙ 2 dni temu ∙ 7 ofert |