워드프레스의 Gutenberg 블록 편집기 사용법은?

워드프레스 Gutenberg 블록 편집기 사용법 FAQ

1. Gutenberg 블록 편집기란 무엇인가요?
Gutenberg는 워드프레스의 기본 블록 편집기로, 콘텐츠를 다양한 블록 단위(문단, 이미지, 비디오, 버튼 등)로 나누어 직관적으로 편집할 수 있게 해줍니다.

2. Gutenberg 편집기를 어떻게 시작하나요?
워드프레스 관리자 대시보드에서 ‘글’ 또는 ‘페이지’ > ‘새 글 작성’ 또는 ‘새 페이지 작성’을 클릭하면 자동으로 Gutenberg 블록 편집기가 실행됩니다.

3. 새 블록을 추가하는 방법은?
편집 화면 왼쪽 상단 또는 본문 중 원하는 위치에 마우스를 대면 ‘+’ 아이콘이 나타납니다. 이를 클릭하거나 ‘/’ 키를 입력 후 블록 이름을 검색해 추가할 수 있습니다.

4. 블록 종류에는 어떤 것들이 있나요?
문단, 이미지, 갤러리, 인용구, 목록, 표, 버튼, 동영상, 컬럼, 커버 이미지, 맞춤 HTML 등 다양한 기본 블록과 플러그인을 통해 추가된 블록이 있습니다.

5. 블록 설정은 어떻게 변경하나요?
각 블록을 클릭하면 오른쪽 사이드바에 해당 블록 고유의 설정 메뉴가 표시됩니다. 여기서 텍스트 크기, 색상, 여백, 정렬 등 세부 옵션을 조정할 수 있습니다.

6. 블록을 이동하거나 복제하는 방법은?
블록 왼쪽에 나타나는 이동 버튼(위/아래 화살표)을 사용하거나 드래그 앤 드롭으로 위치를 변경할 수 있습니다. 블록 옵션 메뉴에서 ‘복제’를 선택해 복사도 가능합니다.

7. 블록을 삭제하려면?
블록 선택 후 블록 메뉴(3점 아이콘)에서 ‘삭제’를 클릭하거나 키보드에서 Delete 또는 Backspace 키를 누르면 됩니다.
8. 다단 레이아웃(컬럼) 만드는 방법은?
‘컬럼’ 블록을 추가하면 복수의 콘텐츠 영역을 나눠 그 안에 다른 블록들을 넣어 다단 레이아웃을 쉽게 설계할 수 있습니다.

9. 블록을 저장하거나 템플릿으로 재사용할 수 있나요?
블록 메뉴에서 ‘재사용 블록으로 저장’를 선택하면 나중에 다른 글이나 페이지에서 동일한 블록 구성을 재사용할 수 있습니다.

10. 기존 클래식 편집기에서 어떻게 전환하나요?
플러그인 ‘Classic Editor’를 설치하면 기존 편집기로 전환 가능하며, 또는 Gutenberg 내에서 ‘클래식 블록’을 추가해 기존 에디터 스타일 편집도 지원합니다.

11. Gutenberg 편집기로 작성한 글은 SEO에 유리한가요?
Gutenberg 자체는 SEO에 직접 영향을 주지 않지만, 구조화된 블록 단위 편집으로 콘텐츠 구성이 명확해져 SEO 최적화에 도움이 될 수 있습니다.

12. 블록 편집기에서 이미지 최적화는 어떻게 하나요?
이미지 블록의 사이드바에서 크기 조절, 대체 텍스트 입력, 캡션 추가 등이 가능하며, 별도 플러그인 설치 시 자동 압축 및 최적화 기능을 활용할 수 있습니다.

13. 블록 추가가 안 되거나 편집이 제대로 안 될 때 대처법은?
브라우저 캐시 삭제, 워드프레스 및 플러그인 업데이트, Gutenberg 플러그인 설치(또는 비활성화), 브라우저 호환성 확인 등을 시도해 보세요.

