Sivun HTML-perusrakenne ja asettelu
Jokainen uusi sivu käyttää aluksi bluetronix CMS:n oletusasettelua. Tässä oppaassa opit, miten tämä HTML-perusrakenne on rakennettu, miten määrität omat asettelusi ja miten voit liittää ne sitten yksittäisiin sivuihin.
Uuden sivun oletusasettelu
Uudelleen luotu sivu bluetronix CMS:ssä käyttää automaattisesti oletuslayoutia. Tämä layout muodostaa HTML-perusrungon, jossa verkkosivusi sisältö näytetään.
Oletuslayoutin kautta liitetään automaattisesti esimerkiksi yläpalkki ja alatunniste. Myös muita elementtejä, kuten chatbot-painike, voi olla osa tätä perusrungkoa.
Jos et halua näyttää tiettyjä elementtejä tai haluat integroida omia elementtejä oletusarvoisesti layoutiin, voit muokata HTML-perusrungkoa.
Avaa HTML-perusrakenne
Avaa Layout ⯈ Layout-Html.
Sieltä löydät olemassa olevat HTML-perusrungot eli layout-määritykset.
Ensimmäinen merkintä on Oletuslayout. Tätä layoutia käytetään oletusarvoisesti uusilla HTML-sivuilla.
Oletustason rakenne
<!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>Oletuslayoutissa yläpalkki ja alatunniste liitetään automaattisesti.
HTML-sivusi varsinaiset sisällöt lisätään Main-alueen sisälle tai merkkiin __DB_Layout_Main__.
Lisäksi bluetronix CMS asettaa automaattisesti erilaisia arvoja ja merkkejä. Näihin kuuluvat esimerkiksi Bootstrapin tummat tilat, kieli ja verkkosivun otsikko.
Tarvittavat bluetronix-skriptit suoritetaan myös automaattisesti.
Yksi sivu -layout
Oletuslayoutin lisäksi käytettävissä on myös Yksi sivu -layout.
Tämä layout poikkeaa normaalista oletuslayoutista. Siellä voi esimerkiksi piilottaa chat-painikkeen ja evästehälytyksen.
Tätä voit käyttää erilaiseen perusrunkoon tietyillä sivuilla, ilman että tarvitsee muuttaa muiden sivujen oletuslayoutia.
Luo oma layout
Voit lisäksi luoda omia layout-merkintöjä ja määritellä omia HTML-perusrunkoja.
Tässä esimerkissä luomme oman layout-merkinnän nimeltä Testi-layout.
Tämän layoutin sisällä voit määrittää, mitkä osat liitetään oletusarvoisesti sivulle.
Valitse layout yhdelle sivulle
Määritellyt layoutit voit myöhemmin liittää suoraan HTML-sivulle.
Avaa sitä varten Muokkaa ja siirry Sivuasetukset.
Napauta layout-valintaa. Siellä näkyvät olemassa olevat layout-määritykset.
Myös itse luodut layoutit, kuten Testi-layout, tarjotaan valittavaksi.
Vaihda sivun layoutia
Valitse haluamasi asettelu ja napauta sitten Tallenna.
Sivu käyttää sen jälkeen valittua asettelupohjaa.
Tällä tavalla voit käyttää eri sivuilla erilaisia pohjia ja määrittää esimerkiksi, mitkä yleiset elementit näkyvät kullekin sivulle.
Yhteenveto
Asettelu määrittää perus HTML-rakenteen sivulle bluetronix CMS:ssä. Uudet sivut käyttävät aluksi oletusasettelua.
Valikon Asettelu ⯈ Asettelu HTML kautta voit tarkastella olemassa olevia asetteluja ja luoda omat asettelumääritelmäsi. Sen jälkeen voit valita haluamasi asettelun valikosta Sivuasetukset ⯈ Asettelu ja hyväksyä sen napauttamalla Tallenna.
UKK
mitä asiakkaat meiltä usein kysyvät
Mikä asettelu käytetään uudelle luodulle sivulle?
Uusi HTML-sivu käyttää automaattisesti bluetronix CMS:n oletusasettelua.
Mistä löydän olemassa olevat HTML-asettelut?
Avaa Asettelu ⯈ Asettelu HTML. Sieltä löydät olemassa olevat asettelumääritelmät.
Mitä oletusasettelun kautta liitetään automaattisesti?
Oletusasettelu voi sisältää esimerkiksi yläpalkin, alatunnisteen ja muita yleisiä elementtejä, kuten chatbot-painikkeen.
Missä varsinaiset HTML-sivuni sisällöt lisätään?
Sivun sisältö lisätään pääalueen sisällä tai DB Asettelu Pää -merkin kohdalle asetteluun.
Mikä on Single Page -asettelu?
Single Page on vaihtoehtoinen asettelumääritelmä. Siellä chat-painike ja evästeiden ilmoitus voivat olla piilotettuina.
Voinko luoda oman asettelun?
Kyllä. Voit luoda oman asettelutietueen ja määrittää siinä oman HTML-pohjasi.
Miten annan sivulle toisen asettelun?
Avaa Editori, siirry Sivuasetukset kohtaan, valitse haluamasi asettelu ja napauta sitten Tallenna.
Näytetäänkö itse luodut asettelut myös editorissa?
Kyllä. Omia asettelumääritelmiä, kuten opetusohjelmassa luotua Testi-asettelua, näytetään myös asetteluvalinnassa.