셀렉트어드민에는 페이지의 레이아웃을 설정하는 방법이 크게 2가지가 있습니다.
1/ type: left, right, center, top, bottom 활용
지정된 레이아웃 블록으로 쉽게 구성할 수 있어요.
blocks:
- type: top
blocks:
- type: markdown
- type: left
blocks:
- type: markdown
- type: center
blocks:
- type: markdown
- type: right
blocks:
- type: markdown
2/ pages.layout + blocks.layout 활용
페이지 단위로 layout style을 설정한 다음 블록을 어떤곳에 넣을지 지정합니다.
name: page1 과 layout: page1 가 page1 값으로 연결됩니다.
지정된 블록보다 더 자유롭게 설정할 수 있습니다.
pages:
- path: property-detail
layout:
style:
# max-width: 1400px
margin: 0px auto
display: flex
flex-wrap: wrap
div:
- name: page1
style:
width: 100%
- name: page2-1
style:
width: 50%
padding-right: 20px
- name: page2-2
style:
width: 50%
- name: page3
style:
width: 100%
blocks:
- layout: page1
type: markdown
- layout: page2-1
type: markdown
- layout: page2-2
type: markdown
- layout: page3
type: markdown