Návod

Jak přidat nový návrh stránky

Stačí uložit soubor na správné místo — web ho najde sám a zobrazí ho v seznamu automaticky.

Vytvoř svůj HTML návrh

Připrav hotový HTML soubor se svým návrhem. Nezapomeň na <title> — ten se zobrazí jako název karty v přehledu.

Příklad: <title>Nová homepage</title> → zobrazí se jako „Nová homepage" v přehledu

Pojmenuj soubor správně

Název souboru musí být malými písmeny, slova odděl pomlčkou, bez háčků a čárek.

nova-homepage.html

o-nas-varianta-2.html

Nová Stránka.html (mezery a velká písmena)

stranka.htm (musí být .html, ne .htm)

Ulož soubor do správné složky

Každý projekt má svou složku. Zkopíruj soubor přímo do složky daného projektu:

Fajn Brigády (fajn-brigady.cz)

projekty/fajn-brigady_cz/tvuj-soubor.html

Fajn Práce (fajnprace.cz)

projekty/fajnprace_cz/tvuj-soubor.html

Fajn Skupina (fajnskupina.cz)

projekty/fajnskupina_cz/tvuj-soubor.html

Fajn Správa (fajnsprava.cz)

projekty/fajnsprava_cz/tvuj-soubor.html

InWork (inwork.cz)

projekty/inwork_cz/tvuj-soubor.html

Fajn Odpovědi (fajnodpovedi.cz)

projekty/fajnodpovedi_cz/tvuj-soubor.html

Fajn Účet (fajnucet.cz)

projekty/fajnucet_cz/tvuj-soubor.html

Hotovo! Otevři přehled a zkontroluj

Stránka se automaticky objeví v seznamu návrhů. Žádné další nastavení není potřeba.

Otevřít přehled projektů

Šablona pro novou PHP stránku

Každá stránka se skládá ze dvou souborů: PHP souboru s obsahem a CSS souboru se styly. Oba soubory musí mít stejný název (liší se jen příponou).

PHP soubor

nova-stranka.php

Obsahuje HTML strukturu stránky

CSS soubor

nova-stranka.css

Obsahuje styly pro danou stránku (BEM)

nova-stranka.php

<?php
$title   = 'Název stránky — Fajn Brigády';
$cssFile = 'nova-stranka.css';  // stejný název jako PHP soubor

ob_start();
?>

<!-- Obsah stránky (BEM HTML) -->
<section class="sekce">
    <h1 class="sekce__nadpis">Nadpis stránky</h1>
    <p class="sekce__text">Sem přijde obsah...</p>
</section>

<?php
$content = ob_get_clean();
include __DIR__ . '/_template.php';

nova-stranka.css

/* Blok */
.sekce {
    padding: 40px 0;
}

/* Elementy (BEM: .blok__element) */
.sekce__nadpis {
    font-size: 28px;
    margin-bottom: 16px;
}

.sekce__text {
    font-size: 16px;
    color: #64748b;
}

Vzorové soubory jsou připravené v každém projektu: blank-page.php a blank-page.css. Zkopíruj je, přejmenuj a uprav.