산과 인쇄기
이 새로운 편집기의 목표는 워드프레스에 풍부한 콘텐츠를 간편하고 즐겁게 추가할 수 있도록 하는 것입니다. 이 게시물 전체는 레고 블록과 비슷하게, 사용자가 자유롭게 이동하고 상호작용할 수 있는 콘텐츠 조각들로구성되어 있습니다. 커서를 움직여 보면 각 블록에 윤곽선과 화살표가 표시되는 것을 확인할 수 있습니다. 화살표 버튼을 누르면 복사 및 붙여넣기 과정에서 내용이 사라질까 걱정할 필요 없이 블록의 위치를 빠르게 조정할 수 있습니다.
지금 읽고 계신 내용은 ‘텍스트 블록’으로, 가장 기본적인 블록입니다. 텍스트 블록에는 게시물 내에서 자유롭게 이동할 수 있는 전용 제어 기능이 있습니다…
… 예를 들어, 이렇게 오른쪽 정렬된 것 같은 경우입니다.
제목 역시 별도의 블록으로 처리되므로, 콘텐츠의 개요를 파악하고 내용을 체계적으로 정리하는 데 도움이 됩니다.
한 장의 사진은 천 마디 말보다 낫다
이미지와 미디어를 최대한 세심하게 다루는 것은 새로운 편집기의 주요 목표입니다. 이제 캡션을 추가하거나 사진을 전체 너비로 표시하는 기능이 이전보다 훨씬 더 편리하고 안정적으로 느껴지실 것입니다.

캡션을 선택하여 삭제하거나 편집해 보세요. 이제 실수로 이미지나 다른 텍스트를 선택해 프레젠테이션을 망칠까 봐 신경 쓸 필요가 없습니다.
삽입 도구
워드프레스가 제공하는 모든 기능을 인터페이스의 한 곳에서 빠르게 이용할 수 있다고 상상해 보세요. HTML 태그나 클래스를 파악할 필요도, 복잡한 숏코드 구문을 외울 필요도 없습니다. 이것이 바로 ‘인서터’의 핵심 철학입니다—바로 (+) 편집기 주변에서 볼 수 있는 이 버튼을 사용하면 사용 가능한 모든 콘텐츠 블록을 살펴보고 게시물에 추가할 수 있습니다. 플러그인과 테마는 자체 콘텐츠 블록을 등록할 수 있어, 풍부한 편집 및 게시 기능을 위한 다양한 가능성을 열어줍니다.
한 번 시도해 보세요. 워드프레스가 게시물에 추가할 수 있는 기능 중, 여러분이 아직 몰랐던 것들을 발견하게 될지도 모릅니다. 현재 그곳에서 확인할 수 있는 기능들을 간략히 정리해 보았습니다:
- 본문 및 제목
- 이미지 및 동영상
- 갤러리
- YouTube, 트윗 또는 기타 워드프레스 게시물과 같은 임베드 콘텐츠.
- 버튼, 히어로 이미지, 구분선 등과 같은 레이아웃 블록
- 그리고 물론 이런 목록 도 있죠 🙂
시각적 편집
블록의 가장 큰 장점은 그 자리에서 바로 편집하며 콘텐츠를 직접 조작할 수 있다는 점입니다. 인용문의 출처나 버튼의 텍스트 등을 편집하기 위한 별도의 입력란을 사용할 필요 없이, 콘텐츠를 직접 변경할 수 있습니다. 다음 인용문을 편집해 보세요:
편집기는 풍부한 게시물을 손쉽게 작성할 수 있도록 새로운 페이지 및 게시물 작성 경험을 구축하기 위해 노력할 것이며, 현재 쇼트코드, 사용자 정의 HTML 또는 ‘미스터리 미트’ 방식의 임베드 기능을 찾아야 하는 과정을 간편하게 해주는 ‘블록’ 기능을 제공할 것입니다.
맷 멀렌웨그, 2017년
인용문의 출처에 해당하는 정보는 이미지 아래의 캡션과 마찬가지로 별도의 텍스트 입력란에 표시되므로, 출처를 선택하거나 수정하거나 삭제하더라도 인용문의 구조는 그대로 유지됩니다. 원할 때 언제든지 쉽게 다시 추가할 수 있습니다.
블록은 여러분이 필요로 하는 어떤 형태든 될 수 있습니다. 예를 들어, 텍스트 구성의 일부로 절제된 느낌의 인용문을 추가하고 싶을 수도 있고, 거대하고 스타일리시한 인용문을 표시하고 싶을 수도 있습니다. 이러한 모든 옵션을 삽입기에서 사용할 수 있습니다.



사이드바의 블록 인스펙터에서 슬라이더를 드래그하여 갤러리의 열 수를 변경할 수 있습니다.
미디어 리치
새로운 와이드 및 풀 와이드 정렬 방식을 갤러리와 결합하면, 매우 풍부한 미디어 요소를 갖춘 레이아웃을 아주 빠르게 만들 수 있습니다:

물론, 전체 너비 이미지는 꽤 클 수 있습니다. 하지만 때로는 그만한 가치가 있는 이미지도 있죠.


위는 이미지가 단 두 장만 포함된 갤러리입니다. 플로트를 따로 설정할 필요 없이 시각적으로 매력적인 레이아웃을 쉽게 만들 수 있는 방법입니다. 또한 블록 전환기를 사용하면 이 갤러리를 다시 개별 이미지로 쉽게 되돌릴 수 있습니다.
어떤 블록이든 이러한 정렬 방식을 적용할 수 있습니다. 임베드 블록에도 이러한 기능이 포함되어 있으며, 기본적으로 반응형으로 작동합니다:
정적 블록이든 동적 블록이든, 장식적인 블록이든 심플한 블록이든 원하는 대로 어떤 블록이든 만들 수 있습니다. 다음은 인용문 블록입니다:
코드는 시다
워드프레스 커뮤니티
추가 블록을 만드는 방법에 대해 더 자세히 알고 싶거나, 이 프로젝트에 기여하고 싶다면 GitHub 저장소를 방문해 주세요.
구텐베르크를 테스트해 주셔서 감사합니다!
👋
댓글 남기기