Nie ste si istí, či je tento návod pre vás? Otvorte si najprv rozcestník Ktorú tému mám? — zistenie trvá pätnásť sekúnd.
1. Čo to je a na čo slúži
Blocksy je téma — rám, do ktorého sa váš obsah zasadí. Určuje, ako vyzerá hlavička, pätička, výpis článkov, karta produktu aj to, akými farbami a písmom sa celý web hovorí.
Na väčšine Branike webov beží Branike Blocksy — naša detská téma nad Blocksy. Pridáva k nej jednotné účtové menu pre celý ekosystém, optimalizácie rýchlosti a priestor pre vaše vlastné úpravy, ktoré prežijú aktualizácie.
Celé nastavenie vzhľadu je na jednom mieste: Vzhľad → Prispôsobiť. Otvorí sa okno s náhľadom webu naľavo a nastaveniami napravo. Čokoľvek prepnete, hneď vidíte — a kým nekliknete na Publikovať, návštevníci z toho nevidia nič.
2. Pre koho a kedy
Blocksy je dnes voľba pre vás, ak:
- Web už beží a vyhovuje vám. Nie je dôvod nič meniť.
- Chcete vzhľad nastaviť za jedno popoludnie a nechcete sa učiť nový editor.
- Máte napísané vlastné CSS postavené na Blocksy triedach.
- Potrebujete overený, stabilný základ bez experimentov.
Zvážte Branike tému, ak si chcete hlavičku poskladať do posledného detailu, potrebujete tmavý režim odvodený z vašej palety alebo staviate úplne nový web.
Nechystáme žiadny termín, dokedy by ste museli prejsť. Blocksy podporujeme ďalej.
3. Čo očakávať — a čo Blocksy nerobí
Téma sa stará o rám. Nestará sa o obsah.
Čo robí téma:
- Hlavička, pätička, bočný panel, ich rozloženie a správanie
- Farebná paleta a typografia celého webu
- Ako vyzerá výpis článkov, detail článku, stránka, výsledky vyhľadávania
- Ako vyzerá výpis produktov a detail produktu
Čo nerobí téma:
- Nerobí obsah stránok. Tie skladáte z blokov v editore. Preto vzhľad vašich sekcií drží Branike bloky, nie téma.
- Nerobí funkcie. E-shop, fakturácia, kurzy, rezervácie, CRM ani formuláre na téme nestoja. Sú to pluginy a fungujú rovnako v oboch témach.
- Nerobí zálohy ani bezpečnosť. To je Site Manager.
Toto rozdelenie je dôležité aj prakticky: stránka poskladaná z Branike blokov prežije zmenu témy. Sekcia nastavená v téme sa mení spolu s ňou.
4. Detská téma Branike Blocksy — čo k tomu pridáva
V zozname tém (Vzhľad → Témy) uvidíte dve položky: Blocksy ako hlavnú tému a Branike Blocksy ako aktívnu. Tak to má byť.
Pozor: aktívna musí byť Branike Blocksy. Ak je aktívna hlavná Blocksy, vaše úpravy sa nikde neprejavia a prvá aktualizácia témy o ne pripraví.
Čo detská téma pridáva:
- Jednotné účtové menu. Odkazy do kurzov, členskej zóny, objednávok či rezervácií sa zbierajú z pluginov, ktoré máte zapnuté, a zobrazia sa v jednom menu. Nemusíte ich ručne pridávať a keď plugin vypnete, odkaz zmizne sám.
- Ponuku inštalácie Branike HUB. Ak HUB ešte nemáte, téma po aktivácii ponúkne jeho inštaláciu. HUB je vstupná brána — cez neho ide licenčný kľúč aj aktualizácie všetkých pluginov.
- Optimalizácie rýchlosti. Odstraňuje to, čo WordPress pridáva navyše a váš web nepoužíva.
- Triedenie WooCommerce skriptov. WooCommerce štandardne načíta svoje JavaScripty a štýly na každej stránke vrátane blogu a kontaktov. Detská téma ich necháva len tam, kde sú naozaj treba — v obchode, na produkte, v košíku, v pokladni a na účte. Na ostatných stránkach ich odhlási. Je v tom poistka: ak stránka obsahuje ktorýkoľvek WooCommerce blok alebo shortkód, skripty na nej zostanú.
- Miesto pre vaše CSS. Vlastné štýly patria do detskej témy, nie do hlavnej.
5. Rýchly štart (3 kroky)
- Vzhľad → Prispôsobiť → Všeobecné možnosti → Farby. Nastavte si značkové farby. Toto je jediná zmena, ktorú cítiť na celom webe naraz.
- Všeobecné možnosti → Typografia. Vyberte písmo pre nadpisy a pre text. Držte sa dvoch rezov — každý ďalší spomaľuje načítanie.
- Všeobecné možnosti → Hlavička. Poskladajte si logo, menu a to, čo má byť napravo. Potom to isté v Pätičke.
Kliknite Publikovať. Zvyšok je dolaďovanie.
6. Kde čo nájdete
Toto je mapa okna Prispôsobiť. Sekcie sú presne v tomto poradí:
Všeobecné možnosti
| Sekcia | Čo v nej nastavíte |
|---|---|
| Hlavné | Šírka obsahu, medzery, zaoblenie, základné rozloženie webu |
| Hlavička | Poskladanie hlavičky z prvkov — logo, menu, ikony, tlačidlo, mobilný panel |
| Pätička | To isté pre pätičku vrátane stĺpcov a spodného pásu |
| Bočný panel | Či je sidebar, na ktorej strane a aký široký |
| Farby | Paleta celého webu — text, nadpisy, odkazy, pozadia, tlačidlá |
| Typografia | Písma a veľkosti pre nadpisy, text, menu a tlačidlá |
| Výkon | Načítanie písiem, lazy-loading a ďalšie zrýchlenia na strane témy |
Typy článkov
Tu sa nastavuje, ako vyzerajú výpisy a detaily jednotlivých druhov obsahu. Nájdete tu Blogové príspevky a Jeden článok, Kategórie, Stránky, Stránka autora a Stránka vyhľadávania.
🔵 Ak máte Branike pluginy, pribudnú tu aj ich vlastné typy obsahu — napríklad Podujatia, Vedomostná základňa, Kurzy, Členovia, Jednotky (ubytovanie) alebo Formuláre. Každý má výpis aj detail zvlášť, takže si napríklad kurzom môžete dať iné rozloženie než článkom.
WooCommerce
Zobrazí sa, len keď máte e-shop. Obsahuje Hlavné, Archív produktov a Jediný produkt. Nastavíte tu počet stĺpcov v katalógu, čo je vidieť na karte produktu a ako vyzerá detail.
Rozšírenia
Vlastné útržky kódu — miesto pre kód, ktorý potrebujete dostať do hlavičky alebo pätičky (napríklad overovací kód).
Pozor: sem nepatria meracie ani marketingové skripty, ktoré potrebujú súhlas návštevníka. Tie patria do Branike Consent, inak sa spustia skôr, než návštevník čokoľvek odklikne.
Jadro
Toto sú nastavenia samotného WordPressu, nie témy: Identita webovej stránky (názov, popis, logo, favicon), Nastavenia domovskej stránky (ktorá stránka je úvodná) a Dodatočné CSS.
Menu a Widgety
Dva samostatné panely. V Menu priradíte položky do umiestnení, ktoré téma ponúka. Vo Widgetoch nájdete oblasti pre bočný panel, hlavičku a šesť pätičkových stĺpcov.
Menu s mnohými položkami sa do jedného stĺpca nezmestí. Riešenie aj s hotovými panelmi popisuje Menu a navigácia.
7. Obsahové bloky — sekcie, ktoré téma sama nevie
Blocksy Pro pridáva Obsahové bloky. Sú to samostatné kúsky obsahu, ktoré poskladáte v editore a potom ich necháte zobraziť na presne určenom mieste webu — napríklad pás pod hlavičkou, panel pred pätičkou, vyskakovacie okno alebo ďakovnú stránku po objednávke.
Kedy siahnuť po nich a kedy po bežnej stránke:
- Obsahový blok použite, keď sa má tá istá vec zobraziť na viacerých miestach naraz alebo na mieste, kam sa editorom stránky nedostanete.
- Bežnú stránku z Branike blokov použite vždy, keď ide o samostatný obsah s vlastnou adresou. Prežije aj zmenu témy.
Pozor: obsahové bloky sú funkcia témy. Pri prechode na inú tému sa neprenesú a ich obsah budete musieť poskladať nanovo. Čím viac ich máte, tým dlhší bude prechod.
8. Tipy a dobrá prax
- Farby meňte v palete, nie v jednotlivých blokoch. Keď si farbu naklikáte priamo do bloku, zostane tam natvrdo a pri zmene značky ju budete hľadať po celom webe.
- Dva rezy písma stačia. Každý ďalší je súbor navyše a je cítiť na rýchlosti.
- Vlastné CSS píšte do detskej témy, nie do poľa Dodatočné CSS. V detskej téme ho máte pohromade, v zálohe a v histórii zmien.
- Logo nahrajte v dvojnásobnej šírke, než v akej sa zobrazuje. WordPress si väčšiu verziu vypýta sám a na retina obrazovkách bude logo ostré.
- Po každej väčšej zmene sa pozrite na mobil. Na šírke okolo 390 pixelov vyzerá veľa vecí inak než na počítači.
- Publikujte po častiach. Keď naraz zmeníte pätnásť vecí a niečo sa rozsype, hľadáte príčinu v pätnástich zmenách.
9. Riešenie problémov
Zmenil som farbu a nič sa nestalo. Skoro vždy je to takto: blok má farbu nastavenú priamo v sebe a tá prebíja paletu. Otvorte blok v editore a farbu z neho odoberte, aby sa vrátil k palete. Druhá možnosť je vyrovnávacia pamäť — pozrite sa v anonymnom okne.
Zmena v Prispôsobiť sa neprejavila na webe. Skontrolujte, či ste klikli na Publikovať. Náhľad ukazuje aj to, čo ešte nie je zverejnené.
Hlavička na mobile vyzerá inak, než čakám. Hlavička má samostatné nastavenie pre mobil. Prepnite v Prispôsobiť náhľad na mobilné zobrazenie a upravte ho tam — nastavenie pre počítač sa na mobil nevzťahuje.
Web je pomalý. Najčastejšie sú to obrázky nahrané v obrovskom rozlíšení a príliš veľa rezov písma. Skóre a konkrétne body vám ukáže Site Manager.
Po aktualizácii témy zmizli moje úpravy. Boli písané do hlavnej témy namiesto detskej. Skontrolujte vo Vzhľad → Témy, či je aktívna Branike Blocksy.
Účtové menu nemá odkaz, ktorý čakám. Odkazy sa zbierajú z pluginov. Ak chýba napríklad odkaz na kurzy, plugin nie je aktívny alebo nemá platnú licenciu — pozrite sa do Branike HUB.
10. Súvisiace pluginy a integrácie
- Branike HUB — licenčný kľúč a aktualizácie témy aj všetkých pluginov
- Branike bloky — vzory a obsahové bloky, z ktorých skladáte stránky
- Branike WooKit — e-shop; jeho nastavenia vzhľadu nájdete v Prispôsobiť pod WooCommerce
- Branike Consent — súhlasy; sem patria meracie a marketingové skripty
- Branike Site Manager — rýchlosť, zálohy a stav webu
11. Časté otázky
Musím prejsť na Branike tému? Nie. Žiadny termín nie je stanovený a Blocksy podporujeme ďalej.
Prídem pri prechode o obsah? Nie. Články, stránky, produkty aj médiá zostávajú. Prenáša sa rám, nie obraz. Čo sa neprenesie, sú nastavenia témy, widgety a obsahové bloky — tie sa v novej téme skladajú nanovo.
Môžem mať obe témy naraz? Nainštalované áno, aktívna vždy len jedna. Prechod sa robí na kópii webu, nie naživo.
Prežijú moje úpravy aktualizáciu? Áno, ak sú v detskej téme Branike Blocksy. Ak sú v hlavnej téme, neprežijú.
Kde nastavím tmavý režim? Blocksy ho nemá ako jedno nastavenie odvodené z palety — dá sa naň dopracovať cez farby a vlastné CSS. Ak ho potrebujete ako hotovú vec, má ho Branike téma.
Prečo sú v Prispôsobiť sekcie s názvom, ktorý gramaticky nesedí? Niektoré názvy si téma skladá sama z názvu typu obsahu, a slovenčina to nie vždy vydá pekne. Je to len popiska v administrácii, na váš web ani na návštevníkov to nemá vplyv.
12. Potrebujete pomoc?
Ak niečo nesedí, napíšte nám cez kontaktný formulár. Pomôže, keď priložíte adresu stránky, o ktorú ide, a snímku obrazovky.