특정 7.0 버전 템플릿에서는 사이트 레이아웃에 스타일이 적용된 여백을 추가할 수 있습니다.

일부 7.0 버전 템플릿에는 "콘텐츠 인셋"이라는 사이트 전체 레이아웃 기능이 포함되어 있습니다. 이 기능은 일부 콘텐츠를 들여쓰기하여 좁은 열로 만들고, 다른 콘텐츠는 전체 너비로 표시되도록 합니다. 이처럼 여백을 다양하게 설정하면 텍스트가 더욱 다이내믹하게 보여지며, 잡지에서 인용문에 시선을 끌기 위해 창의적인 레이아웃을 사용하는 방식과 유사합니다.

인셋은 레이아웃 페이지, 블로그 게시물, 바닥글 등 블록을 추가할 수 있는 영역에 영향을 줍니다.

콘텐츠 인셋은 일부 7.0 버전 템플릿에서 제공되는 특정 기능입니다. 7.1 버전에서 유사한 효과를 내려면 7.1 버전의 인셋 기능을 참조하세요.

Templates supporting the content inset

콘텐츠 인셋 기능은 다음의 템플릿 그룹에서 사용 가능합니다.

• 소금물
• Farro
• Pacific - 블로그 게시물만
• Skye

콘텐츠 인셋 사용

사이트에 블록을 추가할 때, 하나의 블록만 사용하여 단일 열을 만들 수 있고, 여러 블록을 나란히 배치하여 다중 열을 만들 수도 있습니다.

Only certain blocks use content inset. When these blocks are in a single column, they appear at the narrower width. When laid out in multiple columns, the columns extend to the borders of the content area.

Blocks that aren't affected by the content inset continue to display at the width of the main content area.

Mixing and matching content inset blocks with full-width content creates varied margins as visitors scroll down the page, providing visual relief from large unbroken text.

Here's an example of the content inset in the Farro template: 

Affected blocks

일부 단일 열 블록만 콘텐츠 인셋을 따릅니다. 각 템플릿 그룹마다 영향을 받는 블록이 다릅니다.

소금물

These blocks appear full-width (no inset):

• 아카이브 블록
• Bandsintown blocks
• 캘린더 블록
• 갤러리 블록
• 이미지 블록
• Instagram 블록
• 지도 블록
• 메뉴 블록
• 비디오 블록

All other blocks are inset.

Farro

These blocks appear full-width (no inset): 

• 아카이브 블록
• Bandsintown blocks
• 캘린더 블록
• 갤러리 블록
• 이미지 블록
• Instagram 블록
• 지도 블록
• 메뉴 블록
• 비디오 블록

All other blocks are inset.

Pacific

On blog posts, these blocks follow the inset:

• 텍스트 블록
• 마크다운 블록 

All other blocks appear full-width (no inset). 

Skye

When the Full Bleed Images, Video, and Gallery tweak is checked, these blocks appear full-width (no inset): 

• 이미지 블록
• 갤러리 블록
• 비디오 블록

When Full Bleed Images, Video, and Gallery is unchecked, all blocks follow the content inset.

Creating sophisticated layouts

Content inset lets you vary content width on a page, grabbing your visitors' attention.

예를 들어, 이미지 블록은 콘텐츠 인셋을 적용하지 않기 때문에 단일 열 텍스트 블록보다 더 넓게 표시됩니다. 좁은 텍스트 블록과 넓은 이미지 블록을 교차 배치하면 이미지가 더 눈에 띄게 됩니다.

Or you can alternate single column blocks (with content inset) with multi-column blocks (no inset) to break up the flow of text or other content on the page.

Float blocks to create wrapped text around the block. To learn more, visit Moving blocks.

인셋 너비 변경

아래 조정 항목을 사용하여 해당 템플릿 그룹에서 콘텐츠 인셋의 너비를 변경할 수 있습니다.

• Brine – 사이트 스타일의 메인 섹션에 있는 콘텐츠 인셋 이 조정 항목이 나타나려면 페이지에 영향을 받는 블록이 최소 하나는 있어야 합니다.
• Farro – 사이트 스타일의 메인 섹션에 있는 콘텐츠 인셋
• Pacific – 조정할 수 없습니다.
• Skye – 사이트 스타일의 사이트 섹션에 있는 콘텐츠 인셋 여백 없음 이미지, 비디오, 갤러리는 해당 블록에서 인셋을 제거합니다.

다음 사항에 유의하세요.

• 해당 조정 항목의 슬라이더를 사용하여 인셋을 설정하세요. 값은 0부터 5까지이며, 5가 가장 좁은 설정입니다.
• 콘텐츠 인셋을 제거하려면 콘텐츠 인셋 조정 항목을 0으로 설정하세요.
• 콘텐츠 인셋은 사이트 전체 너비에 따라 적용되므로, 사이트 너비 및 패딩(여백) 조정 항목도 콘텐츠 인셋의 너비에 영향을 미칩니다.

버전 7.1의 인셋 기능

사이트가 7.1 버전인 경우, 섹션 스타일을 통해 유사한 들여쓰기 효과를 구현할 수 있습니다.

• 섹션 스타일의 콘텐츠 너비 조정 항목을 사용하여 개별 섹션의 콘텐츠 인셋을 변경하거나, 사이트 스타일의 간격 조정 항목을 사용하여 사이트 전체에 적용할 수 있습니다.
• 섹션에 배경 이미지가 있는 경우, 여백 없음으로 표시하는 대신 콘텐츠 인셋 및 사용자 지정 인셋 색상으로 표시되도록 설정할 수 있습니다.