새로운 워드 프레스 블록 편집기 사용법 – 워드 프레스 구텐베르크 가이드

2018 년 12 월 6 일 WordPress 5.0 릴리스에서 WordPress에는 새로운 기본 콘텐츠 편집기가 있습니다. 개발 중에 WordPress Gutenberg 편집자라고 함, "구텐베르크" 이제는 "워드 프레스 에디터" 또는 "블록 에디터" 좀 더 구체적으로하고 싶다면.


새로운 블록 편집기는 다음과 같은 형식으로 컨텐츠 작성에 대한 완전히 다른 접근 방식을 제공합니다. 블록 (따라서 이름은…). 이 게시물에서는 이러한 블록을 사용하는 방법과 새로운 편집자의 다른 기능을 사용하여 WordPress 사이트에서 컨텐츠를 작성하는 방법을 정확하게 학습합니다..

사이트를 아직 WordPress 5.0으로 업데이트했는지 여부에 관계없이 새로운 Gutenberg 블록 편집기를 사용하여 콘텐츠를 작성하는 방법을 배우려면 계속 읽으십시오. 및 레이아웃 귀하의 사이트에서.

워드 프레스 구텐베르크 가이드

구텐베르크 무엇입니까?

Gutenberg는 WordPress 5.0의 기본 WordPress 편집기로 WordPress TinyMCE 편집기를 대체 한 새로운 WordPress 블록 편집기의 프로젝트 이름입니다..

편집자가 개발중인 동안 구텐베르크는 공식 명칭 이었지만 지금은 "워드 프레스 블록 편집기" 또는 "워드 프레스 편집기" 공식적으로 핵심 소프트웨어의 일부이기 때문입니다. 따라서 당신은 종종 내가 그것을 "블록 에디터" 이 게시물보다는 "구텐베르크".

빠른 새로 고침으로 다음은 이전 WordPress TinyMCE 편집기의 모습입니다. 이 편집기는 이제 클래식 에디터:

원본 워드 프레스 tinymce 편집기

새로운 워드 프레스의 모습은 다음과 같습니다. 블록 에디터, 일명 구텐베르크 :

워드 프레스 구텐베르크 블록 에디터

하지만 미학적 업데이트 그 이상입니다. 구텐베르크, 편집 경험을 완전히 바꾸다 콘텐츠에 대한 블록 기반 접근 방식으로 이동하여 (몇 초 안에 정확히 어떤 블록이 있는지 더 자세히 살펴보십시오!).

현재는 콘텐츠 제작에 중점을두고 있지만 최종 목표는 Gutenberg 블록 편집기를 사용하는 것입니다. "게시물을 넘어 페이지 템플릿으로 이동하여 궁극적으로 전체 사이트 사용자 정의."

즉, 방문 페이지 및 기타 중요한 콘텐츠를 포함하여 블록을 사용하여 전체 사이트를 구축 할 수 있습니다..

구텐베르크는 워드 프레스의 일부입니까??

구텐베르크는 2018 년 12 월 6 일 워드 프레스 5.0의 일부로 공식 출시되었습니다.. 사이트를 WordPress 5.0으로 업데이트 한 경우 기본적으로 새 블록 편집기가 표시됩니다..

그러나 릴리스의 규모 때문에 일부 관리되는 WordPress 호스트는 사람들의 사이트를 즉시 업데이트하지 않기로 결정했습니다. 따라서 사이트에서 WordPress 5.0을 아직 실행하지 않았을 가능성이 있습니다. 이 경우 업데이트 여부를 결정하는 것은 사용자의 몫입니다 (성능 및 보안상의 이유로 너무 오래 기다리지 않아야 함)..

WordPress Gutenberg 편집기 작동 방식

두 번째 전에, 구텐베르크는 블록 기반 편집기입니다. 당신이 대부분의 사람들과 같다면 그 의미가 무엇인지 모를 수 있기 때문에 교수형에 처하게하는 것은 무례한 일이었습니다..

다음은 블록 기반 편집 101입니다.

