TIP#3254: Vlastní homepage ve WordPressu bez Guttenbergu. Použijte Codex či jinou AI. K čemu to posloužilo na 365tipech

Tady začnete klasicky tím, že si vytvoříte “child theme” a aktivujete ji, vše další už pak budete dělat jenom tam. Máte-li Codex/Cursor či něco takového, tak to dělejte vše tam. AI tyhle věci umí daleko rychleji než vy.

Stačí vytvořit front-page.php soubor, který bude obsahovat vše potřebné pro vytvoření (generování) vaší vlastní homepage. WordPress ho automaticky použije jako hlavní stránku.

Pokud si vlastní homepage chcete testovat, tak to je jen mírně komplikované v tom, že si ve své child theme vytvoříte něco jako page-homepagetest.php a poté v administraci musíte založit stránku – ta může být kompletně prázdná, ale musí mít slug  “homepagetest” (tedy bez toho page-”). Zveřejněte ji (ideálně jako soukromou = jen pro přihlášené, nebo opatřete heslem) a pak už můžete otevřít váš-web.cz/homepagetest 

Můžete ještě použít home.php pro zobrazení aktuálního přehledu příspěvků (blog posts). Můžete ale použít i index.php, který se použije, pokud jste nevyužili právě home.php. 

Později určitě objevíte i to, že tímto způsobem jdou postupně nahrazovat další a další části – tag.php pro výpis štítku, category.php pro rubriku (a mají u různé varianty). Včetně dalších možností. 

U homepage si potom hlavně ohlídejte, že bude mít vyplněné TITLE a META description (to první rozhodně, to druhé až tak kritické není) – podle toho, jakou máte hlavní šablonu, to totiž může nebýt vyplněné. Ale není problém to v front-page.php ošetřit.

Budete navíc moci používat i functions.php pro doplňování další funkčnosti, hlavně shortcode definic – to vám umožní dost zásadně rozšiřovat váš WordPress i hlavní šablonu o vlastní věci. 

K čemu jsem to využil

V červnu jsem právě tuto cestu využil postupně pro řadu změn na 365tipu.cz – a jak už je naznačeno na začátku, zásadní roli v tom hrál Codex. Protože kdo by se s tím programoval.

homepage je úplně předělaná. Nejprve byla sestavená z nově naprogramovaných shortcode v Gutenberg editoru, ale bylo to tak otravné, že jsem použil AI k převodu kódu homepage na PHP(HTML). Prozatím to volá ony vytvořené shortcode, ale časem se prostě přímo stanou součástí.

štítky a rubriky se konečně vypisují v použitelné a lidské podobě, tedy jako stručnější a přehlednější seznam toho, co daný štítek či rubrika obsahuje.

Výpis všech existujících štítků už také řeší vlastní PHP místo poměrně zbytečně komplikovaného pluginu (MC Tag Map), který si navíc místy nerozuměl s češtinou. Codexu stačilo jen ukázat, jak vypadá výstup, jak má fungovat a během deseti minut vytvořil lépe fungující variantu.

Výpis všech tipů je také nový, protože není důvod, aby to mělo ten původní “blogovací” vzhled. 

Vytvořená je i kupička různorodých shortcode, jak už bylo zmíněno, ze kterých se skládá jak homepage, tak případně obsah do widgetů. Výpis štítků ostatně je také implementovaný jako widget, stačilo v existující stránce nahradit ten původní novým.

Codex si i sám zjistil, jak se ptát pluginu pro nejčtenější, takže bez problémů vytvořil podstatně praktičtější přehled nejčtenějších na hlavní stránku i na některá další místa.

Codex jsem nechal vytvořit i deploy.sh – ten s využitím lftp synchronizuje změny z lokálu na Macu na web. Dá se pouštět ručně, ale Codex o něm ví, takže si ho vždy sám spustí. Než jsem si nechal deploy.sh napsat, tak jsem to dělal ručně (ve ForkLiftu), ale brzy mě to přestalo bavit. 

Celé je to navíc ukládané do lokálního gitu, takže existuje historie změn. Tady jen dodám, že budete možná potřebovat “git init” spouštět ručně v terminálu, Codex v sandboxované podobě nemůže. Ale po inicializaci už ho používat může bez omezení.

Codex sám navíc udržuje dokumentaci v readme.md. 

Dělal jsem to navíc souběžně i pro FeedIT.cz, kde je nahrazeno vše výše uvedené, jediné, co tam zatím není, je převod homepage ze stránky v Gutenbergu na přímé PHP. 

Na obou webech to přineslo i to, že jsem mohl dát pryč další plugin – Post X. Ten je placený, obrovský a navíc už byl jednou zdrojem podivných bezpečnostních věcí (prostě si svévolně doinstalovali další plugin, ve kterém měli možnost vzdáleného přístupu). Mám ho sice ještě rok zaplacený, ale příští rok ušetřím. 49 USD není moc, ale tady je každá ušetřená koruna dobrá.  

Proč Codex?

Je to tak nějak skoro jedno, můžete využít Cursor nebo cokoliv dalšího, co umí “vibe coding”. Cursor ale používám jen ve free podobě, Codex mám “placený” v té základní podobě, co OpenAI naděluje v rámci klasického ChatGPT předplatného. 

Musím říct, že to funguje velmi dobře, byť se to tak nějak musíte naučit ovládat – hlavně co se instrukcí týče a také toho, abyste občas dokázali zastavit zběsilé AI nápady budovat příliš komplexní řešení. 

Výhoda Codex je i ta, že jak používám ChatGPT, tak už je tam spousta vláken i projektů, které se vlastně mohou vědomostně “prolínat”. 

V Codexu se mimochodem jednotlivé projekty dokáže dívat do jiných projektů, takže když jsem nechal vytvořit nějaké věci v projektu pro 365tipů, tak stačilo v projektu pro FeedIT říct Codexu “tak jak jsme to udělali pro 365tipů” a vše si odtamtud zjistil a převzal. 

Další tipy týkající se WordPressu

365tipu AI Blog Blogování Jak na WordPress Programování Software Umělá inteligence Wordpress WordPress.org