Dostosowanie podstawowej struktury HTML i układu strony
Każda nowo utworzona strona używa początkowo standardowego układu CMS bluetronix. W tym poradniku dowiesz się, jak skonstruowane jest to HTML, jak definiować własne układy i jak przypisywać je poszczególnym stronom.
Standardowy układ nowej strony
Nowo utworzona strona w systemie bluetronix CMS automatycznie korzysta ze standardowego układu. Ten układ stanowi HTML-owe podstawy, w których wyświetlany jest zawartość twojej strony internetowej.
W standardowym układzie automatycznie wstawiane są na przykład nagłówek i stopka. Inne elementy, takie jak przycisk chatbota, mogą być również częścią tej struktury.
Jeśli chcesz ukryć niektóre elementy lub domyślnie włączyć własne elementy do układu, możesz dostosować HTML-owe podstawy.
Otwórz podstawową strukturę HTML
Otwórz Układ ⯈ Html-układ.
Znajdziesz tam istniejące HTML-owe podstawy lub definicje układu.
Pierwszym wpisem jest Standardowy układ. Ten układ jest domyślnie używany dla nowych stron HTML.
Budowa standardowego układu
<!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>W standardowym układzie automatycznie wstawiane są między innymi nagłówek i stopka.
Główna zawartość twojej strony HTML jest wstawiana w obszarze Main, czyli w znaczniku __DB_Layout_Main__.
Dodatkowo system bluetronix CMS automatycznie ustawia różne wartości i znaczniki. Należą do nich na przykład tryb ciemny Bootstrap, język oraz tytuł strony internetowej.
Dodatkowo potrzebne skrypty bluetronix są automatycznie uruchamiane.
Układ pojedynczej strony
Obok standardowego układu dostępny jest również układ Pojedyncza strona.
Ten układ różni się od normalnego standardowego układu. Na przykład przycisk czatu i informacja o plikach cookie mogą być ukryte.
Dzięki temu możesz używać innej struktury dla niektórych stron, nie zmieniając standardowego układu wszystkich innych stron.
Stworzyć własny układ
Możesz również stworzyć własne wpisy układu i zdefiniować własne HTML-owe podstawy.
W tym przykładzie stworzymy własny wpis układu o nazwie Test-układ.
W ramach tego układu możesz określić, które elementy mają być domyślnie wstawiane na stronie.
Wybrać układ dla strony
Zdefiniowane układy możesz później przypisać bezpośrednio do strony HTML.
Aby to zrobić, otwórz Edytor i przejdź do Ustawień strony.
Naciśnij na wybór układu. Pokażą się dostępne definicje układu.
Także samodzielnie stworzone układy, takie jak Test-układ, będą dostępne do wyboru.
Zmień układ strony
Wybierz żądany układ, a następnie naciśnij Zapisz.
Strona będzie następnie używać wybranego szkieletu układu.
W ten sposób możesz używać różnych szkieletów dla różnych stron oraz na przykład ustalać, które ogólne elementy mają być wyświetlane na danej stronie.
Podsumowanie
Układ określa podstawową strukturę HTML strony w systemie bluetronix CMS. Nowe strony najpierw używają układu domyślnego.
Przez Układ ⯈ Układ-HTML możesz przeglądać istniejące układy i tworzyć własne definicje układów. Następnie możesz wybrać żądany układ przez Ustawienia strony ⯈ Układ i zatwierdzić go przyciskiem Zapisz.
FAQ
co klienci często nas pytają
Jaki układ ma nowo utworzona strona?
Nowo utworzona strona HTML automatycznie używa domyślnego układu systemu bluetronix CMS.
Gdzie znajdę dostępne układy HTML?
Otwórz Układ ⯈ Układ-HTML. Tam znajdziesz dostępne definicje układów.
Co jest automatycznie włączane przez układ domyślny?
Przez układ domyślny mogą być na przykład włączane nagłówki, stopki i inne ogólne elementy, takie jak przycisk czatu.
Gdzie wstawiany jest właściwy zawartość mojej strony HTML?
Zawartość strony jest wstawiana w obrębie głównego obszaru, w znaczniku DB Layout Main.
Co to jest układ Single Page?
Single Page to alternatywna definicja układu. Mogą tam być na przykład ukryte przycisk czatu i powiadomienie o plikach cookie.
Czy mogę stworzyć własny układ?
Tak. Możesz stworzyć własny wpis układu i w nim zdefiniować własną strukturę HTML.
Jak przypisuję stronie inny układ?
Otwórz Edytor, przejdź do Ustawienia strony, wybierz żądany układ i naciśnij następnie Zapisz.
Czy własne układy będą także wyświetlane w edytorze?
Tak. Własne definicje układów, takie jak stworzone w samouczku Układ testowy, będą również wyświetlane w wyborze układów.