WordPress 5.0은 완전히 새로운 Gutenberg라는 블록 기반 편집기 을 도입했습니다. 컨텐츠를 작성하는보다 쉽고 새로운 방법입니다. 새로운 인터페이스는 간단한 편집기와 백엔드 코드 편집기 대신 WordPress 사이트로 항목을 쉽게 끌어다 놓을 수 있습니다.
Gutenberg는 기본적으로 가장 인기있는 WordPress 플러그인에서 요소를 가져 왔습니다. "비주얼 작곡가"로 간주되는 Elementor 및 Divi와 같습니다. 구텐베르크는 그 솔루션만큼 발전하지는 않았지만 올바른 방향으로 나아가는 단계입니다.
아래는 Classic WordPress Editor의 스크린 샷입니다. 서식 버튼은 Microsoft Word의 텍스트 편집기와 같습니다.
WordPress 5.0 이상부터는 아래에 표시된 Gutenberg의 새로운 블록 편집기가 출시되었습니다.
새로운 편집기는 블록이나 요소를 추가하여 컨텐츠 레이아웃을 생성합니다. 페이지 나 게시물에 추가 한 모든 항목을 비디오, 오디오, 목록, 이미지 및 갤러리를 포함하여 블록이라고합니다.
워드 프레스 구텐베르크 편집기의 이점
블록을 추가하여 다른 유형의 콘텐츠를 페이지와 게시물에 추가하는 것이 더 쉽고 간단합니다. 예를 들어 클래식 편집기를 사용하여 테이블을 추가하려면 별도의 플러그인이 필요합니다.
In_content_1 all : [300x250] / dfp : [640x360]->워드 프레스 구텐베르크 편집기를 사용하여 표를 추가하려면 표 블록을 추가하고 행과 열을 선택하고 내용을 추가하기 만하면됩니다.
언제 WordPress Gutenberg 편집기를 사용하면 블록을 드래그하여 컨텐츠 영역을 위아래로 쉽게 이동할 수 있습니다.
일반적으로 새로운 Gutenberg 블록 편집기는 사용하기 쉽고 배우기 쉽습니다. 블록 디자인 도구에는 줄 높이 제어, 제목 및 단락 블록, 미디어 블록, 배경 그라데이션 및 텍스트 블록과 같은 많은 기능이 포함되어 있습니다.
WordPress Gutenberg Block으로 새 블로그 게시물 또는 페이지 만들기 편집기
WordPress Gutenberg 편집기로 새 게시물 또는 페이지를 만들면 블록 편집기가 시작됩니다. 프로세스는 기존 편집기와 동일합니다.
워드 프레스 관리 영역에서
모든 페이지 및 게시물의 첫 번째 블록 제목입니다.
제목을 입력 한 후 탭 키를 누르거나 마우스를 아래로 이동하여 글을 시작할 수 있습니다. 기본적으로 다음 블록은 단락입니다.
블록 왼쪽의 편집기 왼쪽 상단에서 + 기호를 클릭하여 다른 유형의 콘텐츠를 추가 할 수도 있습니다. 또는 기존 항목 아래.
+ 부호 중 하나를 클릭하면 차단메뉴가 상단에 검색 창과 아래에 가장 많이 사용 된 블록과 함께 나타납니다.
WordPress Gutenberg 블록 작업 방법
모든 블록은 상단에 자체 툴바가 있습니다. 툴바 버튼은 편집중인 블록 유형에 따라 변경됩니다.
아래 스크린 샷은 굵게, 텍스트 정렬, 링크 삽입 및 이탤릭체와 같은 기본 형식의 단락 블록을 보여줍니다.
도구 모음 외에도 각 블록에는 편집 화면의 오른쪽 열에 더 많은 설정이 있습니다.
블록 저장 및 재사용 방법 WordPress Gutenberg Editor
블록 사용의 많은 이점 중 하나는 개별적으로 저장하고 재사용 할 수 있다는 것입니다. 일관된 형식을 사용하거나 컨텐츠에 특정 스 니펫을 추가하려는 경우 특히 유용합니다.
블록 툴바의 오른쪽 상단에있는 메뉴 버튼에서 세 개의 수직 점을 클릭하십시오 . 그런 다음 재사용 가능한 블록에 추가를 선택합니다.
다시 사용할 때 쉽게 식별 할 수 있도록 재사용 가능한 블록에 인식 할 수있는 이름을 지정하십시오. 완료되면 저장을 클릭합니다.
게시물 또는 페이지에 재사용 가능한 블록 추가
페이지를 선택하거나 원하는 위치에 게시물 재사용 가능한 블록을 추가합니다. 게시물 또는 페이지 편집 화면에서 추가 버튼 블록을 클릭하십시오.
재사용 가능 탭에서 저장된 블록을 찾거나 같은 위치에서 검색 할 수 있습니다.
마우스를 블록 위로 이동하면 블록을 빠르게 미리 볼 수 있습니다. 페이지 또는 게시물을 클릭하여 삽입하십시오.
재사용 가능한 블록은 WordPress 데이터 세트에 있습니다. 사용 가능한 모든 블록 관리링크를 클릭하여 관리하십시오.
워드 프레스 구텐베르크 재사용 가능한 블록 관리
블록 관리자 페이지에서 다른 WordPress 웹 사이트에서 사용할 재사용 가능한 블록을 편집, 삭제 또는 내보낼 수 있습니다.
WordPress Gutenberg 편집기 옵션 관리 및 게시
모든 WordPress 페이지 및 게시물에는 추천 이미지, 게시 날짜, 태그 및 카테고리와 같은 많은 메타 데이터 이 포함되어 있습니다.
이 옵션은 모두 편집기 화면의 오른쪽 열에 있습니다.
WordPress Gutenberg 플러그인
많은 WordPress 플러그인은이를 구성하는 블록으로 미리 정의되어 있습니다 구텐베르크에서 쉽고 빠르게 사용할 수 있습니다.
WP 양식 사용자는 위젯 블록을 사용하여 페이지와 게시물에 양식을 추가 할 수 있습니다.
WP 양식은 드래그 앤 드롭 양식 작성기를 사용하기 쉽습니다. 연락처, 가입, 피드백, 지불 및 기타 유형의 양식을 만듭니다.
사전 제작 된 양식 템플릿 및 워크 플로를 사용하여 매력적인 모바일 반응 형 양식을 만듭니다. WP Forms는 고급 기능과 기능을 원할 경우 Pro 버전도 제공합니다.
WooCommerce 블록 는 가장 유명하고 인기있는 플러그인 중 하나입니다. 전자 상거래 기능을 웹 사이트에 통합합니다.
구텐버그 편집기를 사용하여 한 블록으로 텍스트와 멀티미디어를 사용하여 매력적인 콘텐츠를 만듭니다. 판매 통계 및 카테고리와 같은 기준에 따라 필터를 적용하여 단일 제품 또는 관련 제품 그룹을 제공합니다.
Yoast SEO 는 기존의 SEO 측정 게시물이나 페이지를 최적화하고 수정하는 데 도움이됩니다.
WordPress Gutenberg Editor 사용성
Gutenberg 편집기는 클래식과 동일한 작업을 수행합니다. 편집자. 다음은 일반적이고 많이 사용되는 블록입니다.
문단 블록
이 기본 구텐베르크 블록으로 콘텐츠를 쉽게 제작할 수 있습니다. 모든 문서에 대해 내용을 작성하십시오. 각 단락은 장면 뒤에서 자동으로 블록으로 바뀝니다.
문단 블록을 사용하는 다른 방법은 클릭 한 후 팝업 창에서 삽입 기 차단을 클릭하는 것입니다 (+) 기호.
텍스트 열
텍스트 열을 사용하여 너비가 동일한 여러 열로 구성된 단락을 만듭니다. 전체 페이지에 균등하게 분배됩니다.
링크 추가
문단 블록을 포함한 모든 표준 텍스트 블록에는 툴바에 링크 버튼이 포함되어 있습니다.
이미지 블록 추가
WordPress Gutenberg 편집기에는 즉시 사용 가능한 이미지 블록이 있습니다. 이미지를 추가하려면 클릭하십시오.
이미지를 추가하는 세 가지 방법이 있습니다. 업로드하거나 미디어 라이브러리에서 추가하거나 컴퓨터에서 드래그하십시오.
이미지를 추가하는 또 다른 방법은 컴퓨터에서 이미지를 끌어다 놓는 것입니다. Gutenberg 편집기는 자동으로 이미지 블록을 생성합니다.
오른쪽 이미지 블록 설정에 크기, 대체 텍스트 및 이미지 링크와 같은 메타 데이터를 추가합니다.
이미지 갤러리 블록
갤러리 블록으로 여러 사진을 추가합니다. 열 수와 이미지 크기를 제어합니다. 토글 스위치를 사용하여 이미지가 자동으로 균일하게 정렬되도록 이미지를 자릅니다.
WordPress Gutenberg 편집기에는 사용할 수있는 다양한 추가 블록 유형이 포함되어 있습니다. 전체 목록을 보려면 WordPress.org 블록에 대한 지원 기사 를 읽으십시오.
WordPress Gutenberg는 일부 사용자가 클래식 편집기를 배우는 문제에 대한 해결책으로 등장했습니다. 전문가가 아닌 전문가도 드래그 앤 드롭 인터페이스를 사용하여 전문적인 웹 사이트를 디자인하고 관리 할 수 있습니다.