1. Čo to je a na čo slúži

Branike Blocks je sada stavebných blokov a hotových vzorov priamo do editora WordPress (Gutenberg). Namiesto skladania stránky z desiatok drobných prvkov máte po ruke:

• 50 pripravených blokov — od nadpisov, tlačidiel a obrázkov až po pokročilé (hero sekcie, cenníky, časové osi, carousely, flip karty, scroll efekty),
• Knižnicu vzorov — celé hotové sekcie (hero, výhody, CTA, cenník, FAQ, tím, kontakt…), ktoré vložíte jedným klikom a len prepíšete texty a obrázky.

Cieľ je jednoduchý: postaviť peknú, rýchlu a prístupnú stránku bez kódovania — a bez ťažkých staviteľov ako Elementor či Divi.

2. Pre koho a kedy

Pre každého, kto tvorí obsah na svojom Branike webe — či staviate domovskú stránku, podstránku služby, alebo článok. Je to zvyčajne prvá vec, ktorú po HUB nainštalujete, pretože bloky a vzory používate na väčšine stránok.

Hodí sa, keď chcete:

• rýchlo poskladať profesionálne vyzerajúcu sekciu z hotového vzoru,
• mať plnú kontrolu nad detailmi (farby, medzery, animácie) bez písania CSS,
• držať web rýchly a prístupný (bloky sú na to stavané).

3. Čo očakávať — a čo blocks nerobí

Čo blocks robí:

• pridá do editora blokovú kategóriu Branike (50 blokov),
• pridá Knižnicu vzorov (tlačidlo „B“ v hornej lište editora),
• bloky dedia farby z vašej témy (Blocksy paleta), majú animácie, hover efekty a responzívne nastavenia (desktop/tablet/mobil),
• pri každom nastavení má nápovedu ⓘ, aby ste vedeli, čo ktorá voľba robí.

Čo blocks zámerne nerobí:

• nenahrádza tému — vzhľad hlavičky, pätičky a typografie rieši téma (Blocksy),
• nie je e-shop, CRM ani formulár — na to sú samostatné Branike pluginy,
• animácie nezhoršujú rýchlosť — sú robené s ohľadom na PageSpeed a stabilitu rozloženia (žiadne poskakovanie obsahu).

4. Inštalácia a licencia

Branike Blocks nainštalujete a aktivujete cez Branike HUB (návod: Váš prvý plugin cez Branike HUB) — HUB pri inštalácii nastaví aj licenciu. Nič nekopírujete ručne.

Po aktivácii sú bloky hneď dostupné v editore; licenciu spravuje HUB na pozadí.

5. Rýchly štart (3 kroky)

1. Otvorte stránku alebo článok a kliknite + (pridať blok) — v zozname nájdete kategóriu Branike.
2. Alebo hore v lište editora kliknite tlačidlo „B“ → otvorí sa Knižnica vzorov → vyberte kategóriu, kliknite + Vložiť a hotový vzor sa vloží do stránky.
3. Kliknite do vloženého obsahu a prepíšte texty a vymeňte obrázky. Vpravo v paneli doladíte farby, medzery a animácie.

6. Kde čo nájdete

V editore stránky/článku:

• Blokový vkladač (+) → kategória Branike — všetkých 50 blokov.
• Tlačidlo „B“ v hornej lište → Knižnica vzorov (modálne okno „Branike Knižnica“) s kategóriami vľavo, vyhľadávaním a náhľadmi. Klik + Vložiť vloží vzor ako bežné Branike bloky, ktoré ďalej upravujete.
• Pravý panel (Nastavenia bloku) — pri každom bloku: rozloženie, farby (s priehľadnosťou), typografia, medzery, animácie, hover efekty a responzívne hodnoty pre desktop/tablet/mobil. Pri sekciách nastavení je ⓘ nápoveda.

V administrácii:

• Nastavenia → Branike Blocks — stránka Licencia (stav licencie cez HUB). Bežne sem nemusíte chodiť — bloky sa nastavujú priamo v editore.

7. Ako na to — konkrétne úlohy

