WordPress 그룹 블록을 사용하는 방법

블록 편집기를 사용하여 게시물이나 페이지에 개별 요소를 추가하는 것은 간단합니다. 그러나 웹 사이트 전체에서 유사한 블록을 사용할 계획이라면 함께 모아 템플릿으로 저장하는 것이 좋습니다. 그룹 블록을 마스터하면 이 작업이 간단해집니다.

이 기사에서는 그룹 차단의 기능과 게시물 및 페이지에 추가하는 방법에 대해 설명합니다. 또한 설정을 구성하는 방법을 보여주고 그룹화된 요소에 대한 몇 가지 팁과 모범 사례를 논의합니다.

가자!

게시물 또는 페이지에 그룹 블록을 추가하는 방법

이 블록을 추가하는 것은 간단하지만 다른 블록에서 사용하는 것과는 다른 프로세스가 필요합니다. 시작하려면 작업하려는 게시물이나 페이지를 열고 새 블록을 추가하도록 선택한 다음 그룹 옵션을 선택하세요.

이것을 배치할 때 블록을 선택하면 여러 요소를 추가하는 옵션을 포함하여 새 섹션이 나타납니다. 이제 블록을 추가하기 위한 두 개의 버튼이 있습니다. 첫 번째 항목을 사용하는 경우 세트 내에 항목을 추가합니다. 두 번째 버튼은 그룹 블록 다음에 새 모듈 을 추가합니다.

그룹 블록 내에서 모든 유형의 여러 요소를 삽입할 수 있습니다. 이 예에서는 세 개의 테이블 블록을 추가했습니다. 언뜻보기에는 그룹에 어떤 요소가 포함되어 있는지 명확하지 않을 수 있습니다. 혼동을 피하기 위해 블록 편집기의 주 메뉴에서 목록 보기 버튼을 클릭할 수 있습니다.

이것이 게시물과 페이지에 그룹 블록을 추가하는 첫 번째 방법입니다. 대안은 그룹에 원하는 모든 블록을 추가한 다음 편집기에서 선택하는 것입니다. 여러 요소를 선택하면 블록 편집기에서 요소를 연결할 수 있는 옵션을 제공합니다.

블록을 사용할 준비가 되면 특정 그룹을 템플릿이나 재사용 가능한 블록으로 저장할 수 있습니다. 다음 섹션에서 이를 수행하는 방법을 보여 드리겠습니다.

그룹 차단 설정 및 옵션

그룹 블록에는 여러 가지 다른 요소가 포함될 수 있으므로 여러 서식 메뉴가 표시될 수 있습니다. 이 섹션에서는 이 블록의 사용자 지정 가능한 옵션 및 일반 설정을 사용하는 방법을 보여줍니다.

도구 모음 설정

여러 테이블을 함께 배치하는 경우 각 테이블 블록을 선택하고 해당 서식 설정 및 옵션에 액세스할 수 있습니다.

전체 그룹 블록을 선택하면 보다 직관적인 서식 메뉴를 볼 수 있습니다. 여기에 포함된 옵션은 다음과 같습니다.

1. 블록을 열로 변환
2. 끌어서 놓기 기능을 사용하여 블록을 이동하거나 요소의 위치를 ​​위 또는 아래로 이동
3. 블록 너비 수정
4. 세트 분해 또는 재사용 가능한 블록으로 저장을 포함한 추가 옵션

그룹 블록의 서식 메뉴에서 각 설정을 찾을 수 있는 위치를 확인해 보겠습니다.

여기에 있는 대부분의 옵션은 비교적 간단합니다. 세트 내의 개별 블록에 대한 형식을 조정하는 데 더 많은 시간을 할애할 것입니다. 여기서 두 가지 눈에 띄는 설정은 그룹 블록을 재사용 가능한 요소로 저장(1)하거나 분할(2)하는 옵션입니다.

그룹 해제 를 선택하면 블록이 개별 요소로 분리됩니다. 재사용 가능한 블록에 추가 옵션을 사용하면 고유한 그룹과 해당 설정을 저장할 수 있으므로 다른 게시물이나 페이지에서 재사용할 수 있습니다.

블록을 저장하면 게시물이나 페이지에 새 요소를 추가할 때 재사용 가능 탭 아래에 표시됩니다.

WordPress 내의 모든 페이지 또는 게시물에 재사용 가능한 블록을 추가할 수 있습니다. 그러나 요소가 제대로 맞도록 일부 스타일 설정을 변경해야 할 수도 있습니다.

추가 옵션

