Настройка HTML-структуры и макета страницы

Стандартный макет новой страницы

Новая созданная страница в системе bluetronix CMS автоматически использует стандартный макет. Этот макет формирует основную HTML-структуру, в которой отображается контент вашего веб-сайта.

В стандартном макете автоматически подключаются, например, заголовок и нижний колонтитул. Также дополнительные элементы, такие как кнопка чата, могут быть частью этой структуры.

Если вы не хотите отображать определенные элементы или хотите интегрировать собственные элементы по умолчанию в макет, вы можете настроить основную HTML-структуру.

Открыть HTML-структуру

Откройте Макет ⯈ Html макета.

Здесь вы найдете существующие основные HTML-структуры или определения макетов.

Первый элемент - это Стандартный макет. Этот макет по умолчанию используется для новых HTML-страниц.

Структура стандартного макета

<!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>

В стандартном макете автоматически подключаются заголовок и нижний колонтитул.

Фактический контент вашей HTML-страницы вставляется в основной области или по метке __DB_Layout_Main__.

Кроме того, система bluetronix CMS автоматически устанавливает различные значения и метки. К ним относятся, например, темный режим Bootstrap, язык и заголовок веб-сайта.

Кроме того, необходимые скрипты bluetronix автоматически выполняются.

Макет одностраничного сайта

Кроме стандартного макета также доступен макет Одностраничный сайт.

Этот макет отличается от обычного стандартного макета. Например, там могут быть скрыты кнопка чата и уведомление о cookies.

Таким образом, вы можете использовать другую основную структуру для определенных страниц, не изменяя стандартный макет всех остальных страниц.

Создать собственный макет

Вы также можете создавать собственные записи макетов и таким образом определять свои собственные основные HTML-структуры.

В этом примере мы создаем собственную запись макета с названием Тестовый макет.

Внутри этого макета вы можете определить, какие компоненты должны быть подключены на странице по умолчанию.

Выбрать макет для страницы

Определенные макеты вы можете позже напрямую назначить HTML-странице.

Для этого откройте Редактор и перейдите в Настройки страницы.

Нажмите на выбор макета. Там будут отображены существующие определения макетов.

Также созданные собственные макеты, такие как Тестовый макет, будут предложены для выбора.

Изменить макет страницы

Выберите желаемый макет и затем нажмите Сохранить.

После этого страница будет использовать выбранную основу макета.

Таким образом, вы можете использовать разные основы макета для различных страниц и, например, установить, какие общие элементы будут отображаться на каждой странице.

Резюме

Макет определяет основную HTML-структуру страницы в системе bluetronix CMS. Новые страницы изначально используют стандартный макет.

Через Макет ⯈ Макет-HTML вы можете просмотреть существующие макеты и создать свои собственные определения макетов. Затем вы можете выбрать желаемый макет через Настройки страницы ⯈ Макет и подтвердить изменения, нажав Сохранить.