Juster HTML-strukturen og layouten til en side
Hver nyopprettede side bruker først standardlayouten til bluetronix CMS. I denne veiledningen lærer du hvordan denne HTML-strukturen er bygget opp, hvordan du definerer egne layouter og deretter tilordner dem til enkelt-sider.
Standardlayouten til en ny side
En nyopprettet side i bluetronix CMS bruker automatisk standardoppsettet. Dette oppsettet utgjør HTML-grunnstrukturen der innholdet på nettsiden din vises.
Standardoppsettet inkluderer for eksempel automatisk en topp- og bunntekst. Andre elementer som chatbot-knappen kan også være en del av denne grunnstrukturen.
Hvis du ikke vil vise bestemte elementer eller ønsker å integrere egne elementer som standard i oppsettet, kan du tilpasse HTML-grunnstrukturen.
Åpne HTML-strukturen
Åpne Oppsett ⯈ Oppsett-Html.
Der finner du de eksisterende HTML-grunnstrukturene eller oppsettdefinisjonene.
Den første oppføringen er Standard-oppsettet. Dette oppsettet brukes som standard for nye HTML-sider.
Oppbygging av standardoppsettet
<!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 standardoppsettet blir blant annet topp- og bunntekst automatisk inkludert.
Det egentlige innholdet på HTML-siden din settes inn i hovedområdet eller merket __DB_Layout_Main__.
I tillegg setter bluetronix CMS automatisk ulike verdier og merker. Dette inkluderer for eksempel mørk modus fra Bootstrap, språket og tittelen på nettsiden.
I tillegg blir de nødvendige bluetronix-skriptene automatisk utført.
Enkeltoppsett
Ved siden av standardoppsettet er også oppsettet Enkeltoppsett tilgjengelig.
Dette oppsettet skiller seg fra det normale standardoppsettet. Her kan for eksempel chat-knappen og informasjonskapselvarselet være skjult.
Dermed kan du bruke en annen grunnstruktur for bestemte sider uten å måtte endre standardoppsettet for alle andre sider.
Lag et eget oppsett
Du kan i tillegg lage egne oppsettoppføringer og dermed definere egne HTML-grunnstrukturer.
I dette eksemplet lager vi en egen oppsettoppføring med betegnelsen Test-oppsett.
Innenfor dette oppsettet kan du angi hvilke elementer som skal inkluderes som standard på en side.
Velg et oppsett for en side
De definerte oppsettene kan senere tildeles direkte til en HTML-side.
Åpne Editor og gå til Sideinnstillinger.
Trykk på oppsettvalget. Der vil de eksisterende oppsettdefinisjonene vises.
Også selvlagde oppsett som Test-oppsett vil være tilgjengelige for valg.
Bytt oppsett for en side
Velg det ønskede layoutet og trykk deretter på Lagre.
Siden vil deretter bruke det valgte layoutet.
På denne måten kan du bruke forskjellige strukturer for ulike sider og for eksempel bestemme hvilke generelle elementer som vises på den aktuelle siden.
Sammendrag
Layoutet bestemmer den grunnleggende HTML-strukturen til en side i bluetronix CMS. Nye sider bruker først standard-layoutet.
Via Layout ⯈ Layout-HTML kan du se eksisterende layout og lage egne layout-definisjoner. Deretter kan du velge ønsket layout via Sideinnstillinger ⯈ Layout og bekrefte med Lagre.
FAQ
hva kunder ofte spør oss om
Hvilket layout bruker en nyopprettet side?
En nyopprettet HTML-side bruker automatisk standard-layoutet i bluetronix CMS.
Hvor finner jeg de eksisterende HTML-layoutene?
Åpne Layout ⯈ Layout-HTML. Der finner du de eksisterende layout-definisjonene.
Hva blir automatisk inkludert via standard-layoutet?
Via standard-layoutet kan for eksempel topptekst, bunntekst og andre generelle elementer som chat-knappen inkluderes.
Hvor settes selve innholdet på HTML-siden min inn?
Innholdet på siden settes inn i hovedområdet eller ved merket DB Layout Hoved i layoutet.
Hva er layoutet Single Page?
Single Page er en alternativ layout-definisjon. Der kan for eksempel chat-knappen og informasjonsvinduet for informasjonskapsler være skjult.
Kan jeg lage et eget layout?
Ja. Du kan lage en egen layout-post og definere din egen HTML-struktur.
Hvordan tildeler jeg et annet layout til en side?
Åpne Editor, gå til Sideinnstillinger, velg ønsket layout og trykk deretter på Lagre.
Vises egendefinerte layout også i editoren?
Ja. Egne layout-definisjoner som det Test-layout laget i opplæringen vises også i layout-utvalget.