Vložiť hotovú sekciu z Knižnice. Lišta editora → „B“ → vyberte kategóriu (napr. Hero, Cenník, FAQ) → + Vložiť. Potom prepíšte obsah.

Postaviť sekciu z jednotlivých blokov. Vložte blok Kontajner/Stĺpce (rozloženie) a doň vkladajte bloky (nadpis, text, tlačidlo, obrázok…). Blokom nastavíte pozadie, medzery a zarovnanie.

Zmeniť farby. V pravom paneli pri farbe vyberte odtieň z palety témy (mení sa s dizajnom webu) alebo vlastný; pod pickerom je priehľadnosť.

Pridať animáciu. V paneli bloku zapnite animáciu vstupu (objaví sa pri scrollovaní). Animácie rešpektujú nastavenie „obmedziť pohyb“ v systéme používateľa.

Responzívne úpravy. Pri medzerách, stĺpcoch a veľkostiach prepínajte hodnoty pre desktop / tablet / mobil samostatne.

Uložiť si vlastný štýl bloku (preset). Nastavený blok si viete uložiť ako predvoľbu a znovu použiť.

8. Tipy a dobrá prax

• Začnite vzorom, potom dolaďte. Rýchlejšie než stavať od nuly — vložíte sekciu a len ju prispôsobíte.
• Držte sa palety témy. Keď farby beriete z palety, celý web ostane vizuálne jednotný a zmena dizajnu témy sa premietne všade.
• Nadpisy používajte správne (H2 pre sekcie, H3 pre podsekcie) — pomáha to SEO aj prístupnosti.
• Animácie s mierou. Pár jemných vstupov pôsobí prémiovo; príliš veľa ruší.

9. Riešenie problémov

Nevidím kategóriu „Branike“ ani tlačidlo „B“. Skontrolujte, či je plugin aktívny (Pluginy → Nainštalované pluginy) a licencia v poriadku (Branike HUB). Potom obnovte editor.

Vložený vzor vyzerá inak než v náhľade. Vzory dedia farby a typografiu vašej témy — malé rozdiely sú normálne. Doladíte ich v paneli bloku.

Blok po úprave „zlobí“ v editore. Skúste kliknúť mimo blok a späť; pri starších uložených blokoch niekedy pomôže blok zmazať a vložiť nanovo.

Obrázky vo vzore sú len ukážkové. Nahraďte ich vlastnými z Knižnice médií — ukážkové slúžia len ako miesto pre váš obsah.

10. Súvisiace pluginy a integrácie

• Blocksy (téma) — bloky dedia jej paletu a typografiu; spolu tvoria vzhľad webu.
• Branike SEO — nadpisy a štruktúra blokov pomáhajú lepšiemu obsahu pre vyhľadávače.
• Branike Blocks „Chránený obsah“ — blok, ktorý zamkne súbor/video len pre prihlásených alebo platiacich členov (spolupracuje s Membership a WooCommerce).
• LingoPress — preklad obsahu vrátane blokov do ďalších jazykov.

11. Časté otázky (FAQ)

Potrebujem vedieť kódovať?

Nie. Všetko sa nastavuje klikaním v editore.

Spomalia bloky a animácie web?

Nie. Sú stavané na rýchlosť (PageSpeed) a stabilné rozloženie — animácie nezhoršujú načítanie ani neposúvajú obsah.

Môžem vzor po vložení upraviť?

Áno. Vzor sa vloží ako bežné Branike bloky — meníte texty, obrázky, farby, poradie, čokoľvek.

Fungujú bloky na mobiloch?

Áno, sú responzívne a pri kľúčových nastaveniach máte samostatné hodnoty pre mobil a tablet.

Prídu nové bloky a vzory?

Áno — knižnica sa rozširuje a aktualizácie dostávate automaticky cez HUB.

12. Potrebujete pomoc?

Ak si s niektorým blokom alebo vzorom neviete rady, napíšte nám cez Branike HUB → Nahlásiť problém alebo na info@branike.com. Radi poradíme.

Súvisiace návody

• Kompletný sprievodca: Branike HUB
• Váš prvý plugin cez Branike HUB