각 WordPress 블록에는 블록 편집기 기본 메뉴의 오른쪽 상단 모서리에 있는 톱니바퀴 아이콘을 클릭하여 액세스할 수 있는 다양한 설정이 있습니다.

그룹 블록은 세트의 스타일을 변경하고(1), 색상을 수정하고(2), 테두리와 내부 요소 사이에 패딩을 추가하는(3) 설정을 제공합니다.

그룹 블록을 사용하면 테두리가 있는 스타일과 없는 스타일의 두 가지 스타일 중에서 선택할 수 있습니다. 테두리 옵션을 선택하면 내부 구성 요소를 둘러싼 경계가 추가됩니다. 그러나 설정 메뉴에서는 가장자리의 스타일이나 색상을 변경할 수 없습니다.

계속해서 블록 내의 텍스트, 배경 및 링크에 대해 새로운 색상을 설정할 수 있습니다. 그러나 각 내부 요소에 대한 개별 설정은 다음 전역 옵션보다 우선 적용됩니다.

그런 다음 간격 탭을 클릭하여 블록의 테두리와 내부 요소 사이의 패딩을 변경할 수 있습니다. 그렇게 하려면 거리를 픽셀 단위로 지정해야 합니다.

블록의 구성과 스타일에 만족하면 해당 게시물이나 페이지 내의 다른 요소로 이동할 수 있습니다.

그룹 블록을 효과적으로 사용하기 위한 팁 및 모범 사례

그룹 블록을 사용하여 원하는 요소를 연결할 수 있습니다. 그러나 꼭 필요한 이유가 있는 경우에만 항목을 그룹화하는 것이 좋습니다. 이것을 사용하는 몇 가지 큰 이유 블록에는 다음이 포함됩니다.

1. 유사한 설정으로 블록 세트 사용자 정의.
2. 게시물 또는 페이지 레이아웃 내에서 블록 선택을 함께 유지하면서 이동
3. 나중에 다른 게시물이나 페이지에서 재사용하기 위해 블록 모음을 저장합니다.

블록 세트를 함께 연결하는 것에 대해 마음이 바뀌면 언제든지 블록을 분리할 수 있으며 개별 설정에 영향을 미치지 않는다는 점을 기억하십시오. 블록 편집기에 익숙해지면 웹 사이트 전체에서 재사용할 수 있는 화려하고 복잡한 요소를 만들 수 있습니다.

그룹 차단에 대해 자주 묻는 질문

지금쯤이면 WordPress Group 블록에 대해 알아야 할 거의 모든 것을 알게 되었습니다. 마무리로 이 요소와 관련하여 가장 자주 묻는 질문을 모아 주요 세부 정보를 놓치지 않도록 했습니다.

모든 WordPress 블록을 함께 그룹화할 수 있습니까?

그룹 블록을 사용하면 모든 WordPress 블록을 연결할 수 있습니다. 따라서 여러 요소를 포함하는 복잡한 디자인을 조합하는 데 사용할 수 있습니다.

그룹 내에서 개별 블록을 편집할 수 있습니까?

블록 편집기를 사용하면 작업 중인 전체 그룹 블록을 포함하는 "전역" 옵션에 액세스할 수 있습니다. 또한 세트 내의 각 요소에 대한 서식 및 스타일 설정에 계속 액세스할 수 있습니다.

그룹 블록은 재사용 가능한 요소와 동일합니까?

블록 편집기 내에서 대부분의 블록을 재사용 가능한 요소로 저장할 수 있습니다. 그러나 그룹 블록을 사용하면 전체 블록 구성 요소 세트를 재사용 가능한 단일 항목으로 저장할 수 있습니다.

결론

그룹 블록은 WordPress 블록 편집기에서 가장 흥미로운 기능 중 하나입니다. 블록을 개별적으로 처리하는 대신 블록을 함께 연결하고 동시에 사용자 지정할 수 있습니다.

그룹 블록을 사이트 전체에 추가할 수 있는 재사용 가능한 요소로 저장하고 개별 구성 요소로 작업하려는 경우 분리하는 등의 작업을 수행할 수 있습니다. WordPress 블록 편집기를 사용하면 모든 유형과 수의 블록을 그룹화할 수 있다는 점을 고려하면 이 기능으로 할 수 없는 일은 거의 없습니다.

이 WordPress 블록을 사용하는 방법에 대해 질문이 있습니까? 아래 코멘트 섹션에서 그들에 대해 이야기합시다!

Alphavector/Shutterstock.com을 통한 추천 이미지