고급 Gutenberg 열 관리자를 사용한 블록 분할

열은 워드프레스 기존 편집기에서 구텐베르크 블록이 담당했던 역할과 같은 콘텐츠입니다. 콘텐츠를 자유롭게 구성할 수 있도록 도와줍니다. 블록처럼 세로로 정렬할 수는 없지만 가로로 구성할 수 있습니다. Advanced Gutenberg의 최신 업데이트에서는 열 구성을 쉽게 시작할 수 있도록 새로운 블록이 추가되었습니다.

고급 구텐베르크 열 관리자는 구텐베르크 기본 열 기능을 더욱 발전시킨 버전입니다. 주요 기능을 통해 콘텐츠 표시 방식을 더욱 세부적으로 제어할 수 있을 뿐만 아니라, 미리 설정된 레이아웃을 사용하여 콘텐츠를 더욱 쉽게 제작할 수 있습니다.

열 레이아웃

첫 번째 열 블록을 만들려면 열 관리자를 . 새 블록을 클릭하면 가장 먼저 가장 많이 사용되는 사전 설정 레이아웃 목록이 표시됩니다. 간단한 1열 레이아웃부터 표준 2열 레이아웃까지 다양한 옵션을 제공하며, 한 블록에 최대 6개의 열을 표시할 수 있습니다.

이러한 옵션은 콘텐츠 디자인보다는 콘텐츠 제작에 집중할 수 있도록 도와줍니다. 하지만 블로그 너비의 50%만 차지하는 열 블록처럼 존재하지 않는 레이아웃을 찾고 있을 수도 있습니다. 이 경우 사이드바를 사용하여 원하는 열 너비를 직접 정의할 수 있습니다.

원하는 너비를 정의하려면 열을 클릭하고 너비를 백분율로 설정하거나, 0으로 설정하여 자동 너비로 재설정합니다. WordPress 게시물이나 페이지 콘텐츠가 넘치지 않도록 전체 백분율을 최대 100%로 유지하세요. 열 가이드(투명 테두리)를 사용하면 변경 사항을 확인하는 데 도움이 되지만, Advanced Gutenberg 설정의 구성 탭에서 이 기능을 끌 수 있습니다.

열 관리자의 또 다른 새로운 기능은 정렬 섹션입니다. 바깥쪽 열 관리자 블록을 클릭하면 너비 옵션이 먼저 나타납니다. 넓게 또는 넓게 . 바로 그다음에는 정렬 옵션이 있습니다.

처음 세 가지 정렬 옵션은 표준입니다. 열은 상단, 중간 또는 하단에 세로로 정렬할 수 있습니다. 네 번째이자 마지막 정렬 옵션은 구텐베르크 열에는 없는 옵션으로, ' 내부 열 전체 높이' .

이 옵션은 열을 블록에서 가장 높은 열과 같도록 늘립니다. 열에 배경색이나 테두리가 있어 블록 높이 전체를 차지해야 하는 경우 이 옵션이 필요합니다.

반응형 열

좋은 블로그는 데스크톱, 태블릿, 그리고 휴대폰에서 모두 잘 보여야 합니다. 자연스럽게 떠오르는 중요한 질문은 너비가 부족할 때 열을 가장 잘 표시하는 방법입니다. 열 너비를 변경해야 할까요? 그렇다면 어떻게 변경해야 할까요? 각 열은 별도의 줄로 표시되어야 할까요?

고급 구텐베르크를 사용하면 태블릿과 모바일에서 열 표시 방식을 유연하게 선택할 수 있습니다. 열 관리자 블록을 클릭하고 데스크톱, 태블릿, 모바일에 맞는 레이아웃을 선택하세요. 핸드헬드 기기에서는 열 레이아웃을 변경하거나 열을 쌓아 전체 너비를 활용할 수 있습니다.

전체 너비 레이아웃의 넓은 너비를 사용하는 경우, 작은 기기에서는 열 관리자 블록이 너무 넓게 보일 수 있습니다. 이 경우, 모바일 및 태블릿 레이아웃 바로 아래 영역에 모바일 또는 태블릿용 패딩과 여백을 각각 설정할 수 있습니다.

행 설정을 열면 열에 콘텐츠가 넘칠 때의 동작과 행의 최대 너비 및 최소 높이를 지정할 수 있습니다. 블록의 일반적인 레이아웃 표시 설정을 숙지한 후에는 더욱 세밀한 반응형 설정을 원할 수 있습니다.

Advanced Gutenberg의 열 관리자를 사용하면 데스크톱이나 모바일에서 개별 열의 패딩과 여백을 지정할 수 있습니다. 세부 조정을 위해서는 전체 블록 대신 열을 클릭하세요. 그런 다음 사이드바 하단으로 스크롤하여 데스크톱이나 모바일에서 패딩과 여백을 지정하세요. 각 열에 대해 텍스트 정렬도 지정할 수 있습니다.

WordPress 열 개인화

열 설정을 완료했거나 기존 레이아웃을 변경할 필요가 없다고 생각되면 열을 개인 설정하거나 콘텐츠를 추가할 수 있습니다. 열을 클릭하면 열 전체에 적용되는 표시 옵션을 적용할 수 있으며, 현재는 테두리 스타일, 색상, 너비, 반경으로 제한됩니다.

가장 중요한 점은, 단의 핵심은 콘텐츠를 저장하고 표시하는 것입니다. Advanced Gutenberg의 단 관리자는 모든 유형의 콘텐츠를 단에 저장할 수 있으므로, 단락, 이미지, 갤러리, 그리고 표준 또는 사용자 지정 등 모든 블록을 단에 저장할 수 있습니다. 상상력은 무한합니다!

구텐베르크 블록의 힘을 완전히 익히면 WordPress 게시물과 페이지에서 창의력을 마음껏 발휘할 수 있습니다. 고급 구텐베르크의 열 관리자를 사용하면 WordPress 블로그를 최대한 활용할 수 있습니다. 열을 원하는 대로 자유롭게 조정하고 수직 방향뿐만 아니라 수평 방향으로도 창의력을 마음껏 발휘해 보세요!

Advanced Gutenberg(무료 플러그인) 받기: https://www.joomunited.com/wordpress-products/advanced-gutenberg