Gutenberg – Gutenberg 블록 편집기를 기반으로 하는 완전한 페이지 빌더

게시 됨: 2019-12-28

구텐베르그가 도입된 후 워드프레스에서 웹사이트를 디자인하는 것이 이전보다 훨씬 쉬워졌습니다. 이 블록 기반 WordPress 편집기는 페이지 구축 시스템을 다음 단계로 끌어 올렸습니다. 구텐베르크는 놀 수 있는 많은 블록을 제공합니다. 그러나 여전히 기본 블록을 수동으로 사용자 정의해야 합니다. 예상보다 오래 걸릴 수 있습니다. 여기에서 Gutentor가 실행됩니다.

그렇다면 구텐토르는 무엇일까요?

Gutentor는 아름답게 디자인된 기성품 블록과 다양한 사용자 정의 옵션이 포함된 템플릿 모음입니다. 놀랍도록 디자인된 블록과 템플릿을 사용하여 몇 번의 클릭으로 페이지, 게시물, 랜딩 페이지 또는 전체 웹사이트를 디자인할 수 있습니다.

Gutentor는 콘텐츠를 더욱 유연하게 만들고 디자인할 수 있는 다양한 아름다운 블록으로 Gutenberg 편집기를 확장합니다. 이미지, 타이포그래피, 색상, 블록 모양, 배경, 애니메이션 등 필요한 모든 사용자 정의 기능으로 개발되었습니다.

새로운 기능은 무엇입니까?

기성 템플릿 및 블록을 위한 원클릭 데모 템플릿 라이브러리
더 빠른 설계 경험
필요한 모든 기능을 갖춘 완벽한 웹페이지 빌딩 블록
매우 간단하고 행/열 추가 없이 블록만 추가하면 아름다운 웹사이트를 만들 수 있습니다.
드래그 앤 드롭 재정렬, 편집, 삭제 옵션을 사용하여 블록 내부에 항목을 생성하는 반복기 필드
크리에이티브 디자이너가 사용할 수 있는 고도로 사용자 정의 가능한 행/열 옵션
HTML 태그, 배경, 테두리, 상자 그림자, 여백 패딩, SVG 모양 구분선 및 내장 애니메이션을 포함한 각 블록의 고급 옵션
각 블록의 블록 템플릿 모듈, 단일 블록 다중 디자인 템플릿
개별 요소 전체 스타일링 옵션
기기별 반응형 컨트롤
사용 가능한 모든 Google 글꼴 및 시스템 글꼴을 포함하는 고급 타이포그래피 옵션
비디오 배경 옵션
동적 CSS를 위한 인라인, 내부 또는 외부 CSS 파일

구텐토르가 다른 점은 무엇입니까?

Gutentor는 겉보기에 WordPress의 독특한 블록 빌더입니다. 그것은 그것을 훌륭하게 만들고 다른 것보다 발전시키는 몇 가지 놀라운 기능으로 구성됩니다. 다음은 고유한 기능입니다.

동적 열 – 동적 열을 사용하면 페이지에 원하는 수의 열을 추가할 수 있습니다. 이 옵션을 사용하면 원하는 웹사이트를 유연하게 만들 수 있습니다. 열 번호를 설정하고 요소를 추가하고 사용자 정의하기만 하면 됩니다.
고급 열 – 고급 열에는 원하는 다양한 기본 요소를 추가하여 아름다운 페이지를 만들 수 있는 고급 사용자 지정 옵션이 제공됩니다.
기본 요소 – 기본 요소는 기존 웹사이트 트렌드에서 사용되는 거의 모든 요소를 포함합니다. 고급 열에 선호하는 요소를 삽입하고 그에 따라 사용자 정의하기만 하면 됩니다. 기본 요소에서 가장 중요한 것은 개별 요소를 제어할 수 있다는 것입니다.
사전 제작된 블록/요소 – Gutentor에는 11개의 요소, 3개의 그룹 및 30개의 블록이 있습니다. 모든 유형의 웹 사이트를 구축하기에 충분합니다.
템플릿 – 기성 템플릿은 시간을 절약하지 않지만 충분한 사용자 지정 옵션을 제공합니다.
CSS의 확장된 사용
다른 블록에 대한 인상적인 회전 목마 옵션.
반응이 빠르고 SEO 친화적입니다.
품질 지원 서비스와 함께 제공됩니다.

기성 템플릿 번들

Gutentor는 멋진 기성 템플릿과 함께 제공됩니다. 몇 번의 클릭으로 템플릿을 선택하고 설치할 수 있습니다. 다음 카테고리에서 좋아하는 템플릿을 선택하세요.

사업
교육
의료
기업
적합
여행하다
대행사
건설
다목적

이러한 템플릿은 브랜드 및 선호도에 맞게 쉽게 사용자 정의할 수 있습니다.

고급 구텐터 블록

