Interní správa · Neindexováno plachyfotograf.cz
← Zpět na web
Rychlý přístup
Návod

Jak napsat nový blog

Šablona

Vzor blogu — reportáž

Šablona

Vzor blogu — jedna fotka

Blog — publikováno

Portrét M. Švihly

Stránka

Galerie — přidat fotky

Návod

Jak přidat fotky do galerie

Kontext pro AI chat

Prompt & přehled webu

PHP — generátor

Nový blog — jedna fotografie

PHP — generátor

Nový blog — reportáž / více fotek

Jak teď funguje hlavní stránka, galerie a vkládání fotek

Hlavní stránka — 3 okruhy podle publika

Sekce „Co fotím" je rozdělená na 3 okruhy podle toho, pro koho focení je: Pro firmy a organizace · Pro vás a vaše blízké · Volná tvorba (bez zadání). Každý okruh = foto + jedna věta + štítky konkrétních kategorií. Klik na nadpis nebo foto okruhu vede do galerie na celý okruh (galerie.html?okruh=…), klik na štítek na konkrétní kategorii (galerie.html?kat=…). Detailní popisy kategorií se přesunuly z homepage do galerie, aby byla homepage stručná.

Hlavní stránka se generuje stejným skriptem jako galerie — ze šablony index-VZOR.html a fotek označených v fotky.cfg značkami umístění (viz níže). index.html proto needituj ručně (přepíše se); strukturu a design měň v index-VZOR.html.

Galerie — okruhy + 10 kategorií na jedné stránce

