Tilpasse HTML-strukturen og layoutet af en side
Hver nyoprettede side bruger først standardlayoutet for bluetronix CMS. I denne tutorial lærer du, hvordan dette HTML-grundlag er opbygget, hvordan du definerer dine egne layout og derefter tildeler dem til individuelle sider.
Standardlayoutet for en ny side
En nyoprettet side i bluetronix CMS bruger automatisk standard-layoutet. Dette layout danner HTML-grundlaget, hvori indholdet på din hjemmeside vises.
Gennem standard-layoutet indsættes eksempelvis automatisk en header og en footer. Andre elementer som chatbot-knappen kan også være en del af dette grundlag.
Hvis du ikke ønsker at vise bestemte elementer eller vil integrere egne elementer som standard i layoutet, kan du tilpasse HTML-grundlaget.
Åbne HTML-grundlaget
Åbn Layout ⯈ Layout-Html.
Her finder du de eksisterende HTML-grundlag eller layout-definitioner.
Den første post er Standard-layoutet. Dette layout bruges som standard til nye HTML-sider.
Opbygning af standard-layout
<!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 standard-layoutet indsættes blandt andet header og footer automatisk.
Det faktiske indhold på din HTML-side indsættes i Main-området eller ved mærket __DB_Layout_Main__.
Desuden sætter bluetronix CMS automatisk forskellige værdier og mærker. Dette omfatter eksempelvis Dark Mode fra Bootstrap, sproget og titlen på hjemmesiden.
Derudover køres de nødvendige bluetronix-scripts automatisk.
Single Page-layoutet
Foruden standard-layoutet er layoutet Single Page også tilgængeligt.
Dette layout adskiller sig fra det normale standard-layout. Her kan eksempelvis chat-knappen og cookie-beskeden være skjult.
Dette betyder, at du kan bruge en anden grundstruktur til bestemte sider uden at ændre standard-layoutet for alle andre sider.
Opret et eget layout
Du kan desuden oprette egne layout-poster og dermed definere egne HTML-grundlag.
I dette eksempel opretter vi en egen layout-post med navnet Test-layout.
Inden for dette layout kan du fastlægge, hvilke komponenter der som standard skal indsættes på en side.
Vælg et layout til en side
De definerede layouts kan du senere direkte tilknytte en HTML-side.
Åbn herefter Editor og gå til Sideindstillinger.
Tryk på layout-valget. Her vises de eksisterende layout-definitioner.
Selvoprettede layouts som Test-layout vil også blive tilbudt der til valg.
Skift layoutet på en side
Vælg det ønskede layout, og tryk derefter på Gem.
Siden vil derefter bruge den valgte layout-struktur.
På denne måde kan du bruge forskellige strukturer til forskellige sider og f.eks. bestemme, hvilke generelle elementer der vises på den enkelte side.
Sammendrag
Layoutet bestemmer den grundlæggende HTML-struktur for en side i bluetronix CMS. Nye sider bruger først standard-layoutet.
Over Layout ⯈ Layout-Html kan du se eksisterende layouts og oprette dine egne layout-definitioner. Derefter kan du vælge det ønskede layout via Sideindstillinger ⯈ Layout og overtage det med Gem.
FAQ
hvad kunder ofte spørger os
Hvilket layout bruges på en nyoprettet side?
En nyoprettet HTML-side bruger automatisk standard-layoutet i bluetronix CMS.
Hvor finder jeg de eksisterende HTML-layouts?
Åbn Layout ⯈ Layout-Html. Her finder du de eksisterende layout-definitioner.
Hvad bliver automatisk inkluderet via standard-layoutet?
Via standard-layoutet kan f.eks. header, footer og andre generelle elementer som chatknappen inkluderes.
Hvor indsættes det egentlige indhold på min HTML-side?
Indholdet af siden indsættes inden for hovedområdet eller ved mærket DB Layout Main i layoutet.
Hvad er layoutet Single Page?
Single Page er en alternativ layout-definition. Her kan chat-knappen og cookie-meddelelsen f.eks. være skjult.
Kan jeg oprette et eget layout?
Ja. Du kan oprette en egen layout-post og definere din egen HTML-struktur i den.
Hvordan tildeler jeg et andet layout til en side?
Åbn Editor, gå til Sideindstillinger, vælg det ønskede layout, og tryk derefter på Gem.
Vises selvoprettede layouts også i Editor?
Ja. Egne layout-definitioner som det Test-layout, der er oprettet i tutorialen, vises også i layout-valget.