패턴을 사용하면 사용자 정의한 블록을 저장하여 사이트 전체에서 다시 사용할 수 있습니다. 동일한 블록 그룹을 새 페이지에 반복적으로 추가하는 경우 패턴이 있으면 시간이 많이 절약됩니다. 이 가이드에서는 패턴을 생성하고 사용하는 방법을 알아봅니다.
💡
워드프레스닷컴 디자인 팀에서 만든 패턴 모음 에서 영감을 받아 필요한 페이지를 정확하게 제작하세요.
패턴을 생성하는 단계는 다음과 같습니다.
- 재사용할 블록을 삽입합니다. 패턴은 단일 블록 또는 여러 블록 그룹일 수 있습니다.
- 마우스로 강조 표시하거나 목록 보기에서 선택하여 패턴에 대해 원하는 모든 블록을 선택합니다.
- 블록 도구 모음에 나타나는 타원 메뉴(⋮)를 클릭하거나 목록 보기에서 선택한 첫 번째 블록 옆을 클릭합니다.
- “패턴 생성” 옵션을 클릭합니다.

- 패턴의 용도를 기억할 수 있도록 이름을 지정합니다. 이 메모는 본인에게만 표시됩니다.
- 원하는 경우 패턴을 카테고리에 지정합니다. 패턴을 정리하려는 패턴이 많은 경우에 유용합니다.
- “동기화됨” 옵션을 켜거나 끕니다.
- 동기화됨: 패턴을 편집한 내용이 패턴이 삽입된 모든 위치에 적용됩니다. 블록 재사용에 이상적입니다.
- 동기화되지 않음: 패턴을 편집한 내용이 해당 패턴의 한 인스턴스에만 적용됩니다. 여러 페이지에서 동일한 레이아웃을 사용하면서 각 페이지의 패턴에 있는 콘텐츠를 변경하려는 경우에 적합합니다.
- 추가 버튼을 클릭합니다.

패턴을 생성할 때 동기화되거나 동기화되지 않도록 설정할 수 있습니다. 여기에서는 각 옵션과 두 가지 유형의 패턴으로 작업하는 방법을 설명합니다.
동기화된 패턴은 사이트에서 사용하는 모든 위치에 동일하게 유지되는 패턴입니다. 사이트의 한 곳에서 동기화된 패턴을 편집하면 패턴이 사용되는 모든 곳에 해당 변경 사항이 적용됩니다. 예를 들어 영업 시간에 동기화된 패턴을 생성하는 경우 패턴의 한 인스턴스에서 해당 시간을 변경하면 사이트 전체에서 해당 패턴을 삽입한 모든 곳이 업데이트됩니다.
동기화된 패턴은 뒤에 다른 다이아몬드가 있는 다이아몬드처럼 보이는 패턴 기호로 식별됩니다. 편집기의 다음 위치에도 패턴 이름이 표시됩니다.
- 블록 도구 모음.
- 블록 설정 사이드바.
- 목록 보기.
- 화면 하단의 이동 경로.

동기화된 패턴을 편집하려면 해당 패턴을 선택하고 블록 도구 모음과 블록 사이드바 설정 모두에 나타나는 “원본 편집” 버튼을 클릭하세요.
동기화된 패턴의 단일 인스턴스 연결을 해제하여 해당 인스턴스를 수정하거나 패턴 오버라이드를 사용하여 동기화된 패턴 전체에서 특정 사용자 정의를 수행할 수 있습니다.
동기화되지 않은 패턴은 직접 디자인한 블록 컬렉션으로, 재사용을 원하는 동시에 블록을 페이지 또는 글에 추가한 후 블록의 콘텐츠를 자유롭게 변경하고 싶은 경우 사용합니다.
예를 들어, 텍스트와 이미지의 특정 순서를 가진 블로그 글에 대해 일관된 레이아웃이 있을 수 있습니다. 여기서 전체 구조는 동일하지만 텍스트와 이미지는 매번 변경됩니다. 원하는 곳에 텍스트와 이미지로 패턴을 만들고 동기화 옵션을 끄고 각 블로그 글에서 이미지와 텍스트를 수정할 수 있습니다.
다음 두 모드 중 하나로 동기화되지 않은 패턴을 편집할 수 있습니다.
- 콘텐츠 전용 편집 모드(기본값): 블록을 직접 클릭하여 패턴 내의 텍스트, 이미지 및 링크를 추가하고 교체합니다. 레이아웃이 잠금 상태로 유지되므로 패턴을 함께 유지하는 블록을 실수로 이동하거나 삭제할 수 없습니다.
- 전체 편집 모드: 블록 도구 모음과 블록 사이드바 설정 모두에 나타나는 “패턴 편집” 버튼을 클릭하여 레이아웃 자체를 변경합니다. 패턴의 블록을 추가, 제거, 이동 또는 리스타일.
- 블록 패턴 사용: 사이트에 블록 패턴을 삽입하고 사용자 정의하세요.
- 패턴 편집 및 관리: 패턴의 이전 리비전을 편집, 삭제 및 복원합니다.
- 블록 패턴 내보내기 및 가져오기: 블록 패턴 내보내기 및 가져오기.
- 동기화된 패턴의 콘텐츠 재정의: 패턴 재정의를 활성화하고 사용하세요.