Upravit základní strukturu a rozložení stránky

Standardní rozložení nové stránky

Nově vytvořená stránka v bluetronix CMS automaticky používá standardní rozložení. Toto rozložení tvoří základní HTML strukturu, ve které se zobrazuje obsah vaší webové stránky.

Díky standardnímu rozložení jsou automaticky přidány například hlavička a patička. Další prvky, jako je tlačítko pro chat, mohou být také součástí této základní struktury.

Pokud nechcete zobrazovat určité prvky nebo chcete do rozložení standardně integrovat vlastní prvky, můžete přizpůsobit základní HTML strukturu.

Otevřít HTML základní strukturu

Otevřete Rozložení ⯈ Layout-HTML.

Zde najdete existující základní HTML struktury neboli definice rozložení.

První záznam je Standardní rozložení. Toto rozložení se standardně používá pro nové HTML stránky.

Vytvoření standardního rozložení

<!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>

Ve standardním rozložení jsou automaticky zahrnuty mimo jiné hlavička a patička.

Skutečný obsah vaší HTML stránky se vkládá do hlavní oblasti neboli na značku __DB_Layout_Main__.

Kromě toho bluetronix CMS automaticky nastavuje různé hodnoty a značky. Sem patří například tmavý režim Bootstrapu, jazyk a název webové stránky.

Dále se automaticky spouští potřebné skripty bluetronix.

Rozložení Jedna stránka

Kromě standardního rozložení je k dispozici také rozložení Jedna stránka.

Toto rozložení se liší od běžného standardního rozložení. Například tam mohou být skryty tlačítko chatu a upozornění na cookies.

Díky tomu můžete pro určité stránky použít jinou základní strukturu, aniž byste museli měnit standardní rozložení všech ostatních stránek.

Vytvořit vlastní rozložení

Můžete také vytvářet vlastní záznamy rozložení a definovat tak vlastní základní HTML struktury.

V tomto příkladu vytvoříme vlastní záznam rozložení s názvem Testovací rozložení.

V rámci tohoto rozložení můžete určit, které prvky se mají na stránce standardně zahrnout.

Vybrat rozložení pro stránku

Definovaná rozložení můžete později přiřadit přímo HTML stránce.

Otevřete k tomu Editor a přejděte na Nastavení stránky.

Klepněte na výběr rozložení. Zde se zobrazí existující definice rozložení.

I vlastní rozložení, jako je Testovací rozložení, jsou zde k dispozici.

Změnit rozložení stránky

Vyberte požadované rozložení a poté klikněte na Uložit.

Stránka poté použije vybrané rozložení.

Tímto způsobem můžete používat různá rozložení pro různé stránky a například určit, které obecné prvky se na dané stránce zobrazí.

Shrnutí

Rozložení určuje základní HTML strukturu stránky v systému bluetronix CMS. Nové stránky zpočátku používají standardní rozložení.

Pomocí Rozložení ⯈ HTML rozložení můžete zobrazit existující rozložení a vytvořit vlastní definice rozložení. Pak si můžete vybrat požadované rozložení přes Nastavení stránky ⯈ Rozložení a potvrdit jej Uložit.