구텐베르크 에디터에 오신 것을 환영합니다

jifulive 아바타

산과 인쇄기

이 새로운 편집기의 목표는 워드프레스에 풍부한 콘텐츠를 간편하고 즐겁게 추가할 수 있도록 하는 것입니다. 이 게시물 전체는 레고 블록과 비슷하게, 사용자가 자유롭게 이동하고 상호작용할 수 있는 콘텐츠 조각들로구성되어 있습니다. 커서를 움직여 보면 각 블록에 윤곽선과 화살표가 표시되는 것을 확인할 수 있습니다. 화살표 버튼을 누르면 복사 및 붙여넣기 과정에서 내용이 사라질까 걱정할 필요 없이 블록의 위치를 빠르게 조정할 수 있습니다.

지금 읽고 계신 내용은 ‘텍스트 블록’으로, 가장 기본적인 블록입니다. 텍스트 블록에는 게시물 내에서 자유롭게 이동할 수 있는 전용 제어 기능이 있습니다…

… 예를 들어, 이렇게 오른쪽 정렬된 것 같은 경우입니다.

제목 역시 별도의 블록으로 처리되므로, 콘텐츠의 개요를 파악하고 내용을 체계적으로 정리하는 데 도움이 됩니다.

한 장의 사진은 천 마디 말보다 낫다

이미지와 미디어를 최대한 세심하게 다루는 것은 새로운 편집기의 주요 목표입니다. 이제 캡션을 추가하거나 사진을 전체 너비로 표시하는 기능이 이전보다 훨씬 더 편리하고 안정적으로 느껴지실 것입니다.

아름다운 풍경
사용 중인 테마에서 이 기능을 지원하는 경우, 이미지 도구 모음에 “와이드” 버튼이 표시됩니다. 한번 사용해 보세요.

캡션을 선택하여 삭제하거나 편집해 보세요. 이제 실수로 이미지나 다른 텍스트를 선택해 프레젠테이션을 망칠까 봐 신경 쓸 필요가 없습니다.

삽입 도구

워드프레스가 제공하는 모든 기능을 인터페이스의 한 곳에서 빠르게 이용할 수 있다고 상상해 보세요. HTML 태그나 클래스를 파악할 필요도, 복잡한 숏코드 구문을 외울 필요도 없습니다. 이것이 바로 ‘인서터’의 핵심 철학입니다—바로 (+) 편집기 주변에서 볼 수 있는 이 버튼을 사용하면 사용 가능한 모든 콘텐츠 블록을 살펴보고 게시물에 추가할 수 있습니다. 플러그인과 테마는 자체 콘텐츠 블록을 등록할 수 있어, 풍부한 편집 및 게시 기능을 위한 다양한 가능성을 열어줍니다.

한 번 시도해 보세요. 워드프레스가 게시물에 추가할 수 있는 기능 중, 여러분이 아직 몰랐던 것들을 발견하게 될지도 모릅니다. 현재 그곳에서 확인할 수 있는 기능들을 간략히 정리해 보았습니다:

  • 본문 및 제목
  • 이미지 및 동영상
  • 갤러리
  • YouTube, 트윗 또는 기타 워드프레스 게시물과 같은 임베드 콘텐츠.
  • 버튼, 히어로 이미지, 구분선 등과 같은 레이아웃 블록
  • 그리고 물론 이런 목록 도 있죠 🙂

시각적 편집

블록의 가장 큰 장점은 그 자리에서 바로 편집하며 콘텐츠를 직접 조작할 수 있다는 점입니다. 인용문의 출처나 버튼의 텍스트 등을 편집하기 위한 별도의 입력란을 사용할 필요 없이, 콘텐츠를 직접 변경할 수 있습니다. 다음 인용문을 편집해 보세요:

편집기는 풍부한 게시물을 손쉽게 작성할 수 있도록 새로운 페이지 및 게시물 작성 경험을 구축하기 위해 노력할 것이며, 현재 쇼트코드, 사용자 정의 HTML 또는 ‘미스터리 미트’ 방식의 임베드 기능을 찾아야 하는 과정을 간편하게 해주는 ‘블록’ 기능을 제공할 것입니다.

맷 멀렌웨그, 2017년

인용문의 출처에 해당하는 정보는 이미지 아래의 캡션과 마찬가지로 별도의 텍스트 입력란에 표시되므로, 출처를 선택하거나 수정하거나 삭제하더라도 인용문의 구조는 그대로 유지됩니다. 원할 때 언제든지 쉽게 다시 추가할 수 있습니다.

블록은 여러분이 필요로 하는 어떤 형태든 될 수 있습니다. 예를 들어, 텍스트 구성의 일부로 절제된 느낌의 인용문을 추가하고 싶을 수도 있고, 거대하고 스타일리시한 인용문을 표시하고 싶을 수도 있습니다. 이러한 모든 옵션을 삽입기에서 사용할 수 있습니다.

사이드바의 블록 인스펙터에서 슬라이더를 드래그하여 갤러리의 열 수를 변경할 수 있습니다.

미디어 리치

새로운 와이드풀 와이드 정렬 방식을 갤러리와 결합하면, 매우 풍부한 미디어 요소를 갖춘 레이아웃을 아주 빠르게 만들 수 있습니다:

접근성은 중요합니다 — 이미지의 alt 속성을 잊지 마세요

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

위는 이미지가 단 두 장만 포함된 갤러리입니다. 플로트를 따로 설정할 필요 없이 시각적으로 매력적인 레이아웃을 쉽게 만들 수 있는 방법입니다. 또한 블록 전환기를 사용하면 이 갤러리를 다시 개별 이미지로 쉽게 되돌릴 수 있습니다.

어떤 블록이든 이러한 정렬 방식을 적용할 수 있습니다. 임베드 블록에도 이러한 기능이 포함되어 있으며, 기본적으로 반응형으로 작동합니다:

정적 블록이든 동적 블록이든, 장식적인 블록이든 심플한 블록이든 원하는 대로 어떤 블록이든 만들 수 있습니다. 다음은 인용문 블록입니다:

코드는 시다

워드프레스 커뮤니티

추가 블록을 만드는 방법에 대해 더 자세히 알고 싶거나, 이 프로젝트에 기여하고 싶다면 GitHub 저장소를 방문해 주세요.


구텐베르크를 테스트해 주셔서 감사합니다!

👋

댓글 남기기

귀하의 이메일 주소는 공개되지 않습니다. * 표시된 항목은 필수 입력 사항입니다 .