AI pro WordPress: nastavení magazínu bez vibe kódování

AI místo vibe-codingu: Nastavení WordPress magazínu přes Claude Code

Pro projekty, jako je odborný časopis o vzdělávání, není vždy nutné psát vlastní kód od nuly. Místo zdlouhavého studia Next.js nebo Supabase je často efektivnější nasadit WordPress: nabízí hotovou administraci, SEO pluginy, správu médií i REST API. Autor projektu, který se specializuje na infrastrukturu a nemá zkušenosti s PHP ani WordPressem, využil CLI nástroj Claude Code k nastavení VPS a následné úpravě šablony.

Zadání: minimalistický blog s hero sekcí, mřížkou článků, vyhledáváním a kategoriemi. Rozpočet na vývoj: nula. Výsledek: funkční MVP za pár večerů.

Nastavení infrastruktury

Technologický stack: Ubuntu VPS, nginx s kešováním, PHP 8.3 (FPM), MySQL 8.0, šablona GeneratePress. Claude Code generoval SSH příkazy:

• Instalace balíčků a konfigurace PHP-FPM.
• Nginx s SSL certifikátem (Let's Encrypt), firewall (ufw), fail2ban.
• WordPress s přátelskými URL, Rank Math pro sitemap a SEO optimalizaci.

Proces: zadání úkolu v češtině → AI napíše skripty → kontrola a iterace. Úspora času při rutinních operacích, ale s nutnou manuální verifikací.

Přizpůsobení pomocí mu-plugins

Dvanáct mu-pluginů pokrylo veškerou logiku hlavní stránky. Příklady úkolů pro AI:

• Hero sekce s připnutým článkem + mřížka nejnovějších příspěvků ve 3 sloupcích.
• Dynamický blok kategorií využívající get_terms() namísto statického HTML.
• Vyhledávání v hlavičce, odstranění postranního panelu, hover efekty na kartičkách.

Problémy a řešení:

• Výchozí styly WordPressu přebíjely vlastní CSS → mu-plugin s prioritou 999.
• Mřížka se na mobilech rozpadala → cílené úpravy odsazení a media queries.
• Změna slugů kategorií → přechod od natvrdo zapsaných hodnot k dynamickému dotazu.

Design: písmo Inter, bílé kartičky se stínem, responzivní layout. CSS generovala AI na základě textového popisu („stín při najetí myší, mírné vysunutí kartičky").

Iterativní workflow s AI

Typická posloupnost kroků:

• Přesné zadání („mřížka ve 3 sloupcích, odsazení 20 px").
• AI vygeneruje PHP/CSS (zhruba 80 % správně).
• Testování v prohlížeči.
• Popis chyby („text na mobilu přiléhá k okraji").
• Iterativní opravy (2–4 cykly na jeden úkol).

Omezení AI:

• Nevidí výsledek v prohlížeči → spoléhejte na přesné popisy nebo screenshoty.
• Nesleduje změny v databázi → dynamiku je třeba explicitně specifikovat.
• Při opravě může rozbít sousední kód (nutnost opětovného nahrání souborů).

Na co si dát pozor

• Efektivita pro non-experty: AI zaplňuje mezery ve znalostech WordPress API (hooky, filtry) a šetří týdny studia.
• Iterace jsou nutné: 2–4 cykly na úkol, ale bez nutnosti hlubokého ponoření do stacku.
• Základní znalosti jsou potřeba: Porozumění nginx, SQL a CSS je nezbytné pro správné zadání a následnou kontrolu.
• Zaměření na MVP: Ideální pro prototypy a úpravy CMS (WordPress, Shopify).
• Bezpečnost řešte ručně: AI nepřidá rate limiting ani CSRF ochranu, pokud o to výslovně nepožádáte.

Kdy tento přístup použít

Hodí se pro:

• Prototypy a MVP bez přísných produkčních požadavků.
• Úpravy známých platforem na neznámém technologickém stacku.
• Solo projekty nebo malé týmy.

Nehodí se pro:

• Kritické systémy s vysokými nároky na bezpečnost.
• Úplnou absenci technického zázemí.
• Složité architektury bez kontroly kvality.

Čísla: 2 víkendy (po 3–4 hodinách), VPS cca 600 Kč/měsíc, ~600 řádků CSS + 12 mu-plugins, předplatné Claude.

— Editorial Team