레이아웃 테마의 <body> 섹션은 섹션과 위젯으로 구성되어 있습니다.
- 섹션은 사이드바, 바닥글과 같은 페이지 영역입니다.
- 위젯은 페이지, 블로그롤 또는 '페이지 요소' 탭에서 추가할 수 있는 기타 요소와 같은 페이지 요소입니다.
테마의 섹션에 원하는 대로 HTML을 포함할 수 있습니다.
섹션
테마의 각 섹션에는 다음과 같은 여는 태그와 닫는 태그가 있습니다.
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
</b:section>
<b:section> 태그 속성
- id – (필수) 문자와 숫자로만 된 고유한 이름입니다.
- class – (선택) 일반적인 클래스 이름으로 'navbar', 'header', 'main', 'sidebar', 'footer' 등이 있습니다. 나중에 테마를 변경하면 Blogger가 이러한 이름을 통해 콘텐츠를 전송하는 방식을 결정합니다.
- maxwidgets – (선택) 섹션에서 허용되는 최대 위젯 개수입니다. 한계를 지정하지 않고 사용할 수도 있습니다.
- showaddelement – (선택) 'yes' 또는 'no'가 될 수 있으며 기본은 'yes'입니다. 페이지 요소 탭에서 섹션의 '페이지 요소 추가' 링크를 표시할지 결정합니다.
- growth – (선택) 'horizontal' 또는 'vertical'이 될 수 있으며 기본은 'vertical'입니다. 섹션 내의 위젯을 가로로 정렬할지 세로로 정렬할지 결정합니다.
섹션에는 위젯만 포함될 수 있습니다. 섹션 내에서 추가 코드를 삽입하려면 섹션을 둘 이상의 새로운 섹션으로 나누세요.
위젯
위젯은 '페이지 요소' 탭에서 위젯이 처리되는 방식을 나타내는 자리표시자인 태그 하나로 표시됩니다.
다음은 위젯의 예(페이지 헤더 및 목록용)입니다.
<b:widget id="header" type='HeaderView' locked="yes"/>
<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>
<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>
위젯 속성
- id – (필수) 문자와 숫자만 포함되며, 테마에 있는 각 위젯 ID는 고유해야 합니다. 위젯 ID는 위젯을 삭제하고 새로 만들지 않는 한 변경될 수 없습니다.
- type – (필수) 위젯의 종류를 나타냅니다.
- locked – (선택) 'yes' 또는 'no'가 될 수 있으며 기본값은 'no'입니다. 잠긴 위젯은 페이지 요소 탭에서 이동 또는 삭제할 수 없습니다.
- title – (선택) 표시 제목이 지정되어 있지 않으면 'List1'과 같은 기본 제목이 사용됩니다.
- pageType – (선택) 'all', 'archive', 'main' 또는 'item'이 될 수 있으며 기본값은 'all'입니다. 위젯은 블로그의 지정된 페이지에만 표시됩니다. (모든 위젯은 pageType과 관계없이 '페이지 요소' 탭에 표시됩니다.)
- mobile – (선택) 'yes', 'no' 또는 ‘only’가 될 수 있으며 기본값은 'default'입니다. 이 속성은 위젯을 모바일에 표시할지 결정합니다. 모바일 속성이 'default'인 경우, 헤더, 블로그, 프로필, PageList, 애드센스, 저작자 표시만 모바일에 표시됩니다.
참고: 게시된 블로그에서 모든 <b:section> 및 <b:widget> 태그는 지정된 ID가 포함된 <div> 태그로 대체됩니다. 이를 통해 CSS에서 div#header 또는 div#myList 등을 나타낼 수 있습니다.