가이드/콘텐츠 생성/디자인/행 및 세로 배열 블록

행 및 세로 배열 블록

행 블록세로 배열 블록은 다른 블록의 컨테이너입니다. 여러 블록을 정렬하고 컨테이너 내부의 모든 블록의 색상, 텍스트 스타일, 높이, 폭 및 위치를 조정하는 데 사용합니다. 이 블록은 그룹 블록의 변형입니다.

행 또는 세로 배열 블록 추가

비어 있는 새 행/세로 배열 블록으로 시작하거나 기존 블록을 행 또는 세로 배열로 그룹화할 수 있습니다.

빈 페이지로 시작하기

행/세로 배열 블록을을 추가하려면 + 블록 삽입기 버튼을 클릭하고 “그룹”을 검색합니다. 클릭하면 글 또는 페이지에 블록이 추가됩니다. 키보드를 사용하여 /row 또는 /stack을 새 줄에 입력하고 Enter 키를 눌러 새 행/세로 배열 블록을 빠르게 추가할 수 있습니다.

Adding a row block with the slash command.

블록 추가에 대한 자세한 안내는 여기에서 확인하세요.

행/세로 배열 블록을 추가한 후 + 블록 삽입기 아이콘을 클릭하여 행 또는 세로 배열 내부에 블록 추가를 시작합니다.

기존 블록 사용

페이지에 이미 있는 블록의 경우 다음 단계를 사용하여 블록을 행/세로 배열 블록으로 결합할 수 있습니다.

  1. 그룹화할 블록을 선택합니다. 다음을 통해 여러 블록을 선택할 수 있습니다.
    • 마우스로 모든 블록을 강조 표시합니다.
    • 첫 번째 블록을 클릭하고 키보드의 Shift 키를 누른 채 마지막 블록을 클릭합니다. 그러면 첫 번째 블록과 마지막 블록 사이의 모든 블록이 선택됩니다.
    • 목록 보기를 사용하여 첫 번째 블록을 클릭하고 키보드의 Shift 키를 누른 채 최종 블록을 클릭합니다. 그러면 첫 번째 블록과 마지막 블록 사이의 모든 블록이 선택됩니다.
  2. 블록 위나 아래에 나타나는 블록 도구 모음에서 아이콘(옆에 있는 두 개의 반 정사각형 모양), 세로 배열 아이콘(위아래에 있는 두 개의 반 정사각형 모양) 또는 그리드 배열의 그리드 아이콘을 클릭합니다.
An arrow points to the group icons in the block toolbar.
블록 도구 모음의 행 또는 세로 배열 아이콘을 클릭하여 기존 블록을 함께 그룹화합니다

행 및 세로 배열 블록 도구 모음

블록을 클릭하면 옵션 도구 모음이 표시됩니다.

The Row block toolbar that appears above the Row block with icons for block type, move block, and more described below.
행 블록 도구 모음
The Stack block toolbar that appears above the Stack block with icons for block type, move block, and more described below.
세로 배열 블록 도구 모음

행 블록세로 배열 블록의 도구 모음에는 다음과 같은 옵션이 있습니다.

  • 블록 유형 또는 스타일을 변경합니다.
  • 블록을 끌어옵니다.
  • 위 또는 아래로 블록 이동
  • 항목 양쪽 맞춤 변경(왼쪽, 가운데, 오른쪽 및 항목 간 공백)
  • 콘텐츠를 상단, 중간, 하단에 정렬하거나 그 사이에 맞춥니다.
  • 정렬 변경(없음, 넓은 폭, 전체 폭)
  • 추가 옵션.

행 및 세로 배열 블록 설정

블록을 선택하면 오른쪽 사이드바에 추가 블록 설정이 표시됩니다. 사이드바가 표시되지 않으면 오른쪽 상단의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 일정하지 않은 열 2개가 있는 정사각형 모양입니다.

"설정"이라는 도구 설명이 아래에 표시되는 편집기의 설정 아이콘.
설정 아이콘을 클릭하여 블록 설정 열기

행 블록세로 배열 블록에는 다음과 같은 블록 설정이 포함되어 있습니다.

