HTML-alap és egy oldal elrendezésének módosítása
Minden újonnan létrehozott oldal kezdetben a bluetronix CMS alapértelmezett elrendezését használja. Ebből a bemutatóból megtudhatod, hogyan épül fel ez az HTML-alap, hogyan határozhatod meg a saját elrendezéseidet, és hogyan rendelheted ezeket later a különböző oldalakhoz.
Egy új oldal alapértelmezett elrendezése
A bluetronix CMS-ben újonnan létrehozott oldal automatikusan a standard elrendezést használja. Ez az elrendezés képezi a HTML alapstruktúrát, amelyben a weboldalad tartalma megjelenik.
A standard elrendezésen keresztül automatikusan be van ágyazva például egy fejléc és egy lábléc. További elemek, mint például a chatbot gomb, szintén részei lehetnek ennek az alapstruktúrának.
Ha bizonyos elemeket nem szeretnél megjeleníteni, vagy saját elemeket szeretnél alapértelmezés szerint integrálni az elrendezésbe, módosíthatod a HTML alapstruktúrát.
Az HTML-alap megnyitása
Nyisd meg a Layout ⯈ Layout-Html menüpontot.
Itt találod a meglévő HTML alapstruktúrákat vagy elrendezés-definíciókat.
Az első bejegyzés a Standard-Layout. Ezt az elrendezést alapértelmezés szerint új HTML-oldalakhoz használják.
A standard elrendezés felépítése
<!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>A standard elrendezésben többek között automatikusan be van ágyazva a fejléc és a lábléc.
A HTML-oldalad tényleges tartalma a fő területen, vagyis a __DB_Layout_Main__ címkén belül kerül beillesztésre.
Továbbá a bluetronix CMS automatikusan beállít különböző értékeket és címkéket. Ezek közé tartozik például a Bootstrap sötét módja, a nyelv és a weboldal címe.
Emellett a szükséges bluetronix szkriptek automatikusan végrehajtásra kerülnek.
Az elrendezés egyoldalas nézet
A standard elrendezés mellett elérhető a Single Page elrendezés is.
Ez az elrendezés eltér a normál standard elrendezéstől. Itt például a chat gomb és a süti értesítés elrejthető.
Ez lehetővé teszi, hogy bizonyos oldalakhoz más alapstruktúrát használj anélkül, hogy meg kellene változtatnod a többi oldal standard elrendezését.
Saját elrendezés létrehozása
Továbbá saját elrendezés-bejegyzéseket is létrehozhatsz, és ezzel saját HTML alapstruktúrákat definiálhatsz.
Ebben a példában létrehozunk egy saját elrendezés-bejegyzést Test-Layout néven.
Ez az elrendezésen belül meghatározhatod, hogy mely összetevők legyenek alapértelmezés szerint beágyazva egy oldalon.
Elrendezés kiválasztása egy oldalhoz
A meghatározott elrendezéseket később közvetlenül HTML-oldalakhoz rendelheted.
Ehhez nyisd meg a Szerkesztő menüpontot, és lépj a Oldalbeállítások menübe.
Koppints a Layout kiválasztására. Itt a meglévő elrendezés-definíciók jelennek meg.
A saját magad által létrehozott elrendezések, mint például a Test-Layout, szintén választhatók.
Az elrendezés módosítása egy oldalon
Válaszd ki a kívánt elrendezést, majd érints rá a Mentés gombra.
A lap ezután az egyszer kiválasztott elrendezési alapot használja.
Így különböző lapokhoz eltérő alapokat használhatsz, és például meghatározhatod, hogy mely általános elemek jelenjenek meg az adott lapon.
Összefoglalás
Az elrendezés határozza meg egy oldal alap HTML szerkezetét a bluetronix CMS-ben. Az új oldalak kezdetben az alapértelmezett elrendezést használják.
A Elrendezés ⯈ Elrendezés-Html menüpont alatt megtekintheted a meglévő elrendezéseket és létrehozhatsz saját elrendezés-meghatározásokat. Ezután a kívánt elrendezést a Oldalbeállítások ⯈ Elrendezés menüpont alatt választhatod ki, és a Mentés gombra kattintva alkalmazhatod.
GYIK
Miket kérdeznek tőlünk gyakran az ügyfelek?
Melyik elrendezést használ egy frissen létrehozott oldal?
A frissen létrehozott HTML-oldal automatikusan a bluetronix CMS alapértelmezett elrendezését használja.
Hol találom a meglévő HTML-elrendezéseket?
Nyisd meg a Elrendezés ⯈ Elrendezés-Html menüpontot. Ott találod a meglévő elrendezés-meghatározásokat.
Mi kerül automatikusan az alapértelmezett elrendezésbe?
Az alapértelmezett elrendezésbe például a fejléc, lábléc és egyéb általános elemek, mint a chatbot gomb is beépíthetők.
Hol kerül az HTML-oldalam tényleges tartalma?
Az oldal tartalma a fő részben, pontosabban a DB Layout Main címkéhez kerül beillesztésre.
Mi az a Single Page elrendezés?
Single Page egy alternatív elrendezés-meghatározás. Itt például elrejthető a chat gomb és a cookie értesítés.
Létrehozhatok saját elrendezést?
Igen. Létrehozhatsz egy saját elrendezés-bejegyzést, és meghatározhatod a saját HTML alapodat.
Hogyan rendelhetek egy oldalhoz másik elrendezést?
Nyisd meg a Szerkesztő menüt, menj az Oldalbeállítások menüpontba, válaszd ki a kívánt elrendezést, majd koppints a Mentés gombra.
A saját készítésű elrendezések szintén megjelennek a szerkesztőben?
Igen. A saját elrendezés-meghatározások, mint például a tutorial során létrehozott Teszt-elrendezés, szintén megjelennek az elrendezés választásában.