워드프레스 재사용 가능 블록 동기화된 패턴 티스토리 서식 네이버 블로그 템플릿

01

of 07

재사용 가능 블록? 동기화된 패턴?

티스토리의 서식, 네이버의 템플릿 기능과 같지만 조금 더 업그레이드된 기능이라 할 수 있다. 블록 또는 블록 그룹을 재사용 가능 블록으로 지정하고, 워드프레스의 글이나 페이지를 작성할 때 사용할 수 있다. 동일한 블록이나 블록 그룹을 자주 사용하는 경우 재사용 가능 블록으로 지정하여 글 작성 시간을 대폭 줄일 수 있다.

02

of 07

티스토리 서식, 네이버 블로그 템플릿과의 차이점?

티스토리의 서식, 네이버 블로그의 템플릿을 만들어 놓으면, 나중에 글을 작성할 때 만들어 놓은 서식이나 템플릿을 그대로 불러와 글을 작성할 수 있다. (고정형)

워드프레스 재사용 가능 블록은 네이버, 티스토리처럼 그대로 불러와 글을 작성할 수도 있지만 (고정형), 동기화하여 모든 글을 한꺼번에 업데이트 할 수도 있다. (변동형)

따라서 워드프레스에서 글 작성할 때, 재사용 가능 블록을 지정한다면 고정형으로 사용할 건지 변동형으로 사용할 건지 판단해야 한다.

03

of 07

재사용 가능 블록 (동기화된 패턴) 관리 메뉴?

보통 재사용 가능 블록을 지정할 때 글 작성 중에 지정하는 방법 (네이버 블로그의 템플릿 기능)이 있지만 난 이 방법을 선호하지 않는다. 대신 직접 재사용 가능 블록 관리 페이지에 접속하여 새 글 작성으로 작성하는 편이다. (티스토리 서식 기능)

하지만 재사용 가능 블록 관리페이지에 접속할 메뉴가 없어서 찾기가 힘들어 아래 두 가지 방법으로 관리페이지에 접속한다.

1. 재사용 가능 블록 (동기화된 패턴) 관리 페이지 직접 주소 입력

https://본인 도메인/wp-admin/edit.php?post_type=wp_block

보통 난 워드프레스에 글을 작성할 때 폰트 크기 비교, 자주 사용하는 컬러 코드, 사이트 주소 등 자주 사용하는 여러 가지 내용을 메모장에 작성해서 항상 메모장을 띄워두고 글을 작성하고 있다. 여기에 재사용 가능 블록 주소도 적혀 있다.

2. 글 작성 중 재사용 가능 블록 관리 메뉴 찾기

워드프레스에 글을 작성하는 중에 재사용 가능 블록 (동기화된 패턴), 관리 메뉴를 찾을 수도 있다. 단 이 메뉴는 그냥 클릭하기보단 마우스 우클릭을 통해서 새 탭에 열기를 추천한다.

04

of 07

워드프레스에 재사용 가능 블록 (동기화된 패턴) 관리 메뉴 만들기

functions.php에 약간의 코드를 추가하면 워드프레스에 재사용 가능 블록 (동기화된 패턴) 관리 메뉴를 추가할 수 있다. 테마 파일 업그레이드 후 초기화되기 때문에 되도록 차일드 테마에 코드를 삽입하는 걸 추천한다.

function be_reusable_blocks_admin_menu() {
    add_menu_page( 'Reusable Blocks', 'Reusable Blocks', 'edit_posts', 'edit.php?post_type=wp_block', '', 'dashicons-editor-table', 22 );
}
add_action( 'admin_menu', 'be_reusable_blocks_admin_menu' );
Code language: PHP (php)

05

of 07

재사용 가능 불록 (동기화된 패턴) 사용 예시

예시로 영화 리뷰 블로그를 운영한다고 가정하였고, 아래 이미지 같은 형식으로 블로그 글을 작성한다고 예를 들었다.

1. 빨간 박스 부분

실제 아래 이미지와 같이 재사용 가능 블록 (동기화된 패턴)을 만들어 놓았다.

영화 리뷰 글의 전체 틀이라 할 수 있다. 이런 전체 틀은 한번 만들어 두면 앞으로 변경될 일이 없으므로 재사용 가능 블록 (동기화된 패턴) 고정형으로 사용하면 된다.

2. 파란 박스 부분

실제 아래 이미지와 같이 재사용 가능 블록 (동기화된 패턴)을 만들어 놓았다.

영화 리뷰 글의 일부분으로 향후 작품이 추가된다면 필모그래피 같은 경우는 지속으로 업데이트해 줘야 한다. 이렇게 향후 변동 가능성이 있는 부분은 재사용 가능 블록 (동기화된 패턴) 변동형으로 사용하면 된다.

06

of 07

재사용 가능 블록 (동기화된 패턴) 적용하기

1. 빨간 박스 부분

빨간 박스 부분은 고정형으로 사용하기로 했기 때문에 재사용 가능 블록 (동기화된 패턴) 삽입 후 꼭 일반 블록으로 전환해야 한다. 이 부분이 가장 중요하다. 실제 글을 작성하다 보면 깜박하고 이 부분을 빠트리는 경우가 상당히 많다.

① 재사용 가능 블록 (동기화된 패턴) 선택

블록 토글 삽입기 – 재사용 가능 블록 – 원하는 재사용 가능 블록 선택 (영화 리뷰 전체 틀)

② 부모 블록 선택 (재사용 가능 블록)

방금 삽입한 재사용 가능 블록 (동기화된 패턴) 선택. 꼭 부모 블록 선택 (재사용 가능 블록) 메뉴를 선택해야 한다.

③ 일반 블록으로 전환

부모 블록 선택 (재사용 가능 블록)을 선택했다면 (보라색 박스 확인) 하단부에 일반 블록으로 전환 메뉴가 보인다. 이 메뉴를 선택하면 일반 블록으로 전환이 된다.

만약 일반 블록으로 전환 메뉴가 보이지 않는다면 부모 블록이 정상적으로 선택되지 않은 것이다. 이부분을 다시 확인해야 한다. 꼭 보라색 박스를 확인해야 한다.

④ 워드프레스 6.3 업데이트 후

부모 블록 선택하면 보라색으로 부모 블록이 표시된다. 이 부분까지 업데이트 전과 똑같다. 하지만 일반 블록으로 전환할 때 상단부 아이콘 메뉴로 변경이 되었다. 패턴 분리를 클릭하면 일반 블록으로 전환이 된다.

2. 파란 박스 부분

재사용 가능 블록 (동기화된 패턴)을 변동형으로 사용하려면 위 고정형 사용 방법에서 일반 블록으로 전환 전 단계까지 하면 된다. 쉽게 말해서 그냥 원하는 재사용 가능 블록을 삽입 후 아무런 행동도 취하지 않으면 된다.

07

of 07

글 공개하기

글 공개하기 버튼을 누르면, 재사용 가능 블록이 포함되었을 경우 최종적으로 동기화 여부를 물어본다.

체크를 하지 않으면 재사용 가능 블록은 현 상태 그대로 유지되고, 체크를 한다면 방금 작성한 글로 재사용 가능 블록 내용이 변경된다. 단순히 글 하나만 변경이 되는 게 아니고 그동안 삽입했던 모든 글에 적용이 된다. 이 부분을 주의해야 한다.