워드프레스 강의 구텐베르크 블록 에디터 디자인의 이해

페이지 빌더와 블록 에디터 중 무엇을 선택해야 더 좋은지 고민이라면 필자의 제안은 아무래도 구텐베르크 블록 에디터가 장기적으로 볼 때 더 나은 선택이라 생각합니다. 그 시작은 포스트를 통해 편집 방식을 배우면서 페이지 디자인까지 이어가는 게 괜찮을 듯 합니다.

오늘은 이와 관련해 구텐베르크 블록 에디터 구조와 활용법, 그리고 웹사이트 디자인에 필요한 멋진 유료 블록을 소개하는 것으로 시작해 보겠습니다.

 

 

워드프레스 구텐베르크 블록 에디터 강의를 시작하며.

아시다시피 관련 게시판은 워드프레스 실무자 입장에서 초보 사용자가 워드프레스를 쉽게 배울 수 있도록 강의 형식으로 구성 되었습니다. 그 중 이번 글은 구텐베르크 블록 에디터를 시작하는 단계이니 먼저 해당 정보를 100% 활용하는 방법에 관해 이야기하고 갈게요.

워드프레스 강의는 크게 두 가지 목적을 가진 분들이 관심을 갖게 됩니다. 하나는 블로그 관리에서 조금 더 나은 구조와 디자인을 원할 때, 다른 하나는 홈페이지 제작과 같은 완전한 디자인 수업이죠.

앞으로 진행될 블록 에디터 강의 역시 포스팅을 작성할 때 더 나은 디자인을 구축하는 방법과, 하나의 웹사이트를 만드는 데 블록 에디터로 무엇을 할 수 있는지 정리하는 수업이 될 것입니다.

오엠지 디자인의 워드프레스 강의는 실무 관점에서 진행되며, 최종 코드 스니펫 활용까지 진행될 예정이니 관심 있는 분들이 끝까지 구독해 주시길 바랍니다.

 

 

블록 에디터가 지닌 강점과 활용 범위

워드프레스가 기본적으로 제공하는 블록 에디터의 경우 활용에 한계가 있을 수 있습니다. 물론 단순 포스팅 정도라면 가독성을 높이기 위한 여백과 텍스트 간격 조절로 충분히 가능하지만 배너 디자인이나 다양한 변수를 모두 해결하기엔 조금 부족함이 있죠.

하지만 테마를 잘 선택하고 커스터 마이징 과정을 거친다면 가독성 좋은 포스팅을 완성하는 데 큰 문제는 없습니다.

만약 웹사이트 디자인 편집기로 블록 에디터를 고려한다면 아무래도 유료 버전을 활용하는 게 좋습니다. 다양한 위젯 요소를 지원하며, 세부적인 커스터 마이징까지 가능하려면 말이죠.

즉, 원하는 건 무엇이든 가능하지만 기본적인 구텐베르크 만으로는 어려울 수 있습니다.

그럼에도 불구하고 우리가 블록 에디터를 선택해야 하는 이유는 간단합니다. 워드프레스 기본 내장 편집기인 구텐베르크와 호환되는 다양한 테마와 플러그인이 현재도 많고, 앞으로 더 많아질 것이기 때문이죠.

이를 통해 편집 디자인과 다양한 기능을 모두 구현할 수 있고, 엘리멘터나 그외 페이지 빌더와 비교해 더 빠른 웹사이트를 구축할 수 있습니다.

 

 

포스팅 구조에 대한 이해

그럼 앞으로 워드프레스 강의에서 배울 블록 에디터 편집기로 작성한 포스팅을 보면서 어떤 결과물을 만들 수 있는지 확인해 볼게요.

---

---

---

해당 이미지는 현재 본사가 관리하고 있는 워드프레스 홈페이지에서 작성된 블록 에디터 포스팅의 일부입니다. 특성 이미지부터 H2 태그, 단락 태그 등 가독성을 위해 사용자 정의하기에서 일괄적으로 세팅하였고, 테마는 Kadence를 사용하였습니다.

---

---

무료 버전만으로 작성된 상태이며, 하단 뉴스룸은 케이던스 블록 프로 플러그인으로 커스터 마이징한 블록 에디터 포스팅과 메인 페이지 디자인입니다.

아무래도 일반 블로그와는 큰 차이가 있으며, 이렇게 구조 및 디자인을 갖춘 상태에서 가치 있는 정보까지 제공한다면 하나의 채널을 통해 수익화를 만들고, 광고를 유치하는 인테넷 뉴스 사이트로 확장해 나갈 가능성이 높아질 것입니다.

 

 

워드프레스 디자인 강의에 대한 이해 

본사는 이번 블록 에디터 관련 10회 강의에서 여러분이 하나의 웹사이트를 완벽하게 구축할 수 있는 방법을 제시할 수는 없다고 생각합니다. 이는 현실적으로 불가능하며, 텍스트로 모든 걸 전달하기 어렵기 때문이죠.



🟢 사이트 바로가기

---

무엇보다 수강료를 지급하고 배우고 있는 분들과는 차이가 있을 거에요. 하지만 이번 워드프레스 강의 자체가 무의미한 건 아닙니다. 여러분은 블록 에디터로 어떤 디자인까지 가능한지 확인할 수 있으며, 몇 가지 중요한 실무 스킬을 배우게 될 것이니까요.

블록 에디터 강의 커리큘럼

1. 포스팅을 위한 케이던스 테마(Kadence) 사용자 정의
2. 가독성 있는 포스팅을 위한 구조 세팅
3. 텍스트 블록의 이해
4. 미디어 블록의 이해
5. 디자인 블록의 이해
6. 유료와 무료의 차이
7. 웹사이트 디자인 시작하기
8. 스크롤 모션 기능의 이해
9. 계층 및 그룹핑으로 디자인 하기
10. SEO 디자인에도 적용되어야 하는 이유

이렇게 총 10회에 거처 블록 에디터 워드프레스 강의를 해당 게시판에 업데이트 할 예정이니 참고하면 분명 도움이 될거라 생각합니다.



끝으로 엘리멘터 페이지 빌더 역시 동일하게 10회 강의가 함께 진행됨을 알려 드리면서 블록 에디터에 대한 기본 개념과 워드프레스 강의 소식에 대한 이번 포스팅은 이것으로 마칩니다.