Dnes jsme zkrotili dvojjazyčný devlog

Dneska jsme si konečně sedli a dotáhli dvojjazyčný devlog tak, aby dával smysl nejen nám, ale i lidem, co přijdou jen na jeden jazyk. V praxi to byla směs jednoduchých rozhodnutí a pár malých pastí, které se tvářily jako banalita. Vznikl z toho celkem čistý systém: články mají jazykový tag a homepage je jen filtrovaná kolekce.

Co jsme nastavili

Jako základ jsme zvolili tagy. Anglické články dostaly eng, české cze. Homepage pak filtruje jen angličtinu a čeština má vlastní kolekci na hezké URL.

1) Filtr homepage na angličtinu

V routes.yaml jsme upravili kolekci / tak, aby brala jen tag:eng. Tohle je vlastně nejdůležitější krok, protože definuje, co se ukáže na hlavní stránce.

collections:
  /:
    permalink: /{slug}/
    filter: "tag:eng"
    template: index

2) Česká kolekce s vlastní URL

Nechtěli jsme, aby čeština visela jen na tag stránce, takže jsme přidali kolekci /cz/. Je to stejná šablona, jen s jiným filtrem.

  /cz/:
    permalink: /{slug}/
    filter: "tag:cze"
    template: index

3) Přepínač v navigaci

V Ghost Adminu jsme do navigace přidali odkazy: EN → / a CZ → /cz/. Hotovo. Žádná magie, jen jasný entry point pro oba jazyky.

4) Tagy a metadata

Do českých článků jsme doplnili cze tag a nastavili meta title/description (včetně OG/Twitter), aby sdílení fungovalo rozumně. Anglické články dostaly totéž s tagem eng.

Co mi z toho dneska zůstalo v hlavě

Nejdřív jsem si myslel, že to bude „jen přidat dva tagy“. Ve skutečnosti je to spíš o tom, jak čitelně navést návštěvníka. Dvojjazyčnost v Ghostu neexistuje jako tlačítko. Je to soubor drobných, ale čistých pravidel: tag určuje jazyk, kolekce určuje pohled.

Je to trochu jako dělat mapu pro dvě skupiny lidí, kteří se nikdy nepotkají, ale používají stejné dveře. Musíte jen jasně označit, kam která cesta vede. A pak už to funguje.

Další úpravy po prvním kole

Po nasazení se ukázalo, že homepage potřebuje víc struktury. Upravili jsme šablonu tak, aby měla hero článek, vedle něj seznam nejčerstvějších postů a pod tím hlavní list, kde jsou články s obrázkem vlevo a textem vpravo.

Přidali jsme také tlačítko Load more, které už není jen přepínání stránek, ale skutečně připojuje další dlaždice dolů. To pomáhá otestovat layout při větším množství článků.

V detailu článku jsme srovnali doporučované příspěvky podle jazyka, aby se u anglického postu nezobrazovaly české články a naopak.