블록 정보 – 설명, 이미지, 제목 및 버튼을 표시하는 사용자 정의 블록.
아코디언 – 제목, 설명 및 버튼을 표시하는 축소 가능한 섹션입니다.
고급 열 – 이 블록은 페이지 또는 게시물에 여러 열을 만드는 데 도움이 됩니다.
작성자 프로필 – 제목, 설명, 소셜 프로필 등을 포함한 작성자 프로필을 표시하는 또 다른 구텐베르크 사용자 지정 블록입니다.
블로그 게시물 – 게시물 또는 페이지 내에서 블로그 게시물을 표시하는 것이 걱정된다면 이 블록을 사용할 수 있습니다.
클릭 유도문안 – 섹션에 링크가 있는 버튼을 배치하는 간단하지만 강력한 블록입니다.
콘텐츠 상자 – 일반 제목, 콘텐츠 및 버튼을 표시하는 데 매우 유용합니다. 이미지와 아이콘은 여기에 표시되지 않습니다.
카운트다운 – 중요한 이벤트나 공지 사항을 발표할 예정인 경우 이를 쉽게 수행하는 데 도움이 됩니다.
카운터 – 매력적인 템플릿으로 제품에 대한 사실을 나타내는 데 도움이 됩니다.
디바이더 – 섹션을 분리하는 데 도움이 됩니다. 자신의 이미지를 구분 기호로 업로드할 수도 있습니다.
추천 블록 – 사진, 제목, 설명 및 버튼이 있는 큰 섹션입니다.
갤러리 – 이 갤러리는 페이지에 갤러리를 만들기 위해 신중하게 만든 사용자 지정 블록입니다.
Google Map - 경도와 위도가 있는 Google 지도를 표시하는 데 도움이 됩니다.
아이콘 상자 – 글꼴 멋진 아이콘을 표시하는 사용자 정의 블록입니다.
이미지 상자 – 제목, 설명 및 버튼이 있는 단일 이미지를 표시해야 하는 경우 이 블록을 사용할 수 있습니다.
이미지 슬라이더 – 제목, 설명, 미리 정의된 템플릿이 있는 버튼이 있는 슬라이더를 만드는 멋진 사용자 정의 블록입니다.
영업 시간 – 기업 및 비즈니스 웹 사이트의 경우 영업 시간 사용자 지정 블록이 매우 유용합니다. 사용자는 이 블록에 시간, 날짜 및 요일을 추가할 수 있습니다.
가격 상자 – 각 제품의 기능과 가격을 표시하는 데 도움이 됩니다.
진행률 표시줄 – 백분율 값을 사용하여 원이나 막대 차트로 진행 상황을 표시할 수 있습니다.
레스토랑 메뉴 – 호텔 및 레스토랑 웹사이트의 경우 이 사용자 정의 블록은 메뉴와 가격을 표시하는 데 매우 유용합니다.
소셜 – 소셜 아이콘과 링크를 표시하는 구텐베르크 사용자 정의 블록입니다. 소셜 링크를 쉽게 추가할 수 있습니다.
탭 – 각 탭에는 다른 내용이 있습니다. 제목, 설명 및 버튼이 있습니다. 블록으로 필요한 수의 탭을 만드십시오.
팀 – 웹 사이트에 팀 정보를 표시하는 또 다른 매우 유용한 사용자 지정 블록입니다.
회원 평가 – 웹사이트에서 고객이나 사용자의 사용 후기를 보여주는 것이 정말 멋지지 않습니까? 예, 이 블록은 유용합니다.
타임라인 – 시간순으로 정보를 보여주기 위해서는 타임라인 커스텀 블록이 필요합니다.
비디오 팝업 – 비디오 를 삽입하는 데 도움이 되며 사용자가 볼 때 팝업에 표시됩니다.

또한, 예를 들어 ZeGuten 플러그인과 같이 Gutenberg용으로 다른 추가 블록 플러그인을 사용하는 경우 Gutenor 편집기에서도 작동합니다.

구텐터 시작하기

Gutentor 블록과 템플릿을 설치하고 사용자 정의하는 것은 매우 쉽습니다. WordPress 편집기에서 나갈 필요가 없습니다. Gutenberg 블록 및 템플릿은 Gutenberg 편집기 내부에 있습니다. Gutentor를 시작하려면 아래의 간단한 단계를 따르십시오.

구텐터 설치

위의 그림과 같이 플러그인 섹션에서 "Gutentor"를 검색합니다. 또는 WordPress 플러그인 디렉토리에서 zip 파일을 직접 다운로드할 수 있습니다. 설치 후 플러그인을 활성화합니다.

Gutentor 블록/템플릿에 액세스

Gutenberg 편집기 내에서 Gutenberg 블록에 액세스할 수 있습니다. 페이지 또는 게시물의 상단에 "템플릿 라이브러리", "템플릿 내보내기 차단"과 같은 옵션이 표시됩니다. 템플릿 라이브러리에서 블록에 직접 액세스할 수 있습니다.

템플릿 라이브러리에는 다음과 같은 옵션이 있습니다. 다양한 카테고리를 검색할 수 있는 왼쪽 카테고리. "미리보기" 버튼을 클릭하여 각 블록 데모를 확인하거나 "삽입"을 클릭하여 페이지에 삽입하십시오.

블록의 각 요소(이미지, 타이포그래피, 색상, 버튼)를 원하는 대로 사용자 지정할 수 있습니다. Gutentor를 사용하는 동안 문제가 발생하면 자세한 문서 및 비디오 자습서를 따를 수 있습니다.

블록 및 템플릿 내보내기

다른 페이지에서 동일한 블록이나 템플릿을 사용하려면 블록과 템플릿을 내보낼 수 있습니다. "블록 템플릿 내보내기"를 클릭하고 JSON 파일로 저장하기만 하면 됩니다.

템플릿 라이브러리>파일 에서 이 파일을 다른 페이지로 가져올 수 있습니다.