블록 패턴은 워드프레스 편집기에서 몇 번의 클릭만으로 사이트에 추가할 수 있는 미리 디자인된 레이아웃입니다. 이 가이드에서는 사이트에 블록 패턴을 추가하고 내 콘텐츠에 맞게 바꾸는 방법을 안내합니다.
이 가이드에서
문의 사항이 있으십니까?
지원 도우미에게 물어보기이 비디오에서는 WordPress.com 사이트에서 블록 패턴을 사용하는 방법을 설명합니다. 삽입기에서 미리 디자인된 패턴을 추가하는 방법, 콘텐츠와 레이아웃을 편집하는 방법, 직접 만든 패턴을 재사용하는 방법을 다룹니다.
영어 비디오입니다.
YouTube의 자동 번역 기능을 사용하면 원하는 언어로 시청할 수 있습니다.
자동 번역 자막을 켜는 방법:
- 비디오를 재생합니다.
- 비디오 오른쪽 하단의 ⚙️ 설정 아이콘을 클릭합니다.
- 자막/CC를 선택합니다.
- 자동 번역을 선택합니다.
- 원하는 언어를 선택합니다.
자동 더빙(실험 기능)으로 시청하는 방법:
- ⚙️ 설정 아이콘을 클릭합니다.
- 오디오 트랙을 선택합니다.
- 시청하려는 언어를 선택합니다.
ℹ️ 번역과 더빙은 Google에서 자동 생성되므로 정확하지 않을 수 있으며, 자동 더빙 기능은 현재 테스트 중이라 모든 언어에서 사용할 수 있는 것은 아닙니다.
사용 가능한 블록 패턴을 둘러보고 사이트에 추가하려면 다음 단계를 따르세요.
- 패턴 탭을 클릭하세요.
- 사용 가능한 패턴을 둘러보세요. 시작 콘텐츠, 연락처, 갤러리, 블로그 글 등 카테고리별로 컬렉션을 볼 수 있습니다.
- 더 큰 창에서 모든 패턴을 보려면 해당 섹션 하단의 “모든 패턴 둘러보기” 버튼을 클릭하세요.
- 원하는 패턴을 클릭하면 커서가 있는 위치에 추가됩니다.
블록 패턴을 사이트에 추가하면 해당 패턴은 콘텐츠의 일부가 됩니다. 이후 라이브러리에서 패턴이 업데이트되거나 제거되더라도 이미 페이지나 글에 추가한 패턴에는 영향을 미치지 않습니다.
📌
블록 패턴과 시작 콘텐츠에 포함된 이미지는 무료로 사용할 수 있지만, 외부에서 호스팅되며 미디어 라이브러리에 저장되지 않습니다. 향후 이미지가 변경되거나 제거될 수 있으므로 나만의 이미지로 바꾸는 것이 좋습니다.
다양한 화면 크기에서 패턴을 미리 보고 반응성을 확인하려면 WordPress.com 패턴 라이브러리를 이용하세요. 패턴을 둘러보고 검색하고 미리 본 다음, 복사해 블록 편집기에 붙여넣을 수 있습니다.
- 패턴 라이브러리를 방문하세요.
- 카테고리 탐색을 사용하거나 기능 또는 키워드로 검색해 패턴을 찾으세요.
- 사용하려는 패턴을 찾으면 “패턴 복사” 버튼을 클릭하세요.
- 로그인되지 않은 상태에서는 각 카테고리의 처음 세 패턴만 복사할 수 있습니다. 더 많은 패턴을 복사하려면 “접근 권한 받기“를 클릭해 로그인하거나 무료 WordPress.com 계정을 만드세요.
- 워드프레스닷컴 사이트에서 글, 페이지 또는 템플릿의 편집기로 이동하세요. Command + V(Mac) 또는 CTRL + V(Windows)를 사용하거나, 마우스 오른쪽 버튼을 클릭하고 붙여넣기를 선택하세요.
- 필요에 따라 콘텐츠(이미지, 텍스트, 링크 등)를 편집하세요. 스타일에 설정한 내용이 사이트 편집기에서 붙여넣은 패턴에 자동으로 적용됩니다.
블록 패턴에는 두 가지 편집 모드가 있습니다. 패턴에서 변경하려는 내용에 따라 모드를 전환할 수 있습니다.
- 콘텐츠 전용 편집 모드(기본): 패턴 내의 텍스트, 이미지, 링크를 바꿀 수 있습니다. 레이아웃은 잠겨 있어 패턴을 구성하는 블록을 실수로 이동하거나 삭제할 수 없습니다.
- 전체 편집 모드: 레이아웃 자체를 변경할 수 있습니다. 패턴 내의 블록을 추가, 제거, 이동하거나 스타일을 변경할 수 있습니다.
페이지나 글에 패턴을 추가하면 콘텐츠 전용 편집 모드로 열립니다. 다음 섹션에서 각 모드를 차례로 설명합니다.
페이지나 글에 블록 패턴을 추가하면 콘텐츠 전용 편집 모드로 열립니다. 콘텐츠 전용 편집 모드에서는 블록 패턴의 레이아웃이 잠겨 있어, 레이아웃을 실수로 변경하거나 블록을 완전히 제거하는 일 없이 텍스트와 이미지를 안전하게 편집할 수 있습니다.
콘텐츠 전용 편집 모드에서는 편집기에서 보고 편집할 수 있는 요소가 다음과 같이 제한됩니다.
- 목록 보기에는 패턴 내의 콘텐츠 블록(제목, 문단, 이미지, 버튼)만 표시됩니다. 레이아웃을 제어하는 구조 블록(컬럼, 그룹, 행)은 “패턴 편집” 버튼을 클릭하기 전까지 숨겨져 있습니다.
- 블록 사이드바에는 선택한 블록을 편집할 수 있는 콘텐츠 탭, 패턴 안의 특정 아이템을 추가하거나 삭제할 수 있는 목록 보기 옵션, 그리고 모양을 조정하는 스타일 탭이 표시됩니다.
- 블록 도구 모음에는 전체 구조 편집으로 전환하는 “패턴 편집” 버튼과 다양한 스타일 변형을 시도할 수 있는 “셔플” 버튼(물방울 아이콘)이 있습니다(사용 가능한 경우).
표시된 콘텐츠 블록을 클릭해 직접 편집하세요. 제목을 선택해 텍스트를 바꾸고, 이미지를 클릭해 교체하거나, 링크의 URL을 새 것으로 업데이트할 수 있습니다.
패턴 내의 일부 블록에는 버튼 블록이나 소셜 아이콘 블록처럼 반복 가능한 아이템이 포함되어 있습니다. 콘텐츠 전용 편집 모드를 벗어나지 않고도 개별 아이템을 추가하거나 제거할 수 있습니다.
콘텐츠 전용 모드에서 이러한 블록을 편집하려면 다음 단계를 따르세요.
- 편집기에서 패턴을 클릭하세요.
- 블록 설정 사이드바를 여세요.
- 블록 설정 사이드바에서 목록 보기 아이콘을 클릭하세요.
- + 블록 삽입기 아이콘을 클릭하여 같은 유형의 블록을 하나 더 추가합니다(예: 개별 버튼, 소셜 아이콘, 링크).
- 블록 오른쪽의 점 세 개 메뉴(⋮)를 클릭하면 다음 옵션을 선택할 수 있습니다.
- 위로 이동 또는 아래로 이동: 블록 내에서 해당 아이템을 위 또는 아래로 이동합니다.
- 복제: 해당 아이템의 정확한 사본을 만듭니다.
- 앞에/뒤에 추가: 기존 아이템 앞이나 뒤에 새 버튼, 링크 또는 소셜 아이콘을 추가합니다.
- 메모 추가: 아이템에 블록 메모를 추가합니다.
- 삭제: 상위 블록에서 해당 아이템을 제거합니다.
블록 패턴의 레이아웃을 변경하려면 콘텐츠 전용 편집 모드에서 전체 편집 모드로 전환하세요. 변경을 마치면 다시 콘텐츠 전용 편집 모드로 돌아가 텍스트와 이미지를 계속 편집하는 동안 레이아웃이 잠긴 상태로 유지되도록 하세요.
블록 패턴의 레이아웃을 편집하려면 다음 단계를 따르세요.
- 편집기에서 패턴을 클릭하세요.
- 도구 모음 또는 설정 사이드바에서 “패턴 편집” 버튼을 클릭하세요.
- 구조를 변경하세요. 블록을 이동하거나, 제거하거나, 추가할 수 있습니다.
- 콘텐츠 전용 편집 모드로 돌아가려면 블록 설정 사이드바 또는 블록 도구 모음에서 “패턴 종료” 버튼을 클릭하세요.
직접 생성한 패턴도 블록 삽입기의 패턴 섹션에 표시됩니다. 직접 만든 패턴을 추가하려면 다음 단계를 따르세요.
- 알림판을 방문하세요.
- 페이지 또는 글로 이동해 편집할 페이지 또는 글을 선택하거나, 디자인 → 편집기에서 사이트 편집기를 여세요.
- 편집 화면에서 왼쪽 상단의 + 블록 삽입기를 클릭하세요.
- 패턴 탭을 클릭하세요.
- “내 패턴” 카테고리를 선택하세요.
- 패턴을 한 번 클릭해 콘텐츠에 추가하거나, 원하는 위치로 드래그하세요.
나만의 패턴을 편집하고 관리하는 방법을 알아보세요.
