Upraviť základnú štruktúru HTML a rozloženie stránky

Štandardné rozloženie novej stránky

Novovytvorená stránka v systéme bluetronix CMS automaticky používa štandardné rozloženie. Toto rozloženie tvorí HTML základ, v ktorom sa zobrazuje obsah tvojej webovej stránky.

Štandardné rozloženie automaticky obsahuje napríklad hlavičku a pätičku. Rovnako môžu byť súčasťou tohto základu aj ďalšie prvky, ako je tlačidlo chatbota.

Ak chceš niektoré prvky nezobrazovať alebo integrovať vlastné prvky do rozloženia predvolene, môžeš prispôsobiť HTML základ.

Otvoriť základnú štruktúru HTML

Otvor Rozloženie ⯈ HTML-rozloženie.

Tam nájdeš existujúce HTML základy a definície rozloženia.

Prvý záznam je štandardné rozloženie. Toto rozloženie sa predvolene používa pre nové HTML stránky.

Zostavenie štandardného rozloženia

<!DOCTYPE html>
<html class="wide wow-animation" data-bs-theme="__DB_GB_HTMLDarkMode__" lang="__DB_WebSiteLang__">
<head>
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
   __DB_HeadTitle__
   <link rel="icon" href="/img/favicon.ico" type="image/x-icon">
   <script src="__FV_/bx_script/BxHeadScript_own_min.js__"></script>
   <link rel="stylesheet" href="__FV_/bx_style/BxStyle_own_min.css__">
</head>
<body>

__DB_Layout_/bx_Header.html__

<main>
   __DB_Layout_Main__
</main>

__DB_Layout_/bx_Footer.html__

<script src="__FV_/bx_script/BxScript_own_min.js__"></script>
</body>
</html>

V štandardnom rozložení sa automaticky pridávajú hlavička a pätička.

Skutočný obsah tvojej HTML stránky sa vkladá do hlavnej časti alebo na značku __DB_Layout_Main__.

Okrem toho systémy bluetronix CMS automaticky nastavujú rôzne hodnoty a značky. Sem patrí napríklad Dark Mode z Bootstrap, jazyk a názov webovej stránky.

Okrem toho sa automaticky vykonávajú potrebné skripty bluetronix.

Rozloženie jednej stránky

Okrem štandardného rozloženia je k dispozícii aj rozloženie jedna stránka.

Toto rozloženie sa líši od normálneho štandardného rozloženia. Napríklad tu môžu byť skryté tlačidlo chatu a upozornenie na cookies.

Tak môžeš pre určité stránky použiť iný základ, bez toho, aby si musel meniť štandardné rozloženie všetkých ostatných stránok.

Vytvoriť vlastné rozloženie

Môžeš si tiež vytvoriť vlastné záznamy rozloženia a definovať tak vlastné HTML základy.

V tomto príklade vytvoríme vlastný záznam rozloženia s označením Test-rozloženie.

V rámci tohto rozloženia môžeš určiť, ktoré komponenty sa majú predvolene pridať na stránku.

Vybrať rozloženie pre stránku

Definované rozloženia môžeš neskôr priradiť priamo HTML stránke.

Otvor Editor a choď do Nastavenia stránky.

Klepni na výber rozloženia. Tam sa ti zobrazia dostupné definície rozloženia.

Aj vlastné rozloženia, ako Test-rozloženie, budú tam k dispozícii na výber.

Zmeniť rozloženie stránky

Vyberte požadované rozloženie a potom klepnite na Uložiť.

Stránka potom použije vybrané základné rozloženie.

Týmto spôsobom môžete pre rôzne stránky používať rôzne základné rozloženia a napríklad určiť, aké všeobecné prvky sa na konkrétnej stránke zobrazia.

Zhrnutie

Rozloženie určuje základnú štruktúru HTML stránky v bluetronix CMS. Nové stránky najprv používajú štandardné rozloženie.

Cez Rozloženie ⯈ Rozloženie-Html môžete zobraziť existujúce rozloženia a vytvoriť svoje vlastné definície rozloženia. Následne môžete požadované rozloženie vybrať cez Nastavenia stránky ⯈ Rozloženie a potvrdiť ho kliknutím na Uložiť.