다른 그룹 변형으로 변환

다른 변형으로 변경하려면 블록 설정 상단의 아이콘을 클릭하세요.

레이아웃

레이아웃 설정에서는 행 또는 세로 배열 블록의 양쪽 맞춤을 설정할 수 있습니다. 왼쪽, 가운데, 오른쪽 또는 양쪽 맞춤을 선택하여 컨테이너 내 콘텐츠 정렬을 설정합니다.

방향 옵션에서는 행(가로 레이아웃)에서 세로 배열(세로 레이아웃)로 전환할 수 있습니다.

콘텐츠를 여러 줄로 줄바꿈할 수 있는지 여부도 설정 또는 해제할 수 있습니다. 이 기능은 콘텐츠가 한 줄에 모두 들어가지 않을 수 있는 경우 모바일 장치와 같은 작은 화면에서 페이지를 보는 사람들에게 유용합니다.

The Layout section of the Block Settings sidebar, with the options to set justification, orientation and wrap options.

위치

위치 설정을 사용하여 기본붙박이 중에서 선택할 수 있습니다.

  • 기본: 블록 너머로 스크롤하면 페이지의 다른 섹션으로 이동할 때 블록이 사라집니다.
  • 붙박이: 원래 추가된 위치 너머로 스크롤하더라도 블록이 떠다니며 페이지에 계속 표시됩니다. 목록 보기의 블록 옆에 핀 아이콘이 표시됩니다.
Default position is highlighted, with Sticky shown underneath.

고급

더 알아보려면 고급 설정에 대한 자세한 지침을 참조하세요.

행 및 세로 배열 블록 스타일

블록 설정 사이드바에서 스타일 아이콘을 클릭하여 블록의 디자인 설정에 액세스합니다. 스타일 아이콘은 절반이 채워진 원 모양입니다.

클릭하여 블록 스타일 섹션을 열 수 있는 스타일 아이콘을 가리키는 화살표.

색상, 타이포그라피, 치수 및 경계선

여기에서 텍스트 색상, 배경 색상, 텍스트 크기와 글꼴, 안쪽 여백, 여백 및 블록 간격을 설정할 수 있습니다. 이러한 설정을 사용하는 방법에 대한 자세한 내용은 다음 가이드를 참조하세요.

배경 이미지

행 블록세로 배열 블록 스타일에서 모든 그룹 블록 변형과 마찬가지로 블록 콘텐츠 뒤에 표시할 이미지를 설정할 수 있습니다. 배경 이미지 추가에 대한 단계별 지침은 그룹 블록 가이드를 참조하세요.

폭 설정(중첩된 블록)

폭 설정은 행/세로 배열 블록 설정 자체가 아니라 행/세로 배열 블록 내부 에 중첩된 개별 블록의 설정에 표시됩니다.

이러한 설정에 접근하려면 행/세로 배열 블록 내부 의 개별 블록을 클릭한 다음 블록 설정 사이드바에서 옵션을 찾습니다(스타일 탭 아래 에 표시될 수 있음).

The Dimensions width settings, showing Fit, Grow, and Fixed.

세 가지 폭 옵션을 사용할 수 있습니다.

  • 맞춤: 블록이 콘텐츠에 맞게 축소되어 필요한 공간만 차지합니다.
  • 확장: 행 또는 세로 배열 내에서 사용 가능한 공간을 채우기 위해 블록이 확장됩니다.
  • 고정: 블록이 주변 내용물이나 컨테이너 크기에 관계없이 정의한 특정 폭으로 설정됩니다.

블록 그룹 해제

내부 블록을 지우지 않고 행/세로 배열 블록을 제거하려면 블록을 그룹 해제할 수 있습니다. 다음 단계를 따르세요.

  1. 편집 화면 상단의 목록 보기를 선택합니다.
  2. 행/세로 배열 블록을 선택합니다.
  3. 행/세로 배열 블록 옆에 있는 점 3개를 클릭합니다
  4. “그룹 해제” 옵션을 선택합니다.
Ungrouping a Row block.
Copied to clipboard!