기본적으로 Gutenberg는 현재 WordPress TinyMCE 편집기의 단일 편집 필드를 여러 개인으로 대체합니다. "블록".

이 블록을 사용하면 기존의 고전적인 WordPress 편집기에서 허용되는 것보다 더 복잡한 디자인을 만들 수 있습니다.

그래서 블록은 무엇입니까?

글쎄, 블록은 거의 모든 것이 될 수 있습니다. 예를 들어 다음에 대한 블록을 가질 수 있습니다.

  • 일반 텍스트
  • 이미지
  • 비디오 퍼가기
  • 버튼
  • 위젯 (예, 사이드 바에서 사용하는 것과 동일한 위젯)
  • 테이블
  • 기타.

깔끔한 점은 개발자가 더 많은 유연성을 위해 플러그인을 통해 액세스 할 수있는 자체 타사 블록을 만들 수 있다는 것입니다.

각 블록은 개별적으로 조작 할 수있는 자체 엔티티입니다. 예를 들어 다음은 3 개의 블록이 포함 된 빠른 구텐베르크 게시물입니다.

  • 2 개의 텍스트 블록
  • 이미지 블록 1 개

드래그 앤 드롭으로 블록을 얼마나 쉽게 재정렬 할 수 있는지 살펴보십시오.

구텐베르크 드래그 앤 드롭

그리고 각 블록은 "갈라진", 특정 블록에 대해서만 사용자 정의 배경과 같은 것을 추가 할 수도 있습니다.

일반적으로 유연성과 심도있는 제어 기능을 제공합니다.

Gutenberg는 페이지 빌더입니다.?

별로 요 적어도 현재 형태가 아님.

구텐베르크 (Gutenberg)는 블로그 게시물이나 표준 페이지와 같은 일반 컨텐츠를 훨씬 쉽게 스타일링 할 수 있지만 현재 형식의 페이지 빌더를 대체하는 것은 아닙니다..

표면 수준에서 구텐베르크에는 이미 두 가지 필수 요소가 부족합니다.

  • 유연한 열 (기본 열 블록이 있지만 일부 타사 개발자가 흥미로운 블록을 만들었 음).
  • 진정한 드래그 앤 드롭 – 최신 버전의 Gutenberg를 사용하면 드래그 앤 드롭으로 블록을 재정렬 할 수 있지만 여전히 대부분의 페이지 빌더와 같이 자유 형식은 아닙니다..

이미 말했듯이 Gutenberg 블록 편집기는 대부분의 페이지 빌더가 필요하지 않습니다. "표준" 더 많은 콘텐츠를 만들 수있는 단일 통합 메소드를 만듭니다. 복잡한 포스트 워드 프레스의 레이아웃.

하지만 더 많이 만들 때는 복잡한 페이지, 방문 페이지와 마찬가지로 페이지 작성기에서 제공하는 유연성 (최소한 구텐베르크의 최초 출시 기간 동안)에 대해 감사하게 생각할 것입니다..

예를 들어 Elementor vs Divi Builder vs Beaver Builder를 비교하면 최상위 페이지 빌더가 다음과 같은 기능을 제공하는 방법을 볼 수 있습니다.

  • 자유형 드래그 앤 드롭 편집
  • 여러 개의 열을 생성하여 개별 요소를 끌어다 놓을 수있는 진정한 다중 열 지원
  • 미리 만들어진 톤의 템플릿
  • 사용자 정의 여백 / 패딩 등을위한 고급 스타일링 옵션
  • 반응 형 디자인 설정

새로운 블록 에디터가 언젠가 도착할 수 있습니다. 그러나 최소한 초기 릴리스 양식에서 페이지 빌더는 여전히 더 복잡한 독립형 페이지를 디자인 할 수있는 유연성을 제공합니다..

새로운 블록 편집기를 사용해야합니까? 이전 워드 프레스 편집기를 유지할 수 있습니까?

