페이지의 HTML 기본 구조 및 레이아웃 조정
새로 생성된 페이지는 처음에 bluetronix CMS의 기본 레이아웃을 사용합니다. 이 튜토리얼에서는 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 스크립트 또한 자동으로 실행됩니다.
싱글 페이지 레이아웃
기본 레이아웃 외에도 싱글 페이지 레이아웃이 제공됩니다.
이 레이아웃은 일반적인 기본 레이아웃과 다릅니다. 거기에서는 챗 버튼 및 쿠키 알림이 숨겨질 수 있습니다.
이를 통해 특정 페이지에 대해 다른 구조를 사용할 수 있으며 다른 모든 페이지의 기본 레이아웃을 변경할 필요는 없습니다.
고유한 레이아웃 만들기
추가로 고유한 레이아웃 항목을 생성하고 이를 통해 고유한 HTML 구조를 정의할 수 있습니다.
이 예에서는 테스트 레이아웃이라는 고유한 레이아웃 항목을 생성합니다.
이 레이아웃 내에서 기본적으로 페이지에 포함되어야 할 구성 요소를 설정할 수 있습니다.
페이지에 대한 레이아웃 선택하기
정의된 레이아웃은 나중에 HTML 페이지에 직접 할당할 수 있습니다.
이를 위해 편집기를 열고 페이지 설정으로 이동합니다.
레이아웃 선택을 누릅니다. 거기에서 기존 레이아웃 정의가 표시됩니다.
자신이 만든 레이아웃인 테스트 레이아웃도 선택할 수 있습니다.
페이지의 레이아웃 변경하기
원하는 레이아웃을 선택한 후 저장을 누르세요.
페이지는 선택한 레이아웃 프레임을 사용합니다.
이렇게 하면 서로 다른 페이지에 대해 다양한 기초 레이아웃을 사용할 수 있으며, 각 페이지에 표시할 일반 요소를 설정할 수 있습니다.
요약
레이아웃은 bluetronix CMS의 페이지 기본 HTML 구조를 결정합니다. 새로운 페이지는 처음에 기본 레이아웃을 사용합니다.
레이아웃 ⯈ 레이아웃-HTML을 통해 기존 레이아웃을 보고 사용자 정의 레이아웃 정의를 만들 수 있습니다. 그런 다음 페이지 설정 ⯈ 레이아웃을 통해 원하는 레이아웃을 선택하고 저장을 클릭하세요.
FAQ
고객들이 자주 묻는 질문
새로 생성된 페이지는 어떤 레이아웃을 사용하나요?
새로 생성된 HTML 페이지는 자동으로 bluetronix CMS의 기본 레이아웃을 사용합니다.
기존 HTML 레이아웃은 어디에서 찾을 수 있나요?
레이아웃 ⯈ 레이아웃-HTML을 열세요. 거기에서 기존 레이아웃 정의를 찾을 수 있습니다.
기본 레이아웃을 통해 자동으로 포함되는 것은 무엇인가요?
기본 레이아웃을 통해 예를 들어 헤더, 푸터 및 챗봇 버튼과 같은 일반 요소가 포함될 수 있습니다.
내 HTML 페이지의 실제 내용은 어디에 삽입되나요?
페이지의 내용은 Main 영역 내지 DB Layout Main 태그에 삽입됩니다.
단일 페이지 레이아웃이란 무엇인가요?
단일 페이지는 대체 레이아웃 정의입니다. 여기에서는 예를 들어 챗 버튼과 쿠키 알림이 숨겨질 수 있습니다.
나만의 레이아웃을 만들 수 있나요?
네. 나만의 레이아웃 항목을 만들고 그 안에 자신의 HTML 기본 구조를 정의할 수 있습니다.
페이지에 다른 레이아웃을 어떻게 지정하나요?
편집기를 열고 페이지 설정으로 이동한 후 원하는 레이아웃을 선택하고 저장을 클릭하세요.
직접 만든 레이아웃도 편집기에 표시되나요?
네. 튜토리얼에서 만든 테스트 레이아웃과 같은 사용자 정의 레이아웃 정의도 레이아웃 선택에 표시됩니다.