Toto je nadpis článku

Titulný obrázok

Tu je úvodný text článku. Tento obrázok hore sa zobrazí vľavo a text ho bude obtekat sprava. Je to perfektné pre úvodný obrázok článku.

Môžeš pokračovať s ďalším textom a pridávať nové odseky.

Podnadpis - druhá úroveň

Druhý obrázok - vľavo

Tento obrázok sa zobrazí vľavo a text ho obteká sprava. Druhý obrázok bude automaticky vpravo, tretí zase vľavo atď.

Podpodnadpis - tretia úroveň

Tu môžeš pridať ďalší text.

Tretí obrázok - vpravo

Tento obrázok sa zobrazí vpravo, pretože je to párny obrázok (druhý po titulnom).

Obrázok na celú šírku

Ak chceš obrázok na celú šírku stránky, pridaj do alt textu slovo "full":

full - Obrázok na celú šírku

Galéria obrázkov

Pre vytvorenie galérie pridaj do alt textu slovo "gallery":

Ďalšie markdown prvky

Zoznam s odrážkami

  • Prvá položka
  • Druhá položka
  • Tretia položka

Číslovaný zoznam

  1. Prvý krok
  2. Druhý krok
  3. Tretí krok

Citát

Toto je citát alebo dôležitá poznámka, ktorá sa zobrazí s odlišným formátovaním.

Kód

Môžeš pridať inline kód alebo celý blok kódu:

<?php
echo "Hello World!";
?>

4. Pomenúvacia konvencia obrázkov

Vlož obrázky do blog/posts/img/ s názvami:

  • Titulný obrázok: ako-som-vytvoril-portfolio_titulka.jpg
  • Obrázky v článku: ako-som-vytvoril-portfolio_clanok-1.jpg, ako-som-vytvoril-portfolio_clanok-2.jpg
  • Obrázok na celú šírku: ako-som-vytvoril-portfolio_full.jpg
  • Galéria: ako-som-vytvoril-portfolio_galeria-1.jpg, ako-som-vytvoril-portfolio_galeria-2.jpg

5. Návod pre AI asistenta

Keď budeš nahovárať článok AI, použi tento prompt:

Vytvor mi markdown článok na tému [TVOJA TÉMA]. Formát:

  • Hlavný nadpis (H1)
  • Prvý obrázok s alt textom "Titulný obrázok"
  • Úvodný text (2-3 odseky)
  • Podnadpisy (H2, H3) pre štruktúru
  • Používaj obrázky s alt textom "Druhý obrázok", "Tretí obrázok" atď.
  • Pre galériu použi alt text "gallery - popis"
  • Pre celý šírku použi alt text "full - popis"
  • Názvy obrázkov: slug_titulka.jpg, slug_clanok-1.jpg, atď.