아니, 새로운 블록 편집기를 사용할 필요가 없으며 , 이전 워드 프레스 편집기를 계속 사용할 수 있습니다. WordPress 5.0으로 업그레이드 한 후 Gutenberg 블록 편집기를 비활성화하고 사이트를 클래식 편집기로 되돌리려면 공식을 사용할 수 있습니다. 클래식 에디터 플러그인.

에 대한 우리의 가이드를 읽으십시오 Gutenberg 블록 편집기를 비활성화하는 방법 더 알아보기.

새로운 구텐베르크 블록 편집기를 사용하려면 특별한 테마가 필요하십니까?

이제는 기본 WordPress 편집기이므로 블록 편집기는 모든 WordPress 테마와 작동하도록 만들어졌습니다. 그러나 구텐베르크 호환성을 제공하는 테마를 선택하면 몇 가지 실질적인 이점이 있습니다..

첫째, 테마는 모든 새로운 블록에 대해 내장 스타일을 제공 할 수 있습니다. 더 좋은 점은 테마가 실제로 이러한 스타일을 편집기에로드 할 수 있다는 것입니다. 즉, 더 나은 WYSIWYG 경험을 위해 콘텐츠를 제작할 때 블록의 실제 스타일을 볼 수 있습니다 (이 기본 작동 버전을 참조하십시오.)

구텐베르크 테마는 다양한 블록으로 구성된 사전 제작 된 템플릿을 제공하여 콘텐츠를 기존 블록에 연결하고 게시.

또한 전체 너비 이미지 정렬과 같은 다른 작은 이점도 있습니다. 따라서 원하는 테마를 사용할 수 있지만 테마 개발자가 지원을 추가 할 계획인지 확인해야합니다..

테스트를 위해 테마를 사용하려는 경우 이러한 모든 테마는 새로운 블록 편집기를 지원합니다.

  • 만년설 – Neve는 Gutenberg 블록 편집기와 함께 작동하도록 특별히 설계된 새로운 테마입니다..
  • 자 크라 – ThemeGrill의 멋진 경량 옵션.
  • 헤스티아 라이트 – 재료 설계 원칙을 따르는 유연한 테마.

더 많은 옵션을 보려면 구텐베르크와 호환되는 최고의 WordPress 테마 모음을 확인하십시오..

Gutenberg WordPress 블록 편집기로 첫 번째 레이아웃 작성

WordPress 5.0과 새로운 블록 편집기를 사용한다고 가정하면이 기사의 내용을 자세히 알아볼 수 있습니다. 아래에서는 새로운 WordPress Gutenberg 블록 편집기를 사용하여 완전한 페이지 레이아웃을 만드는 방법을 보여 드리겠습니다..

그렇게하면 WordPress 5.0과 새로운 편집기를 최대한 활용할 수 있습니다.

WordPress 블록 편집기 인터페이스 둘러보기

몇 가지 블록을 추가하기 전에 기본 블록 편집기 인터페이스의 요소를 간략하게 살펴 보겠습니다.

구텐베르크 블록 에디터 인터페이스

  • (ㅏ) – 새로운 블록을 추가 할 수 있습니다.
  • (비) – 취소 / 다시 실행 버튼
  • (씨) – 카테고리와 같은 것을 포함하여 문서 설정에 액세스 & 태그, 추천 이미지 등. 이것은 워드 프레스 편집기의 현재 사이드 바와 유사합니다.
  • (디) – 개별 블록을 선택하면 해당 블록과 관련된 설정에 액세스 할 수 있습니다
  • (이자형) – 게시물의 실시간 미리보기에 액세스하거나 게시물을 게시 / 업데이트 할 수 있습니다.
  • (에프) – 블록을 추가하면 실제로는 게시물의 내용을 다루게됩니다.

새로운 블록 추가

소개에서 설명한 것처럼 별도의 "블록" 새로운 편집기로 레이아웃을 구축.

새 블록을 추가하려면 +을 더한 아이콘을 클릭하고 추가하려는 컨텐츠 유형을 선택하십시오.

새로운 블록 추가

