가이드/테마/콘텐츠 블록을 함께 그룹화

콘텐츠 블록을 함께 그룹화

레이아웃과 정리 도구로 여러 콘텐츠 블록을 그룹에 배치합니다. 이 가이드에서는 새 그룹 블록을 추가하거나 기존 블록을 그룹에 넣는 방법을 알아보겠습니다.

비디오 튜토리얼

그룹 블록 생성

비어 있는 그룹 블록으로 시작하여 콘텐츠를 추가할 수 있습니다. 다음과 같은 단계에 따라 비어 있는 그룹 블록을 사이트에 추가합니다.

  1. 사이트의 알림판으로 이동합니다.
  2. 갤러리를 추가하려는 위치에 따라 페이지 또는 템플릿으로 이동하여 편집하거나 새로 만듭니다.
    • 페이지: 메뉴의 페이지 섹션으로 이동합니다.
    • : 메뉴의 섹션으로 이동합니다.
    • 템플릿: 디자인 → 편집기로 이동하여 템플릿을 선택합니다.
  3. +블록 삽입기(더하기 아이콘)를 클릭하고 ‘그룹’을 검색합니다.
'그룹 블록'을 처음 추가할 때 4개의 레이아웃 중 하나를 선택할 수 있는 옵션
  1. 다음과 같은 레이아웃 중 하나를 선택합니다.
  2. 그룹 블록에서 + 블록 삽입기를 클릭하여 그룹에 콘텐츠 블록 추가하기를 시작합니다.
그룹 블록 내 '블록 삽입' 아이콘을 가리키는 화살표입니다.

기존 콘텐츠 그룹화

페이지에 이미 있는 블록의 경우 다음 단계를 사용하여 블록을 그룹화할 수 있습니다.

  1. 그룹화할 블록을 하나 이상 선택합니다. 다음과 같은 옵션 중 하나를 사용하여 여러 블록을 선택할 수 있습니다.
    • 마우스로 모든 블록을 강조 표시합니다.
    • 첫 번째 블록을 클릭하고 키보드의 Shift 키를 누른 채 마지막 블록을 클릭합니다. 그러면 첫 번째 블록과 마지막 블록 사이의 모든 블록이 선택됩니다.
    • 목록 보기를 사용하여 첫 번째 블록을 클릭하고 키보드의 Shift 키를 누른 채 최종 블록을 클릭합니다. 그러면 첫 번째 블록과 마지막 블록 사이의 모든 블록이 선택됩니다.
  2. 블록 도구 모음에 표시되는 새 그룹화 아이콘에서 , 스택 또는 그리드 그룹을 선택합니다.
여러 블록을 선택하면 블록 도구 모음에 표시되는 그룹 아이콘입니다.
  1. 도구 모음에서 그룹 아이콘을 클릭하면 블록이 그룹 블록 내부에 배치됩니다.

블록 도구 모음의 옵션() 아이콘을 사용하여 단일 블록을 그룹화할 수 있습니다. 블록에 원하는 폭 옵션이 없는 경우에 유용합니다.

💡

MacOS의 경우 키보드 단축키 ⌘ Command + G 또는 Windows의 경우 Ctrl + G를 사용하여 선택한 블록을 빠르게 그룹화할 수도 있습니다.

그룹 이름 지정

콘텐츠를 정리하여 쉽게 식별하는 데 도움이 되도록 그룹에 이름을 추가할 수 있습니다. 다음과 같은 단계에 따라 그룹 블록의 이름을 지정하거나 이름을 변경합니다.

  1. 편집기의 왼쪽 상단에서 목록 보기를 선택합니다. 아이콘은 가로줄 3개처럼 보이는 모양입니다.
  2. 목록에서 그룹 블록을 찾아서 클릭합니다.
  3. 그룹 블록 옆에 있는 점 3개(⋮)를 클릭합니다
  4. 이름 변경‘ 옵션을 선택하고 그룹의 이름을 입력합니다.
목록 보기의 블록 옆에 있는 옵션 메뉴가 열리고 '이름 변경' 옵션이 선택됩니다.

그룹 블록을 추가하면 목록 보기에 ‘그룹’으로 표시됩니다. 일부 패턴템플릿에는 ‘섹션’ 또는 ‘사이드바가 있는 글’과 같은 그룹 블록 이름이 지정됩니다. 모든 경우에 콘텐츠 그룹의 아이콘은 동일합니다.

그룹화된 콘텐츠에 대한 다양한 아이콘이 표시되는 목록 보기가 열립니다.
기본 그룹 블록입니다.
그룹화된 콘텐츠에 대한 다양한 아이콘이 고유한 이름과 함께 표시되는 목록 보기가 열립니다.
이름이 변경된 블록 그룹화입니다.

그룹으로 작업하기

그룹 블록이 있으면 할 수 있는 일이 많습니다. 다음과 같은 가이드를 살펴보세요.

그룹 블록

그룹 블록은 다른 블록을 함께 묶을 수 있는 유용한 웹사이트 도구로, 색상 사용자 정의, 공간 조정 및 정교한 정리가 허용됩니다.

그룹에 스타일 추가

이 가이드에서는 콘텐츠 그룹에 스타일을 적용하는 방법을 알아보겠습니다.

그룹 레이아웃 사용자 정의

이 가이드에서는 레이아웃 설정을 사용하여 그룹이 지정된 콘텐츠가 표시되는 방식을 제어하는 방법을 보여줍니다.

Copied to clipboard!