Filtr přes URL: ?okruh=firmy|soukromi|autorska → karty podkategorií (text + „Více") a všechny fotky okruhu; ?kat=<slug> → jedna kategorie (úvodní text + hashtag na Facebook); bez parametru → celá galerie. Nahoře 11 tabů (Vše + 10 kategorií). Texty okruhů/kategorií a veškerá logika jsou v js/galerie.js (jediný zdroj pravdy).

Vkládání fotek — přes config data/in/fotky/fotky.cfg

Fotky se přidávají jen řádkem do configu, ne ručně do HTML:

  1. Fotku ulož do data/in/fotky/ (smí být i v podadresáři, např. 2026/cerven/fotka.jpg). Doporučení: max ~400 kB a 1600 px delší strana — větší nejdřív zmenši (mogrify -resize '1600x1600>' -quality 91 fotka.jpg — build umí vypsat hotové příkazy pro všechny velké fotky).
  2. Přidej řádek do data/in/fotky/fotky.cfg: cesta|alt text|hashtagy @umístění (slugy kategorií = kde se fotka objeví v galerii; nepovinné @-značky = kde se fotka objeví na hlavní stránce — viz tabulka níže; pořadí řádků = pořadí v galerii i na hl. stránce).
  3. Spusť tools/galerie-build.sh — zkontroluje config + existenci fotek, upozorní na velké fotky, zkopíruje nové/změněné fotky do web/stage/fotky/ a složí galerie.html (ze šablony galerie-VZOR.html) i index.html (ze šablony index-VZOR.html).
  4. Do produkce pak tools/promote.sh --go + tools/deploy.sh --go.

Fotka může mít vedle hashtagů i značky umístění na hlavní stránce (@ + místo). Fotka jen se značkou @ (bez slugu kategorie) je jen na hl. stránce, v galerii se neukáže.

ZnačkaMísto na hl. stráncePočet fotek
@karuselhero karusel nahoře~4 (jiný počet = varování, <2 = chyba)
@nahledpruh „Výběr z portfolia"násobek 3 (3/6/9…), ideálně 6 (jinak varování; ne-násobek = chyba)
@okruh-firmynáhled okruhu „Pro firmy a organizace"právě 1
@okruh-soukromináhled okruhu „Pro vás a vaše blízké"právě 1
@okruh-autorskanáhled okruhu „Volná tvorba"právě 1
@aboutportrét v pruhu „O mně"právě 1

Pořadí v karuselu / náhledu nastavíš číslem za značkou: @karusel-1, @karusel-2, … @nahled-1 … (bez čísla = na konci). Pořadí fotek v galerii to nemění — to dál určuje pořadí řádků v cfg, takže karusel jde seřadit nezávisle.

Titulní fotka karty kategorie v galerii — značka @<slug> (slug = jedna z 10 kategorií, např. @esencecloveka). Uvádí kartu dané kategorie v galerii (pohled na okruh). Každá kategorie ji musí mít u právě jedné fotky — chybí-li nebo je víckrát, build tvrdě selže. Titulní fotku změníš přesunem @<slug> na jiný řádek.

Pozn.: config i fotky jsou v repu (data/in/fotky/), ne na webu. galerie.html i index.html jsou generované — needituj je ručně; design měň v šablonách galerie-VZOR.html / index-VZOR.html.

10 kategorií a jejich hashtagy
KategorieHashtag / slugOkruh
Příběh firmy a řemesla#neviditelnypribehPro firmy a organizace
Fotografická reportáž#svedeknereziserPro firmy a organizace
Komunity a spolky#sdilenacestaPro firmy a organizace
Přirozený portrét#esenceclovekaPro vás a vaše blízké
Rodinné focení (děti)#nehranarodinaPro vás a vaše blízké
Generační focení#nastopecasuPro vás a vaše blízké
Když se rodina sejde · nová#kdyzjsmespoluPro vás a vaše blízké
Osobní setkání#odlozenimaskyPro vás a vaše blízké (v pozadí)
Dlouhodobý dokument#pametcasuVolná tvorba
Autorská tvorba#autorskediloVolná tvorba
Logo & vizuální identita
SVG soubor

Logo — vektorový soubor

HTML snippet

Logo — kód pro web

PDF / tisk

Vizitky — tisk

Brand dokumenty — podklady pro texty a strategii
Strategie

Cílový zákazník — segmenty

Strategie

Strategie v2

Podklad

Cenová analýza

Podklad

Sociální sítě — bod 5

Značka

Jazyk brandu

Značka

Architektura kategorií

Text

Manifest (čtení)

Zdroj: brand/ (verzované .md + .html). Web verze jsou kopie ve web/stage/brand/. Osobní podklady profil-osobni.html a portret-ondrej.html jsou vědomě mimo web-set (osobní data — zůstávají jen v repozitáři brand/, nenasazují se na veřejný web).

Hotovo — publikováno WIP — rozpracováno Šablona — vzor / návod Systém — CSS / JS
Struktura webu — HTML soubory
📄 HTML stránky · plachyfotograf.cz/
Hotovo
Hlavní stránka — karusel, nabídka = 3 okruhy podle publika (firmy / soukromé / volná tvorba), galerie náhled, O mně, blog strip, zpětná vazba. Generovaná z data/in/fotky/fotky.cfg (@-značky) + index-VZOR.html skriptem tools/galerie-build.sh — needituj ručně.
Šablona
Šablona hlavní stránky — vše kromě fotek (placeholdery @@KARUSEL_SLIDES@@, @@OKRUH_*@@, @@NAHLED@@, @@ABOUT@@). Měň při změně designu/struktury homepage, ne při výměně fotky.
Hotovo
Galerie — okruhy + 10 kategorií, filtr ?okruh=… / ?kat=<slug>. Generovaná z data/in/fotky/fotky.cfg skriptem tools/galerie-build.sh — needituj ručně.
Šablona
Šablona galerie — vše kromě mřížky fotek (placeholder @@FOTKY@@). Měň při změně designu galerie, ne při přidání fotky.
data/in/fotky/fotky.cfg
Config
Zdroj fotek pro galerii i hlavní stránku — řádek cesta|alt|hashtagy @umístění (slugy = galerie, @-značky = hl. stránka; cesta smí mít podadresář). V repu (data/in/fotky/), ne na webu. Po úpravě spusť tools/galerie-build.sh.
Hotovo
O mně — text, technika (Fuji X-Pro2 + Nikon D810), zpětná vazba, citáty Saul Leiter
Hotovo
Kontakt — Formspree xyklrlqg → ondrej.plachy@gmail.com, odkaz na ceník
Hotovo
O cenách — portréty / akce / projekty, Pro blaho světa, prodej fotografií, Saal Digital e-shop
WIP
Seznam blogů — 1 aktivní (M. Švihla), 3 neaktivní zobrazeny jako "Připravujeme"
Hotovo
Blog — Portrét senseie Martina Švihly. Příběh jedné fotografie, technika, léto 2024
WIP
Blog (rozprac.) — Aikido zblízka. Potřebuje: finální text + výběr fotek z alba APK
WIP
Blog (rozprac.) — Vánoční večírek P.C.W. Potřebuje: finální text + výběr fotek z alba
WIP
Blog (rozprac.) — Ostrava. Průběžný projekt, potřebuje: aktualizace textu + fotky
Návod
Návod krok za krokem — jak napsat blog, nalinkovat ze stránek, přidat do blogu i na index
Návod
Návod krok za krokem — jak přidat fotku do galerie přes data/in/fotky/fotky.cfg a spustit build skript
Šablona
Vzor blogu — reportáž / více fotek. Všechny formáty: 1 velká, pár, trio, mřížka 6, citát, infobox
Šablona
Vzor blogu — příběh jedné fotografie. Dominantní foto, backstage, sekce techniky, metadata sidebar
PHP
Generátor blogu — jedna fotografie. Formulář → HTML soubor ke stažení. Heslo: viz uvnitř.
PHP
Generátor blogu — reportáž s více fotkami. Dynamické bloky (text + galerie 1/2/3/6 v libovolném pořadí).
Systém
Tato stránka — správa webu, rozcestník. Přístup přes © v zápatí. Neindexováno.
Systém
Kontextový dokument pro nový AI chat — profil fotografa, klíčové fráze, prompt. Neindexováno.
Logo & vizuální identita · logo/
SVG
Vektorové logo — pro tisk, vodoznak, sociální sítě. Škálovatelné do libovolné velikosti.
HTML
HTML + CSS snippet loga — k vložení do dalších webů nebo podstránek (světlá / tmavá / malá varianta).
HTML
Vizitky — stránka pro tisk 85×55 mm. Přední (světlá + tmavá) a zadní strana s kontakty.
CSS soubory · css/
css/style.css
Systém
Sdílené styly — navigace, footer, utility třídy, lightbox, reveal animace, phrase-highlight
css/index.css
Systém
Styly hlavní stránky — karusel (kenBurns 1.15→1.0), nabídka, galerie náhled, blog strip, O mně
css/pages.css
Systém
Styly vnitřních stránek — galerie masonry, O mně grid, kontakt formulář, page-hero
css/blog.css
Systém
Styly blogu — blog-card listing, post-hero, post-body formáty, post-img-pair/trio, tech-section
css/ceny.css
Systém
Styly ceníku — ceny-block, ceny-card, ceny-dl (Doplňkové informace), ceny-sidebar
css/testimonials.css
Systém
Karusel zpětné vazby zákazníků — tcarousel, tcard, tcar-dots
JavaScript · js/
js/main.js
Systém
Sdílený JS — navigace, hamburger, scroll reveal, lightbox (←→ Esc), hero karusel, Formspree
js/index.js
Systém
Akordeon karet nabídky (svc-toggle +/−) na hlavní stránce
js/galerie.js
Systém
Galerie: okruhy (3 publika) + 10 kategorií, jejich texty, filtr ?okruh=/?kat=, hashtag na FB — jediný zdroj pravdy
js/testimonials.js
Systém
Karusel zpětné vazby — goTo(), swipe na mobilu, auto-advance 6 s
Klíčové informace webu
PoložkaHodnota / popis
Doménaplachyfotograf.cz
E-mailondrej.plachy@gmail.com
Kontaktní formulářFormspree — ID: xyklrlqg
Facebook (stránka)Ondřej Plachý fotograf
Facebook (osobní)Ondřej Plachý
500px portfolio500px.com/p/ondrejplachy
E-shop fotografiíSaal Photo Portal
FotoklubP.C.W.
Hashtahy#plachyfotograf  #prchavyokamzik  + hashtag kategorie (viz „10 kategorií" výše)
Karusel animaceKen Burns: scale(1.15) → scale(1.00), 18 s, alternate
Galerie — počet fotek37 fotografií, 10 kategorií (config data/in/fotky/fotky.cfg)
Blog — aktivní příspěvky1 (Portrét M. Švihly)
Blog — rozpracované3 (Aikido, PCW, Ostrava) — viditelné jako "Připravujeme"