위의 예에서 기본 단락 블록을 추가하는 방법을 보여주었습니다. 그러나 구텐베르크에는 실제로 여러 섹션으로 나뉘어 진 다양한 블록이 포함되어 있습니다.

블록의 종류

상단에 당신의 목록이 표시됩니다 가장 많이 사용 블록. 그러나 아래로 스크롤하면 공통 블록, 서식, 레이아웃 요소, 위젯 및 임베드에 대한 섹션도 표시됩니다.

블록의 종류

  • 인라인 요소 – 인라인 이미지에 대한 하나의 블록 만 포함.
  • 공통 블록 – 이미지, 단락 (일반 텍스트), 제목, 따옴표 등과 같은 기본 빌딩 블록을 포함합니다..
  • 서식 – 인용 부호, 표 또는 기본 WordPress 텍스트 편집기와 같은 형식화 된 컨텐츠를 추가 할 수 있습니다.
  • 레이아웃 요소– 텍스트를 두 개의 열로 나누고 버튼, 구분 기호 또는 "더" 꼬리표
  • 위젯 – 단축 코드, 최신 게시물 또는 카테고리를 추가 할 수 있습니다. 구텐베르크에서 바로 사이드 바 위젯을 표시 할 수도 있습니다.
  • 임베드 – Twitter, YouTube, Facebook, Instagram 등과 같은 외부 소스의 컨텐츠를 포함시킬 수 있습니다..
  • 재사용 가능 – 일단 중단되면 블록 그룹을 재사용 가능한 템플릿으로 저장하여 여기에 표시 할 수 있습니다. 이 영역은 재사용 가능한 첫 번째 템플릿을 저장할 때까지 표시되지 않습니다.이 템플릿은 나중에이 게시물에서 수행하는 방법을 보여줍니다..

구텐베르크와 기본 레이아웃 구축

간단하게 시작하겠습니다. 다음을 포함하는 기본 블로그 게시물 레이아웃을 만들고 싶다고 가정 해보십시오.

  • 일반 텍스트
  • 이미지
  • 인용
  • 임베디드 YouTube 비디오

구텐베르크와 함께하는 방법은 다음과 같습니다.

먼저 편집기에서 전체 게시물을 작성합니다. 아니면 나처럼 좋아하고 Google 문서에 작성, 모두 붙여 넣으면 Gutenberg가 자동으로 블록으로 변환합니다..

비 텍스트 블록 추가

콘텐츠가 블록으로 분할되었으므로 첫 번째 이미지를 삽입하려는 지점 위로 마우스를 가져 가서 …을 더한 상. 휴식이 생길 것입니다. 그런 다음 …을 더한 아이콘을 다시 클릭하여 이미지 블록을 삽입하십시오.

이미지 블록

그러면 현재 WordPress 편집기와 비슷한 방식으로 이미지를 업로드하거나 선택할 수있는 이미지 블록을 삽입 할 수 있습니다.

이미지 삽입

이미지를 선택하면 페이지 레이아웃에 바로 표시됩니다.

인라인 이미지

다음으로, 인용 부호를 삽입하려는 지점 위로 마우스를 가져 가고 동일한 접근 방식을 사용하여 다른 블록을 삽입하십시오. 당신은 검색 할 수 있습니다 "인용문" 또는 공통 블록 부분:

인용문 삽입

그러면 새로운 인용 부호 블록이 나타납니다. 견적을 작성하려면 블록을 클릭하고 다음을 입력하기 만하면됩니다.

견적을 입력하십시오

YouTube 동영상을 삽입하려면 새 동영상을 추가하면됩니다. YouTube 차단하다 임베드 탭. 동영상을 삽입하려면 URL을 입력하고 클릭하기 만하면됩니다. 끼워 넣다:

유튜브 블록

선택 사항 – 다른 열 만들기

더 창의적으로 만들고 싶습니까? Gutenberg에는 이제 여러 열을 빠르게 만들 수있는 실험용 열 기능이 포함되어 있습니다. 당신이해야 할 모든 추가 열 (베타) 차단하다 레이아웃 요소 부분. 그런 다음 그 안에 다른 블록을 삽입 할 수 있습니다.

