Pięć artykułów AI — od treści do publikacji w WordPressie

Punkt wyjścia

Do projektu trafił podgląd pięciu artykułów o ChatGPT, Claude, Gemini, Grok i NotebookLM. To dostarczony plik HTML był źródłem treści. Zadaniem było uporządkowanie materiałów, przygotowanie oprawy wizualnej i złożenie ich w WordPressie, tak żeby wpisy dało się normalnie czytać również na telefonie.

Artykuły miały najpierw powstać jako szkice. News było istniejącym miejscem ich publikacji, a Programy miały później dawać dostęp do tych samych tekstów. Nie było powodu, żeby tworzyć drugi egzemplarz każdego artykułu.

Co robiliśmy

Zachowano oryginalne akapity, cytaty i po 12 głównych sekcji każdego tekstu. Dodano spisy treści, czytelny podział oraz materiały wizualne dopasowane do konkretnych fragmentów. Każdy artykuł otrzymał jedną główną ilustrację i osiem edytowalnych bloków w środku.

• Przygotowano pięć ilustracji w jednej rodzinie: papier, ciemna zieleń i złote detale.
• W środku znalazły się porównania, schematy kroków, tabele, checklisty i podsumowania.
• Ustawiono tytuły, slugi, kategorię News, zajawki i obrazy wyróżniające.
• Każdy wpis połączono z istniejącym Programem przez jedno pole ACF.
• Po sprawdzeniu Rafał zatwierdził publikację pięciu przygotowanych tekstów.

1. Materiał źródłowyPięć dostarczonych artykułów w pliku HTML.
2. SzkiceUkład, hero, osiem bloków wizualnych i testy.
3. PublikacjaZgoda Rafała, pięć wpisów News i te same treści przy Programach.

Rzeczywisty zrzut przygotowanego artykułu ChatGPT. Układ tekstu i ilustracji pochodzi z działającego WordPressa.

Co zadziałało

Powstało 45 elementów wizualnych: pięć obrazów hero i 40 bloków treści. To nie jest 45 bitmap. Tabele, schematy i checklisty pozostają tekstem, więc można je edytować i dopasowywać do telefonu. Do biblioteki mediów trafiło pięć głównych grafik, zamiast dziesiątek osobnych obrazków z tekstem.

Relacja Program ↔ News działa dynamicznie. Karta programu może prowadzić do artykułu, a strona programu pokazuje opublikowane powiązane wpisy. Jedna treść ma jedno źródło. Po publikacji News pokazało pięć kart, a HOME trzy najnowsze materiały.

Co nie zadziałało

W późniejszym teście kart przy Programach strzałka dłuższego News była wyśrodkowana w pionie i nachodziła na opis. To był konkretny problem z układem, widoczny przy realnym tekście. Sama obecność relacji w bazie nie wystarczała do uznania tej części za gotową.

Co poprawiliśmy

Strzałkę przeniesiono pod treść karty i sprawdzono odstęp. Nie trzeba było zmieniać artykułu ani tworzyć kolejnego wpisu. Przy publikacji potwierdzano każdy wynik w WordPressie, a następnie sprawdzono publiczne adresy bez logowania.

Redakcja może sprawdzać szkice przed publikacją. Publiczne listy pokazują tylko opublikowane treści.

Tabela NotebookLM w rzeczywistym widoku mobilnym. Tekst porównania jest edytowalnym blokiem, nie tekstem zamkniętym w bitmapie.

Czego się nauczyłem

• Oprawa wizualna powinna pomagać zrozumieć konkretny fragment, a nie tylko zwiększać liczbę obrazów.
• Tabele i diagramy w natywnych blokach łatwiej poprawiać niż obrazy z wrysowanym tekstem.
• Relację warto sprawdzić od strony czytelnika: karta, pojedynczy program, publiczny wpis i mobile.
• Szkic, zatwierdzenie i publikacja muszą mieć osobne, potwierdzone stany.

Aktualny status projektu

DZIAŁA. Pięć artykułów jest opublikowanych na produkcji po zgodzie Rafała. W WordPressie można zmieniać treści i grafiki, dodawać następny News oraz wybierać jego Program bez edycji kodu.

Nie przeprowadzano niezależnych testów wszystkich funkcji opisywanych programów AI. Oficjalne źródła pozostają w artykułach, a ich aktualność wymaga okresowego sprawdzania. Ta realizacja opisuje proces opracowania i publikacji, nie certyfikuje możliwości produktów.

Źródła i granice opisu

Opis na podstawie raportu przygotowania pięciu artykułów, potwierdzenia publikacji i raportu relacji Programy ↔ News. Ilustracje hero są oznaczonymi materiałami AI; zrzuty pokazują rzeczywiste widoki WordPressa. Nie imitują dowodu niezależnych testów ChatGPT, Claude, Gemini, Grok ani NotebookLM.