가이드/콘텐츠 생성/콘텐츠 폭 변경

콘텐츠 폭 변경

워드프레스 편집기에서 콘텐츠(예: 이미지, 텍스트 등)가 페이지에 표시되는 폭을 제어할 수 있습니다. 이 가이드에서는 옵션을 소개하고 사이트의 콘텐츠 폭을 설정하는 방법을 설명합니다.

폭 설정 개요

모든 블록 테마에는 텍스트와 이미지가 페이지에 표시되는 폭을 제어하는 기본 콘텐츠 폭이 있습니다. 크기는 다음과 같습니다.

  • 콘텐츠(또는 “없음”): 블록의 폭을 콘텐츠 영역의 기본 폭으로 설정합니다.
  • 넓은 폭: 블록 폭을 넓은 폭(전체 폭은 아님)으로 설정합니다.
  • 전체 폭: 사용 가능한 영역의 전체 폭을 채우도록 블록을 설정합니다.

특정 콘텐츠 블록(예: 이미지 블록 또는 열 블록)을 편집할 때는 블록 선택 시 나타나는 블록 도구 모음의 “정렬” 옵션에 콘텐츠 폭 옵션이 포함됩니다.

정렬 아이콘 주위에 상자가 그려져 있는 도구 모음과 폭 옵션을 보여주는 드롭다운.

일부 블록에는 콘텐츠 폭 옵션이 없습니다. 이 가이드의 뒷부분에서는 기본적으로 폭 옵션이 없는 블록에 폭 옵션을 적용하는 방법에 대해 알아봅니다.

블록 폭 변경

콘텐츠 블록에 폭 조정 옵션이 있으면 콘텐츠 블록 위의 블록 도구 모음에 있는 “정렬” 옵션에서 찾을 수 있습니다. 폭을 변경하려면 다음 단계를 따르세요.

  1. 사이트의 알림판에서 다음 경로 중 하나를 사용하여 편집할 콘텐츠로 이동합니다.
    • 페이지
    • 디자인 → 편집기
  2. 콘텐츠 블록을 추가하거나 이미 추가한 콘텐츠가 있는 블록을 클릭합니다.
    • 필요에 따라 목록 보기 를 사용하여 특정 블록으로 이동합니다.
  3. 블록의 도구 모음에서 “정렬 아이콘을 클릭합니다.
그룹 블록의 블록 도구 모음에서 정렬 아이콘 주위에 상자가 그려져 있습니다.
  1. 적절한 (없음, 넓게 또는 전체)을 선택합니다.
  2. 변경사항을 저장하려면 “저장” 버튼을 클릭합니다.

폭 조정 옵션이 없는 블록의 경우 기본적으로 폭 옵션이 없는 블록에 폭 옵션을 적용하는 방법을 알아보세요.

아래 비디오를 시청하여 콘텐츠 폭을 변경하는 방법을 알아보세요. 재생 버튼을 클릭한 후 오른쪽 하단의 컨트롤을 사용하여 비디오 속도를 낮추거나 높입니다.

이미지 블록(예: 커버 블록 또는 갤러리 블록)에는 추가로 왼쪽, 가운데 또는 오른쪽 정렬 옵션이 포함됩니다. 이 옵션을 사용하면 이미지 주위의 텍스트를 줄 바꿈할 수 있습니다.

폭 설정이 없는 블록 폭 변경

일부 블록에는 레이아웃 옵션이 없거나 이 가이드의 앞부분에서 설명한 폭 설정이 없습니다. 그 예시로는 문단 블록사용자 정의 HTML 블록이 있습니다. 그룹 블록을 사용해 블록 또는 블록 모음을 그룹화하여 콘텐츠 폭을 변경할 수 있습니다. 블록의 폭을 원하는 대로 설정하려면 다음 단계를 따르세요.

  1. 사이트의 알림판에서 페이지, 또는 디자인 → 편집기로 이동합니다. 
  2. 블록 또는 블록 모음을 추가합니다. 
  3. 블록을 선택하고 블록의 도구 모음에서 생략 부호(점 3개)를 클릭합니다.
  4. 그룹” 옵션을 클릭하여 블록을 그룹화합니다(블록이 하나인 경우에도 마찬가지임).
  5. 블록 위의 새 그룹 블록 도구 모음에서 “정렬 아이콘을 클릭합니다.
그룹 블록의 블록 도구 모음에서 정렬 아이콘 주위에 상자가 그려져 있습니다.
정렬
  1. 적절한 (없음, 넓게 또는 전체)을 선택합니다.
    • 필요에 따라 그룹 블록 사이드바 설정에서 “내부 블록에서 콘텐츠 폭 사용” 설정(다음 섹션에서 설명)을 “끄기”로 전환해야 할 수도 있습니다. 이렇게 변경하면 부모 블록 내의 블록이 부모 블록의 전체 폭을 사용하게 됩니다.
  2. 변경사항을 저장하려면 “저장” 버튼을 클릭합니다.