구텐베르크 칼럼

완료되면 다음을 클릭하기 만하면됩니다. 게시 단추:

게시물 게시

프런트 엔드에 형식화 된 블로그 게시물이 있습니다..

개별 블록을 사용자 정의하는 방법

WordPress Gutenberg 편집기에는 다양한 블록이 포함되어 있으므로 개별 블록을 사용하는 방법을 보여줄 수 없습니다.

하지만 모든 블록에 적용되는 기본 프레임 워크를 제공 할 수 있습니다.

기본적으로 함유량 에디터의 실제 본문에서 :

블록 편집

기본 텍스트 스타일 및 정렬의 경우 블록 위로 마우스를 가져갈 때 나타나는 메뉴 막대를 사용할 수 있습니다.

블록 스타일링

고급 스타일링을 위해서는 일반적으로 블록 설정 탭.

해당 탭에 액세스하려면 편집하려는 블록을 선택하고 블록 탭:

블록 커스터마이징

개별 블록을 재배 열하는 방법

블록을 재정렬하려면 두 가지 옵션이 있습니다. 당신은 사용할 수 있습니다 쪽으로 또는 내려가는 블록을 마우스로 가리키면 해당 방향으로 블록이 이동합니다.

구텐베르크 블록을 이동

또는 블록을 끌어서 놓을 수 있습니다. 드래그 앤 드롭 기능을 활성화하려면 마우스를 마우스로 가져 가야합니다. 여섯 점 위 아래 화살표 사이

구텐베르크 드래그 앤 드롭

함께 모아서

새로운 블록 편집기로 작업하는 방식의 흐름을 파악하면 상당히 고통스럽고 직관적입니다..

처음에는 점점 커지는 고통을 경험하고 당연한 행동을 취하기 위해 어려움을 겪을 수 있습니다.

그러나 일단 문제가 발생하면 건물 레이아웃을 통해 순항해야합니다. 구텐베르크가 제공하는 고급 블록을 사용하면 TinyMCE 워드 프레스 편집기보다 유연성이 뛰어납니다..

깔끔하지만 고급 인 구텐베르크 트릭

워드 프레스 구텐베르크 (WordPress Gutenberg) 블록 편집기에 익숙해지면서 이러한 트릭 중 일부는 시간을 절약 할 수 있습니다..

타이핑으로 새로운 블록을 빠르게 생성

위에서는 삽입 버튼을 사용하여 블록을 만드는 방법을 보여주었습니다. 그러나 시간을 절약하려면 실제로 다음 구문을 입력하여 블록을 만들 수 있습니다.

/ BLOCK-NAME

관련 블록을 찾는 데 도움이되는 자동 제안 상자가 나타납니다..

예를 들어 키보드만으로 이미지 블록을 만드는 방법은 다음과 같습니다.

매우 편리하고 큰 시간 절약!

바로 가기 차단

소스 코드를 직접 편집

언제라도 전체 게시물의 소스 코드를 편집 할 수 있습니다. 세 점 오른쪽 상단에서 코드 에디터:

구텐베르크에서 코드 편집

전체 화면 모드, 고정 도구 모음 등 활성화.

새로운 블록 편집기에는 편집 환경을 변경할 수있는 몇 가지 모드가 있습니다. 당신은 할 수 있습니다 :

  • TinyMCE 편집기와 같은 고정 도구 모음 추가
  • 전체 화면으로 이동
  • 넣어 "스포트라이트" 활성 블록에서

이것을 사용하려면 "견해", 를 클릭하십시오 세 점 오른쪽 상단에있는 아이콘.

구텐베르크 전망

Gutenberg 단축키를 사용하여 시간 절약

표준 형식 바로 가기 외에도 블록 편집기에는 다음과 같은 여러 가지 전용 키보드 바로 가기가 있습니다.

  • 선택한 블록의 위 또는 아래에 새 블록 삽입
  • 블록 삭제
  • 블록 복제
  • 기타.