14. Gutenberg의 주요 장점은 무엇인가요?
사용이 직관적이고 시각적이며, 다양한 미디어를 쉽게 삽입 가능, 맞춤형 레이아웃 제작 지원, 확장성과 재사용성이 뛰어납니다.

15. Gutenberg에 대한 추가 학습 자료는 어디서 찾을 수 있나요?
워드프레스 공식 사이트, 코덱스(Codex), 유튜브 튜토리얼, 워드프레스 관련 블로그 및 커뮤니티에서 다양한 안내와 강의를 찾을 수 있습니다.

워드프레스의 Gutenberg 블록 편집기는 사용자가 콘텐츠를 보다 직관적으로 작성하고 편집할 수 있도록 도와주는 강력한 도구입니다.

Gutenberg는 블록 기반의 편집 시스템을 도입하여 텍스트, 이미지, 비디오 등 다양한 콘텐츠를 블록 형태로 추가하고 조정할 수 있게 해줍니다.

아래는 Gutenberg 블록 편집기의 기본 사용법에 대한 안내입니다.

1. 블록 편집기 접근하기- 워드프레스 대시보드에 로그인한 후, '글' 또는 '페이지' 메뉴에서 '새 글 추가' 또는 '새 페이지 추가' 를 클릭합니다.

- 기본적으로 Gutenberg 블록 편집기가 열립니다.



2. 블록 추가하기- 새 블록을 추가하려면, 편집 화면의 상단에 있는 ‘+’ 아이콘 을 클릭합니다.

- 또는, 빈 공간에 마우스를 올리면 나타나는 ‘+’ 아이콘 을 클릭하여 블록을 추가할 수 있습니다.

- 다양한 블록 유형(문단, 이미지, 헤더, 리스트 등) 중에서 원하는 블록을 선택합니다.



3. 블록 편집하기- 블록을 선택하면 오른쪽 사이드바에 블록 설정이 나타납니다.

여기서 블록의 스타일, 정렬, 색상 등을 조정할 수 있습니다.

- 블록 내부에서 텍스트를 입력하거나 이미지를 추가하는 등 콘텐츠를 편집할 수 있습니다.



4. 블록 정렬 및 이동- 블록을 이동하려면 블록의 왼쪽에 있는 화살표 아이콘 을 클릭하여 위아래로 이동할 수 있습니다.

- 드래그 앤 드롭 방식으로 블록을 원하는 위치로 옮길 수도 있습니다.



5. 블록 그룹화- 여러 개의 블록을 그룹으로 묶어 관리할 수 있습니다.

블록을 선택한 후, ‘그룹’ 블록을 추가하여 관련 블록들을 함께 묶을 수 있습니다.

- 그룹화된 블록은 하나의 단위로 이동하거나 스타일을 적용할 수 있어 편리합니다.



6. 블록 복제 및 삭제- 블록을 복제하려면 블록을 선택한 후, ‘더보기’(세 점 아이콘) 를 클릭하고 ‘복제’ 를 선택합니다.

- 블록을 삭제하려면 블록을 선택한 후, ‘더보기’ 메뉴에서 ‘삭제’ 를 선택하거나, 블록을 선택한 상태에서 키보드의 Delete 키를 누릅니다.



7. 미리보기 및 게시- 작성한 콘텐츠를 미리 보려면 화면 상단의 ‘미리보기’ 버튼을 클릭합니다.

- 모든 편집이 완료되면 ‘게시’ 버튼을 클릭하여 글을 게시합니다.



8. 추가 기능 활용하기- Gutenberg는 다양한 플러그인과 테마와 호환되어 추가적인 블록을 제공할 수 있습니다.

필요한 경우 블록 라이브러리에서 추가 블록을 설치하여 사용할 수 있습니다.

Gutenberg 블록 편집기는 처음 사용해보는 사용자에게는 다소 생소할 수 있지만, 다양한 기능을 통해 콘텐츠 작성이 훨씬 수월해집니다.

블록 기반의 편집 방식에 익숙해지면, 보다 창의적이고 다양한 형태의 콘텐츠를 제작할 수 있습니다.