아래 비디오를 시청하여 기본적으로 옵션이 없는 콘텐츠에 폭 설정을 적용하거나 블록 모음에 한꺼번에 폭 설정을 적용하는 방법을 알아보세요. 재생 버튼을 클릭한 후 오른쪽 하단의 컨트롤을 사용하여 비디오 속도를 낮추거나 높입니다.

내부 블록에서 콘텐츠 폭 사용

이 설정은 주로 그룹, 행 및 세로 배열 블록과 같은 디자인 블록에 적용됩니다. 커버 블록이나 열 블록과 같이 콘텐츠를 중첩하기 위해 사용하는 다른 블록에도 옵션이 표시될 수 있습니다. 이를 통해 디자인 블록 내에 중첩된 콘텐츠의 동작 방식을 제어할 수 있습니다.

예를 들어, 열 블록을 추가한 다음 열 내에 콘텐츠를 추가하면 해당 콘텐츠는 “내부 블록”으로 구성됩니다.

내부 블록에서 콘텐츠 폭 사용” 설정은 부모 블록 내에 중첩된 블록의 동작에 적용됩니다:

“내부 블록에서 콘텐츠 폭 사용”이 켜진 경우:

  • 내부 블록은 테마의 기본 콘텐츠 폭을 따르거나, 가능한 경우 넓은 폭을 따릅니다.
  • 사용자 정의 값을 입력하여 해당 블록의 폭을 사용자 정의할 수 있습니다.
  • 사이트의 구조화된 레이아웃에 맞춰 콘텐츠를 정렬하면서 안쪽 여백을 유지합니다.

“내부 블록에서 콘텐츠 폭 사용”이 꺼진 경우:

  • 내부 블록이 테마의 콘텐츠 폭 제약을 무시하고 부모 블록의 전체 폭으로 확장됩니다.
  • 안쪽 블록의 측면에 있는 여분의 여백이 제거되므로 모서리까지 가득 채우도록 늘릴 수 있습니다.
블록 설정 사이드바의 레이아웃 섹션.

“내부 블록에서 콘텐츠 폭 사용” 설정을 조정하려면 다음 단계를 따르세요.

  1. 사이트의 알림판에서 페이지, 또는 디자인 → 편집기로 이동합니다. 
  2. 블록을 클릭하거나 목록 보기를 사용하여 특정 블록을 선택합니다. 
  3. 블록의 사이드바에서 “레이아웃” 섹션을 찾습니다.
    • 이 레이아웃 설정은 블록에서 콘텐츠 중첩을 지원하는 경우에만 표시됩니다. 이 옵션을 지원하는 블록으로는 그룹, 갤러리 등이 있습니다.
  4. “내부 블록에서 콘텐츠 폭 사용” 토글 버튼을 클릭하여 설정을 켜거나 끕니다.
열에서 사이드바의 "레이아웃" 섹션을 가리키는 화살표.

아래 비디오를 시청하여 부모 블록 내 블록의 콘텐츠 폭을 조정하는 방법을 알아보세요. 재생 버튼을 클릭한 후 오른쪽 하단의 컨트롤을 사용하여 비디오 속도를 낮추거나 높입니다.

폭 설정의 기본값 변경

선택한 테마는 “콘텐츠” 및 “넓게” 설정에 대한 기본 폭 값을 가집니다. 전체 테마에 대해 이러한 기본 폭을 조정할 수 있습니다.

가이드의 이 섹션은 워드프레스닷컴 프리미엄, 비즈니스, 상거래 요금제 및 기존 프로 요금제를 이용하는 사이트에서 사용할 수 있습니다. 무료 또는 개인 요금제를 사용하는 사이트의 경우 요금제를 업그레이드하여 이 기능에 접근하세요.

기본 폭 설정을 사용자 정의하려면 다음 단계를 따르세요.

  1. 사이트의 알림판을 방문합니다. 
  2. 디자인편집기로 이동합니다.
  3. 사이드바에서 “스타일“을 선택합니다.
  4. 레이아웃” 옵션을 선택합니다.
  5. 크기“에서 “콘텐츠” 및 “넓게” 설정의 기본 폭 값을 조정합니다.
  6. 필요에 따라 안쪽 여백과 블록 간격을 조정합니다.
  7. 변경사항을 저장하려면 “저장” 버튼을 클릭합니다.
Copied to clipboard!