키보드 단축키 전체 목록을 열려면 Shift + Alt + H 지름길.

구텐베르크 키보드 단축키

재사용 가능한 블록 템플릿 생성

여러 지점에서 재사용해야하는 특정 블록 모음 / 배열이있는 경우 블록 그룹을 재사용 가능한 템플릿으로 저장할 수 있습니다. 템플릿 이름을 지정할 수 있습니다. 그런 다음 일반 블록처럼 삽입 할 수 있습니다.

템플릿을 만들려면

  • 포함하려는 블록을 선택하십시오
  • 클릭 세 점
  • 고르다 재사용 가능한 블록에 추가

구텐베르크 재사용 가능한 블록 템플릿

재사용 가능한 블록 컨텐츠 편집

재사용 가능한 블록을 사용하면 형식화 된 컨텐츠를 빠르게 삽입 할 수있을뿐만 아니라 재사용 가능한 블록의 모든 인스턴스를 신속하게 업데이트 할 수 있습니다.

즉, 재사용 가능한 블록 컨텐츠를 편집하면 해당 재사용 가능한 블록을 사용하는 모든 단일 게시물에도 새 컨텐츠가 표시됩니다..

재사용 가능한 블록을 편집하려면 재사용 가능 블록 삽입 기 섹션을 클릭하고 재사용 가능한 모든 블록 관리 단추. 또는 yoursite.com/wp-admin/edit.php?post_type=wp_block을 방문하십시오 (yoursite.com을 실제 URL로 교체하십시오).

WordPress 재사용 가능 블록 편집

플러그인으로 블록 편집기 확장

화려하고 싶다면 자신의 블록을 추가하는 구텐베르크 확장 플러그인을 많이 찾을 수 있습니다..

수달 블록 시작하는 좋은 옵션입니다. 가격, 회원 평가, Google지도, 아이콘 공유와 같은 추가 블록을 제공합니다., "트윗하려면 클릭" 버튼 등.


Otter의 Gutenberg 블록 및 템플릿 라이브러리 Otter의 Gutenberg 블록 및 템플릿 라이브러리

저자 : 테마 아일

현재 버전 : 1.5.4

최종 업데이트 : 2020 년 5 월 26 일

otter-blocks.zip


98 % 등급


60,000+ 설치


WP 5.2 이상 필요

블록 관리자로 제어 혼란

새 에디터는 특히 위에서 언급 한 블록 플러그인 중 일부를 사용하는 경우 많은 블록을 추가합니다. 이로 인해 상황이 약간 복잡해지고 속도가 느려질 수 있습니다. 사용할 계획이없는 블록이 있으면 블록 매니저 그들을 비활성화.

블록 관리자를 사용하려면

  • 클릭 세 점 오른쪽 상단에있는 아이콘
  • 고르다 블록 매니저
  • 확인란을 사용하여 필요에 따라 블록을 비활성화하십시오

워드 프레스 블록 매니저

탐색 탐색을 사용하여 컨텐츠를 빠르게 탐색

긴 콘텐츠 또는 중첩 된 블록을 많이 사용하는 콘텐츠의 경우 원하는 블록을 빨리 찾기가 어려울 수 있습니다..

도움을주기 위해 블록 편집기에는 내비게이션 차단 툴바를 클릭하거나 Shift + Alt + O 키보드 단축키.

중첩 된 블록 (예 : 열) 안에 있다면 탐색 차단 도구는 모든 중첩 된 블록을 보여줍니다. 특정 블록을 선택하려면 목록에서 해당 블록을 클릭하면됩니다.

탐색 기능 차단

편집 및 선택 모드 간 전환

WordPress 5.4를 사용하면 상단 도구 모음을 사용하여 전환 할 수있는 두 가지 모드에 액세스 할 수 있습니다.

  • 편집하다 – 대부분의 시간 동안 작업하게됩니다. 모든 블록의 내용을 편집 할 수 있습니다. 이것이 기본 편집기 모드입니다.
  • 고르다 – 특히 중첩 된 블록 (예 : 열 내부의 블록)으로 작업 할 때 특정 블록을 쉽게 선택할 수 있습니다. 블록을 클릭하면 자동으로 다시 전환됩니다 편집하다 방법.

