Justera HTML-strukturen och layouten för en sida

Standardlayouten för en ny sida

En ny skapad sida i bluetronix CMS använder automatiskt standardlayouten. Denna layout utgör HTML-grundstrukturen där innehållet på din webbplats visas.

Genom standardlayouten inkluderas till exempel automatiskt en header och en footer. Även andra element, som chattknappen, kan vara en del av denna grundstruktur.

Om du inte vill visa vissa element eller om du vill integrera egna element i layouten som standard, kan du anpassa HTML-grundstrukturen.

Öppna HTML-strukturen

Öppna Layout ⯈ Layout-Html.

Där hittar du de befintliga HTML-grundstrukturerna eller layoutdefinitionerna.

Den första posten är Standardlayouten. Denna layout används som standard för nya HTML-sidor.

Uppbyggnad av standardlayouten

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

I standardlayouten inkluderas bland annat header och footer automatiskt.

Det faktiska innehållet på din HTML-sida infogas inom huvudområdet eller vid märket __DB_Layout_Main__.

Dessutom ställer bluetronix CMS automatiskt in olika värden och märken. Detta inkluderar till exempel mörkt läge från Bootstrap, språket och titeln på webbplatsen.

Dessutom körs de nödvändiga bluetronix-skripten automatiskt.

Layout för enstaka sida

Förutom standardlayouten finns även layouten Enstaka sida tillgänglig.

Denna layout skiljer sig från den vanliga standardlayouten. Där kan till exempel chattknappen och cookie-meddelandet vara dolda.

Med detta kan du använda en annan grundstruktur för vissa sidor utan att behöva ändra standardlayouten för alla andra sidor.

Skapa en egen layout

Du kan dessutom skapa egna layoutposter och därmed definiera egna HTML-grundstrukturer.

I detta exempel skapar vi en egen layoutpost med namnet Test-layout.

Inom denna layout kan du ange vilka komponenter som som standard ska inkluderas på en sida.

Välj en layout för en sida

De definierade layouterna kan du senare direkt tilldela en HTML-sida.

Öppna då Redigeraren och gå till Sidanställningar.

Tryck på layoutvalet. Där visas de befintliga layoutdefinitionerna.

Även självskapade layouter som Test-layout erbjuds för val där.

Byt layout för en sida

Välj den önskade layouten och tryck sedan på Spara.

Sidan kommer därefter att använda den valda layoutbasen.

På så sätt kan du använda olika baser för olika sidor och till exempel ange vilka allmänna element som ska visas på varje sida.

Sammanfattning

Layouten bestämmer det grundläggande HTML-ramverket för en sida i bluetronix CMS. Nya sidor använder först standardlayouten.

Via Layout ⯈ Layout-Html kan du se befintliga layouter och skapa egna layoutdefinitioner. Du kan sedan välja den önskade layouten via Sidinställningar ⯈ Layout och tillämpa den med Spara.