워드프레스 구텐베르그 구텐토 : Gutentor : WordPress Page Building Blocks

1. 새 페이지 / 게시물 추가

WordPress에 페이지 / 게시물을 추가하는 단계는 다음과 같습니다.

페이지 추가

  • 페이지로 이동 => 새로 추가
  • 또는 여기를 클릭하십시오

게시물 추가

  • 게시물로 이동 => 새로 추가
  • 또는 여기를 클릭하십시오
워드프레스 구텐베르그 구텐토 : Gutentor : WordPress Page Building Blocks

2. 템플릿 라이브러리 가져 오기 또는 새 블록 추가

페이지 / 게시물의 편집 화면에서 쉽게 아름다운 템플릿을 가져올 수 있습니다.

템플릿 라이브러리 가져 오기

  • 페이지 / 게시물 편집 화면 상단에서“Template Library”를 클릭합니다.
    • Blocks: 탐색후 원하는 블록 검색 및 가져 오기
    • Templates: 멋진 템플릿 가져 오기
    • File: JSON 파일에서 데모 데이터 가져 오기

새 블록을 추가하려면 아래 단계를 따르십시오.

  • 페이지 / 게시물 편집 화면의 왼쪽 상단에서 템플릿 라이브러리를 클릭합니다.
  • 블록 이름을 이미 알고있는 경우 검색 창에 블록 이름을 입력합니다.
  • 또는 아래로 스크롤하여 Gutentor 섹션과 새 블록 추가로 이동합니다.
워드프레스 구텐베르그 구텐토 : Gutentor : WordPress Page Building Blocks

3. 디자인 시작

Gutentor 블록은 요소, 모듈, 게시물, 용어 및 위젯으로 나뉩니다.
대시 보드 방문 : Gutentor => Gutentor 블록 분류에 대한 심층적 인 이해를 도와줍니다.

에디터에서 블록 (요소 / 모듈 / 포스트 / 용어)을 추가하면 바로 디자인 할 수 있습니다.

  • 일반 : 블록을 설계하기위한 옵션 세트로 구성됩니다. 예 : 색상, 타이포그래피, 여백, 패딩 등.
  • 고급 : 전체 블록 섹션에 영향을 미치는 고급 설정의 집합으로 구성됩니다.
워드프레스 구텐베르그 구텐토 : Gutentor : WordPress Page Building Blocks

4. 위젯 디자인

에디터에서 블록을 추가하면 바로 디자인 할 수 있습니다.

편집 화면 우측 사이드 바에는 문서 탭과 블록 탭이 있으며, 블록 탭 아래에 각 블록에 대한 설정이 있습니다.

  • General
    • 블록 제목 : 블록 제목과 관련된 설정입니다.
    • 블록 항목 : 일반, 스타일, 고급 등 3 개의 탭으로 구성된 블록 설정의 주요 부분입니다.
      • General: 블록의 기능을 선택, 활성화 및 비활성화하는 기능 설정으로 구성됩니다.
      • Style: 스타일 탭은 블록 항목의 다양한 스타일 설정으로 구성됩니다.
      • Advanced: 블록 항목의 여백 / 패딩 및 애니메이션 설정으로 구성됩니다.
  • Advanced: 전체 블록 섹션에 영향을 미치는 고급 설정으로 구성됩니다.
글 더보기 :  구텐베르그 에디터-문자블럭
워드프레스 구텐베르그 구텐토 : Gutentor : WordPress Page Building Blocks