워드 프레스 블록 편집기 선택 모드

새로운 블록 편집기 기능 실험

블록 편집기가 코어에 병합 된 이후 실제로 두 가지 버전의 블록 편집기가 있습니다.

  1. 핵심 WordPress 소프트웨어의 기본 버전 (사용중인 것일 수 있음)
  2. 구텐베르크 플러그인

Gutenberg 플러그인 버전은 기본적으로 핵심 편집기의 테스트 공간입니다. 플러그인 버전에는 개발중인 새로운 기능이 포함되어 있습니다. 결국 이러한 기능은 핵심으로 병합됩니다. 그러나 당신이 그들과 함께 일찍 놀고 싶다면 WordPress.org에서 Gutenberg 플러그인을 설치하기 만하면됩니다..


구텐베르크 구텐베르크

저자 : 구텐베르크 팀

현재 버전 : 8.2.1

최종 업데이트 : 2020 년 5 월 28 일

gutenberg.8.2.1.zip


40 % 등급


200,000+ 설치


5.3.0 필요

모든 기존 컨텐츠는 어떻게됩니까??

작업을 마치기 전에 WordPress 5.0으로 업데이트 한 후 이전의 모든 콘텐츠에 어떤 일이 발생하는지 신속하게 설명하겠습니다 (아직 업데이트하지 않은 경우)..

걱정하지 마십시오 – 사라지지 않습니다! 그러나 경험은 약간 다릅니다.

사이트를 WordPress 5.0으로 업데이트하고 기존 TinyMCE 편집기로 기존 컨텐츠를 빌드 한 경우 블록 편집기는 모든 기존 컨텐츠를 단일 컨텐츠에 넣습니다. 클래식 블록. 이 클래식 블록은 기본적으로 TinyMCE 편집기이지만 새로운 블록 편집기에 내장되어 있습니다..

구텐베르크 클래식 블록

기존 컨텐츠로 작업하려면 다음 중 하나를 수행하십시오.

  • 클래식 블록에 그대로두고 이전 워드 프레스 편집기에서와 같이 편집하십시오.
  • 사용 세 점 아이콘을 선택 블록으로 변환. 모든 것을 개별 블록으로 나눕니다. 그런 다음 원래 Gutenberg 블록 편집기로 만든 것처럼 컨텐츠로 작업 할 수 있습니다..

블록으로 변환

구텐베르크 블록 에디터의 다음 단계?

블록 편집기가 공식적으로 핵심의 일부이지만 (WordPress 5.0의 출시 덕분에) WordPress 팀은 Gutenberg 프로젝트를 마치지 못했습니다..

현재 핵심 팀은 블록 편집기를 사용하여 WordPress 위젯을 대체하고 블록으로 탐색 메뉴를 만들 수 있도록 노력하고 있습니다..

이러한 기능은 아직 사용되지 않았지만 진행 중입니다. 따라서 블록 에디터 인터페이스를 최대한 빨리 배우기 시작합니다.!

대부분의 일반 사용자에게는 고통이 커지면 더 유연한 콘텐츠 제작 환경을 제공합니다..

개발자가 아닌 사람은 버튼, 컨텐츠 포함 등과 같은 추가 요소를 사용하여보다 복잡한 레이아웃을 직관적으로 만들 수 있습니다. 그리고 그것이 WordPress가 계속 성장하도록 도울 것입니다..

이제 여러분의 의견을 듣고 싶습니다. 많은 구텐베르크 블록 에디터에 대해 많은 의견을 가지고 계실 것입니다.!

WordPress 사이트 속도를 높이기위한 충돌 과정에 참여하는 것을 잊지 마십시오. 몇 가지 간단한 수정으로로드 시간을 50-80 % 줄일 수 있습니다.

Karol K의 레이아웃, 프리젠 테이션 및 편집.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map