워드프레스 구텐베르그 튜토리얼
게시 됨: 2019-03-09가장 다재다능하고 사용하기 쉬운 CMS로 수십 년 동안 인기를 얻은 WordPress는 항상 빈번한 기술 업그레이드로 사용자에게 깊은 인상을 남길 수 있었습니다. 최신 버전 5.0에서 WordPress는 새로운 비주얼 편집기 “Gutenberg”를 내놓았습니다. 그럼 구텐베르그와 블록스의 정체를 밝혀봅시다. 새로운 시스템은 어떻게 작동합니까? 우리가 전에 가지고 있던 편집기보다 나은가요? Gutenberg 편집기의 모든 이점을 얻는 데 도움이 되도록 Gutenberg와 짧은 자습서로 이동합니다.
"구텐베르크"란 무엇입니까?
Matt Mullenweg는 WordCamp Europe 2018에서 고전적인 WordPress 편집기를 대체하는 새로운 접근 방식을 제시했습니다. "Gutenberg"라는 이름은 개발 중 프로젝트 이름을 의미했습니다. WordPress 5.0과 함께 출시된 Gutenberg 프로젝트는 이제 "WordPress Editor" 또는 "Block Editor"로 더 구체적으로 불립니다. 드래그 앤 드롭 웹 빌더의 오늘날 트렌드에 따라 클래식 편집기는 약간 구식되었습니다. 그 결과 WordPress Gutenberg와 웹사이트 및 페이지 빌더 도구와 유사하도록 설계된 완전히 새로운 WordPress 편집기가 탄생했습니다.
Gutenberg와 호환되는 테마
사용할 수 있는 테마는 수천 가지이지만 많은 것이 구식입니다. 다음은 구텐베르크를 위한 테마를 출시하는 새롭고 멋진 상점입니다.
구텐베르크와 호환되는 플러그인
WordPress 시장에는 많은 플러그인이 있지만 모든 플러그인이 Gutenberg 편집기에서 작동하는 것은 아닙니다. 여기 몇 가지가 있습니다.
"블록"이란 무엇입니까?
블록은 단순히 콘텐츠 덩어리입니다. 텍스트 단락, 오디오 파일, 사진 또는 사진 갤러리 또는 비디오일 수도 있습니다. 구텐베르크 편집 경험의 기초입니다. 블록은 게시물과 웹 페이지를 만드는 데 사용됩니다. 사용자가 일반적으로 WordPress에 포장하는 것은 Gutenberg에 구축된 표준 블록이며 Gutenberg 편집기를 사용하는 모든 WordPress 사이트에서 사용할 수 있습니다. Gutenberg는 프로그래머가 사용 가능한 블록을 확장하고 확장할 수 있도록 만들어졌습니다. 플러그인이나 테마를 사용하여 블록을 추가할 수 있습니다. 따라서 사용자는 표준 블록에 국한되지 않고 추가 블록에 액세스할 수 있습니다.
구텐베르크를 워드프레스 편집기로 사용하기
WordPress 5.0을 사용 중일 때 "Block Editor" 또는 "Gutenberg Editor"가 5.0의 기본 텍스트 편집기로 구워집니다. 오늘은 새로운 블록 편집기에 익숙해지는 데 도움이 될 것입니다. 먼저 들어가 보겠습니다. 평소와 같이 새 게시물을 작성하려면 게시물 아래의 "새로 추가"를 누르십시오. 이제 작업할 새 블록이 있습니다.
이거 많이 달라보이지 않나요? 클래식 편집기에는 도구 모음이 없습니다. 기능과 해당 버튼에 대해 알아보겠습니다.
상단 섹션:
이 상단 섹션을 사용하여 새 블록을 추가하고 블록 변경 사항에 대해 실행 취소 및 다시 실행과 같은 작업을 수행할 수도 있습니다. 또한 단어, 제목, 단락 및 블록의 수와 같은 콘텐츠 구조 정보를 볼 수 있습니다. "i" 버튼을 사용하여 블록을 탐색할 수도 있습니다.
초안으로 저장, 게시물 미리보기 및 게시물 게시와 같은 일부 기본 게시물 편집 기능은 상단 섹션에 있습니다. 톱니바퀴 아이콘은 오른쪽 사이드바에 보이는 설정을 나타냅니다. 여기에서 "문서"와 "차단" 설정 보기 간에 전환할 수 있습니다.
문서 섹션 보기는 클래식 편집기와 매우 유사합니다. 여기에서 상태 및 가시성, 카테고리, 태그, 기능 이미지 및 속성을 선택할 수도 있습니다. 블록 단면 보기를 사용하면 추가된 블록의 설정을 변경할 수 있습니다. 이 기능을 사용하면 모든 블록의 설정을 매우 쉽게 변경하고 글꼴 크기, 단락 시작표시문자 등과 같은 기능을 변경할 수 있습니다. 여기에서 각 블록에 대한 개별 배경색을 추가하고 각 블록에 대해 개별적으로 추가 CSS 클래스를 활성화할 수도 있습니다.
마지막으로 상단 섹션에 있는 세 개의 점은 추가 설정을 나타냅니다. 여기에서 블록 편집기의 모양과 느낌을 사용자 정의할 수 있습니다. 블록의 도구 보기를 선택할 수 있습니다. "비주얼 편집기"와 "코드 편집기" 중에서 선택할 수도 있습니다. 재사용 가능한 블록을 관리하고, 키보드 단축키를 만들고, 콘텐츠를 복사하는 도구도 있습니다.
블록 추가
여기에 블록 추가와 같은 새 편집기에 대한 주요 아이디어가 있습니다. 이전에 이미 언급했듯이 블록은 새로운 블록 편집기의 핵심 부분입니다. 편집기 페이지의 왼쪽 상단을 보십시오. 이렇게 하면 특정 목적을 위해 설계된 원하는 블록 유형을 선택할 수 있는 드롭다운 메뉴가 표시됩니다. 검색 창을 사용하여 필요에 맞는 올바른 블록을 찾을 수 있습니다.
또한 메뉴를 아래로 스크롤하면 기본 기능에 따라 더 많은 블록을 볼 수 있습니다. 공통 블록, 서식, 위젯 및 포함 등이 있습니다. 클릭 한 번으로 원하는 적절한 블록을 선택하기만 하면 됩니다.
다음으로, 블록에 콘텐츠를 추가하기 시작하면 작은 도구 모음도 소개됩니다. 이 도구 모음의 기능은 선택한 블록 유형에 따라 다릅니다. 이러한 도구 모음은 정렬, 스타일, 연결 등과 같은 콘텐츠의 스타일을 편집하는 데 사용됩니다. 블록 유형 변경 버튼은 현재 블록 유형을 변경하는 데 사용됩니다. 예를 들어, 단락 블록을 제목, 미리 형식이 지정된 블록, 목록, 인용문 또는 절로 변경할 수 있습니다. 마지막 세 개의 점은 블록 설정 숨기기, 복제 만들기, HTML로 편집, 재사용 가능한 블록에 추가, 물론 블록 제거와 같은 몇 가지 추가 옵션을 제공합니다. 전에 삽입 및 뒤에 삽입 옵션을 사용하여 더 많은 블록을 삽입할 수도 있습니다. 콘텐츠를 추가하거나 몇 가지 빠른 수정이 필요할 때 유용합니다. 선택한 옵션에 따라 선택한 블록 앞이나 뒤에 블록이 추가됩니다. 이 시스템은 매우 직관적이며 즉시 이해할 수 있습니다.
차단 설정 변경
모든 블록은 요구 사항에 맞게 사용자 정의할 수 있습니다. 사용자 지정하려는 블록을 클릭하기만 하면 오른쪽 사이드바에서 블록을 사용자 지정할 수 있는 다양한 범위가 제공됩니다. 상단 섹션의 톱니바퀴나 특정 블록의 도구 모음을 사용하여 이 옵션을 표시하거나 숨길 수 있습니다. 차단 설정은 또한 선택한 차단 유형에 따라 다릅니다. 예를 들어 단락 블록을 사용하는 경우 블록 설정을 통해 글꼴 크기, 글꼴 유형 또는 배경색을 선택할 수 있습니다. 일반적으로 거기에 있다고 가정하는 블록을 사용자 정의할 수 있는 모든 옵션이 있습니다. Gutenberg는 매우 사용자 친화적이며 새로운 개발자가 쉽게 사용할 수 있습니다.
워드프레스 구텐베르그 튜토리얼 마무리하기
이 짧은 WordPress Gutenberg 튜토리얼이 WordPress 5.0이 포함된 새 편집기에 익숙해지는 데 도움이 되었기를 바랍니다. 이 가이드를 읽은 후에는 더 이상 "Gutenberg"를 처음 접하는 사람이 아니게 될 것이라고 굳게 믿습니다. 새로운 블록 편집기는 사용하기 쉬울 뿐만 아니라 많은 옵션으로 사이트를 빠르게 생성할 수 있기 때문에 강력합니다. 사용자 정의 블록을 만들고 도구를 사용하여 모양과 느낌을 사용자 정의하는 것은 이 블록 편집기의 강력한 기능입니다. 새 블록을 추가하고 콘텐츠를 추가하기 위한 사용하기 쉬운 인터페이스도 있습니다. 실제로 이전 편집기가 더 좋고 새 편집기가 마음에 들지 않더라도 걱정하지 마십시오. 언제든지 클래식 편집기로 다시 전환할 수 있습니다. 이것은 두 세계의 최고이며 사람들이 가장 생산적으로 만드는 편집기를 사용할 수 있도록 합니다.