WordPress 블록 편집기 (Gutenburg라고도 함)의 가장 유용하고 잘 사용되지 않는 기능 중 하나는 재사용 가능한 블록입니다. 알고 있다면 Divi 또는 다른 페이지 빌더, 재사용 가능한 블록은 전역 모듈과 동일한 기능을 제공합니다. 이는 한 번 구성한 후 다시 사용할 수있는 블록 (또는 블록 그룹)입니다.
다시 편집 할 필요없이 여러 페이지와 게시물에 삽입 할 수 있습니다. 그리고 다시 변경하려는 경우 변경 사항을 사이트 전체에 적용하여 사이트 수명 기간 동안 몇 시간을 절약 할 수 있습니다. 이제 WordPress 재사용 가능 블록을 관리 할 수있는 모든 방법을 살펴 보겠습니다.
WordPress에서 재사용 가능한 블록을 만드는 방법
WordPress에서 재사용 가능한 블록을 만드는 것은 비교적 간단합니다. 블록 편집기로 편집하는 모든 게시물에서 (플러그인을 사용하지 않는 한 WP 5.x에서 기본 설정) 클래식 에디터 ), 재사용 할 블록을 만들 수 있습니다. 클릭 드롭 다운 목록 à 세 점 블록 호버 설정에서 재사용 가능한 블록에 추가 .
편집자는 나중에 검색 할 수 있도록 새 블록의 이름을 묻습니다. 사이트에서 제공 할 기능에 대해 기억에 남는 이름을 지정하십시오. 같은 관련 기사 또는 블로그 게시물의 표지 이미지 또는 설명적인 것.
재사용 가능한 블록을 생성 할 때 실수를 한 경우 (또는 생성하는 동안 실수를 한 경우) 드롭 다운 목록에서 매개 변수를 다시 클릭하고 재사용 가능한 블록 삭제 . 이 옵션은 데이터베이스에서 전체 블록을 지웁니다. données 원하는 경우 위의 프로세스를 반복하여 컬렉션에 다시 추가할 수 있습니다.
또한, 저장된 블록 자체를 클릭하여 버튼을 찾을 수 있습니다. 편집 .
이 예제의 단락 블록의 경우 이름을 바꿀 수있는 옵션이 제공됩니다. 그러나 각 블록에 대한 조정은 다릅니다. 그림 상자의 경우 미디어 라이브러리에서 다른 파일을 삽입하거나 새 파일을 업로드하고 정렬 또는 링크 된 URL과 같은 추가 옵션을 사용할 수 있습니다.
이 프로세스는 사용자가 만든 재사용 가능한 블록에서 작동합니다. 그러나 명심하십시오 이러한 방식으로 재사용 가능한 블록에 대한 변경 사항은 사이트에서 해당 블록의 다른 모든 인스턴스에 적용됩니다. . 따라서 한 블록에서 이미지를 변경하면 새 이미지가 모든 곳에 나타납니다.
재사용 가능한 블록을 삽입하는 방법
WordPress에서 재사용 가능한 블록을 사용하는 것은 실제로 매우 쉽고 간단합니다. 블록 편집기 내에서 원 안에있는 + 표시를 클릭하여 탭을 찾을 수 있습니다. 재사용 가능 . + 버튼은 모든 블록의 오른쪽, 모든 블록 아래, 화면 왼쪽 상단에 나타납니다.
다른 게시물과 페이지에 생성 한 재사용 가능한 블록을 삽입하면 탭에도 나타날 수 있습니다. 가장 많이 사용 + 버튼을 누를 때마다 목록 상단에 표시됩니다.
서로 다른 블록을 사용하면 변경 될 수 있지만 각 블로그 게시물의 바닥 글과 같은 재사용 가능한 블록을 사용하면 여기에 자주 표시됩니다.
WordPress에서 재사용 가능한 모든 블록을 관리하는 방법
탭 하단 재사용 가능 당신은 링크를 찾을 수 있습니다 재사용 가능한 모든 블록 관리 . 이 링크를 클릭하면 생성 한 모든 재사용 가능한 블록이 나열된 친숙한 페이지로 이동합니다. 이 목록은 기본 WordPress 게시물 및 페이지 목록과 거의 똑같습니다.
목록을 볼 때 몇 가지 중요한 옵션이 나타납니다. JSON에서 가져 오기 , JSON 형식으로 내보내기 et 변화 .
용도 편집 위의 블록 편집과 동일합니다. 특정 기사 안에있는 것이 아니라 블록이 자신의 기사 유형 편집기에 나타나서 업데이트 할 수 있습니다. 다시 말하지만,이 블록에 대한 모든 변경 사항은 각 인스턴스에 사이트 전체에 적용됩니다.
붓다 JSON 형식으로 내보내기 , 버튼을 클릭하십시오. (3) 생성된 JSON 파일을 다운로드할 위치를 선택할 수 있는 대화 상자(브라우저 설정에 따라)가 표시됩니다. 파일 자체는 간단한 JSON입니다. 여기에는 파일 형식(블록), 편집하거나 생성할 때 지정한 제목, 블록과 해당 블록을 렌더링하기 위해 WordPress에서 삽입할 실제 HTML 코드가 표시됩니다. 내용 사이트의 프런트 엔드에 있습니다.
JSON에서 가져 오기 컴퓨터에서 JSON 파일을 찾아 다른 첨부 파일이나 파일처럼 다운로드하면됩니다.
일단 누르면 수입 , 재사용 가능한 블록 목록에 나타납니다. 그러나 동일한 이름의 블록이 이미있는 경우 (이 경우 재사용 가능한 블록 1 ), 새로운 블록 가져온 이름은 변경되지 않습니다. 구분하려면 수동으로해야합니다.
재사용 가능한 블록을 가져오고 내보내는 이유는 무엇입니까?
가져오고 내보내는 데에는 여러 가지 이유가 있지만 주요 이유는 백업 및 이식성 목적입니다. 아마도 모든 블록과 블록의 백업을 유지하고 싶을 것입니다. 내용 귀하의 사이트에 게시하는 것이 유용하다고 생각되는 정보입니다. 이식성, 공유 및 판매도 중요합니다.
다른 사이트에서 블록을 사용해야하는 경우. 팀원과 공유합니다. 또는 고객을 위해 재사용 가능한 블록으로 단독 판매합니다. 우리처럼 레이아웃 팩 주간 Divi를 위해 , 블록 가져 오기 및 내보내기를 통해 여러 가지 방법으로 생성기를 확장 할 수 있습니다. 또한 옵션을 사용하면 그룹 블록 (아래 참조) 전체 모델과 레이아웃을 JSON 형식의 재사용 가능한 블록으로 가져오고 내보낼 수 있습니다.
WordPress에서 재사용 가능한 블록 그룹을 만드는 방법
재사용 가능한 블록 그룹을 생성하면 재사용 가능한 블록의 전체 기능이 빛을 발합니다. 전체적으로 삽입할 수 있는 단일 이미지나 단락 또는 머리글을 사용하는 대신 Gutenberg 블록을 그룹화하고 재사용 가능한 단일 블록으로 저장할 수도 있습니다. 즉, 예를 들어 제목 블록, 단락 블록, 이미지 블록 및 사용자 정의 HTML 블록을 그룹화하여 형태 모든 블록 편집기 게시물에 대한 글로벌 이메일 멤버십.
재사용 가능한 WordPress 블록 그룹을 만들려면 블록에서 Shift 키를 누른 상태에서 클릭하여 그룹에 추가하십시오. 선택한 모든 블록은 파란색 테두리로 강조 표시됩니다.
그런 다음 버튼을 누릅니다. 변신 로봇 (2) 선택하고 그룹 드롭 다운 목록에서 (3) . 이 시점에서 블록이 하나의 블록으로 병합되는 것을 볼 수 있습니다. 그런 다음 다른 단일 블록과 동일한 방식으로 그룹 블록을 재사용 가능한 블록으로 전환합니다.
그러면이 새 그룹이 모든 재사용 가능한 블록 목록과 탭 아래에 나타납니다. 재사용 가능 발행물 또는 페이지에 새 블록을 추가 할 때
재사용 가능한 템플릿을 만드는 방법
앞서 WordPress의 재사용 가능한 블록이 글로벌 요소라는 점을 논의했습니다. 즉, 블록의 한 인스턴스를 수정하면 다른 모든 인스턴스에 영향을줍니다. 재사용 가능한 블록의 텍스트 또는 이미지를 변경하면 해당 변경 사항이 전체 사이트에 적용됩니다. 그러나 당신은 pouvez 재사용 가능한 블록을 개별적으로 편집할 수 있는 템플릿으로 사용합니다. 다시 말하지만, Divi 레이아웃과 마찬가지로 블록 편집기를 사용하면 라이브러리에서 일반 블록(또는 블록 그룹)을 삽입한 다음 내용 개별 게시물이나 페이지(또는 블록 단위) 단위로.
이렇게하려면 위에서 본 것처럼 재사용 가능한 블록을 편집기에 삽입하십시오. 누르세요 + 원 안에 로 이동 재사용 가능 을 입력 한 다음 삽입하려는 블록을 선택하십시오.
블록이 나타나면 세 개의 점을 클릭하여 드롭 다운 메뉴를 엽니 다. . 고르다 일반 블록으로 변환 . 노트 : 선택하지 마십시오 재사용 가능한 블록 삭제 .
일반 블록으로 변환 에만 적용됩니다 이 독특한 블록 . 사용할 때 표준 블록으로 변환 , WordPress에이 단일 블록 (그리고이 블록 만)이 전체 사이트 전체 변경 사항과 독립적 이길 원한다고 말합니다. 재사용 가능한 다른 블록에 대한 변경 사항은 변환 된 블록에 적용되지 않으며 이러한 변경 사항은 전역 적으로 적용되지 않습니다.
선택 재사용 가능한 블록 삭제 전역 디렉토리에서 모든 것을 제거합니다. 이미 삽입 한 블록은 그대로 유지되지만 글로벌 특성을 공유하지 않습니다. 또한 탭에서 다시 삽입 할 수 없습니다. 재사용 가능 (명백 할 수 있음). 이것은 재사용 가능한 블록을 템플릿으로 사용하는 목적을 무너 뜨릴 수 있으므로 권장하지 않습니다.
그러나 일반 블록으로 변환 , 블록 (또는 블록 그룹)에 대한 기본 템플릿을 삽입하고 해당 특정 인스턴스 만 글로벌 표준에서 제거하여 원래 블록 기능을 다른 출판물의 템플릿으로 재사용 할 수 있도록 할 수 있습니다. 페이지. 이 기능은 다음에 대한 자습서에서 실제로 볼 수 있습니다.블로그 게시물에 재사용 가능한 Divi 레이아웃 블록 추가 .
결론
재사용 가능한 블록은 Gutenberg Block Editor의 주요 기능 중 하나입니다. 사이트와 친구간에 블록 및 콘텐츠를 공유하고이를 사이트의 공통 요소에 대한 템플릿으로 사용할 수있는 기능에서 재사용 가능한 블록 기능을 활용하면 게시물 작성 및 디자인을 다음 단계로 끌어 올릴 수 있습니다. 새로운 수준의 유틸리티, 창의성 및 사용자 경험을 제공합니다.
