Oxygen Builder에서 Gutenberg 블록을 사용하는 방법
게시 됨: 2023-07-06Oxygen Builder는 매우 강력한 기능을 갖춘 독특한 WordPress 플러그인입니다. 그러나 다른 페이지 빌더에 비해 학습 곡선이 더 높습니다.
Oxygen Builder는 블록, 모듈 또는 레이아웃에서 작동하지 않습니다. 대신 섹션, div, 열 및 익숙한 기타 HTML과 같은 요소로 작동합니다.
반면에 PostX는 대규모 사용자 정의 기능과 사용자 친화성을 갖춘 동적 사이트 빌더 플러그인입니다.
PostX의 게시물 블록과 미리 만들어진 템플릿을 보고 많은 사용자가 Oxygen Builder에서 사용하는 데 관심을 보입니다. 이러한 요구를 충족하기 위해 PostX는 Oxygen Builder에서 Gutenberg 블록을 사용하는 프로세스를 단순화하는 Oxygen Builder 통합을 도입했습니다.
Oxygen Builder에서 Gutenberg 블록을 사용하는 방법에 대해 자세히 알아보려면 계속 읽으십시오.
Oxygen Builder에서 Gutenberg 블록을 사용하는 이유
Oxygen 빌더는 숙련된 웹 개발자와 디자이너가 고유한 웹 사이트를 만들 수 있도록 고급 기능을 제공합니다. Elementor, Divi 또는 Beaver와 같은 다른 빌더와 다릅니다. Oxygen Builder는 CSS, JS 및 HTML에 익숙한 숙련된 웹 디자이너 및 개발자에게 가장 적합합니다.
그리고 Oxygen Builder를 사용하고 있다면 기본 계획으로 Oxygen Builder에서 Gutenberg 블록을 사용할 수 없다는 것을 이미 알고 있습니다. 그것이 PostX가 들어오는 곳입니다.
이미 알고 있듯이 PostX는 기본적으로 향상된 사용자 지정 옵션이 있는 Gutenberg 블록인 다양한 포스트 블록을 제공합니다. 이 플랫폼은 또한 사용자 친화적인 미리 만들어진 템플릿 및 스타터 팩의 방대한 라이브러리를 제공합니다.
번거로움 없이 Oxygen Builder에서 Gutenberg 블록을 사용하고 고급 웹 사이트를 구축하려는 경우 PostX Oxygen Builder 통합이 솔루션입니다. 매우 사용자 친화적이고 사용하기 쉽습니다.
산소에서 구텐베르크 블록을 사용하는 방법
PostX는 이제 Oxygen Builder 통합을 제공하여 Oxygen Builder에서 Gutenberg 블록을 쉽게 사용할 수 있습니다. 이 통합을 통해 매우 사용자 친화적이고 쉬운 방법으로 Gutenberg 블록을 사용할 수 있습니다.
PostX와 함께 Oxygen Builder에서 Gutenberg 블록을 사용하는 방법을 살펴보겠습니다.
비디오 튜토리얼
다음은 Oxygen Builder에서 Gutenberg 블록을 사용하여 시각적으로 탐색하는 방법에 대한 비디오 자습서입니다.
1단계: PostX 설치 및 활성화
시작하려면 먼저 PostX 플러그인을 설치하고 활성화해야 합니다. 활성화되면 Oxygen Builder 애드온을 활성화하여 Oxygen Builder에서 Gutenberg 블록을 사용할 수 있습니다.

2단계: Oxygen Builder 및 저장된 템플릿 애드온 활성화
PostX를 성공적으로 활성화하면 모든 기능과 애드온이 잠금 해제되고 사용할 준비가 됩니다.

먼저 PostX 애드온 섹션을 통해 두 개의 애드온, Oxygen Builder 및 저장된 템플릿을 활성화해야 합니다. 인접한 토글 막대를 사용하여 이러한 애드온을 켭니다.
3단계: PostX로 저장된 템플릿 만들기
Oxygen Builder에서 Gutenberg 블록을 사용하려면 PostX를 통해 Saved Template을 생성하는 것이 필수적입니다. 잠재적인 문제를 방지하려면 이 단계를 따르십시오.
PostX에 새 저장된 템플릿을 만들려면 "저장된 템플릿" 섹션으로 이동하여 "새 템플릿 추가" 버튼을 클릭하십시오. 동일한 위치에서 기존 템플릿을 편집할 수도 있습니다.

"새 템플릿 추가" 버튼을 클릭합니다. 이렇게 하면 기본 Gutenberg 블록, PostX 블록 또는 PostX에서 미리 만든 템플릿/스타터 팩을 사용하여 템플릿을 쉽게 만들 수 있는 Gutenberg 편집기로 이동합니다.

프로세스를 단순화하기 위해 PostX 미리 만들어진 템플릿 라이브러리를 사용하겠습니다. 템플릿 키트 버튼을 클릭하기만 하면 PostX Premade 라이브러리에 액세스할 수 있습니다.

PostX는 레이아웃 생성을 단순화하기 위해 Premade Starter Pack 및 템플릿에 대한 원클릭 가져오기 옵션을 제공합니다. 원하는 옵션을 선택하고 "가져오기"를 클릭합니다. 예를 들어 NFT 및 Crypto News 레이아웃을 사용해 보겠습니다.

Oxygen Builder 요소 내에서 이 템플릿에 액세스하려면 이름을 제공해야 합니다.

템플릿 생성이 완료되면 "게시" 버튼을 클릭합니다. 이렇게 하면 Oxygen Builder에서 템플릿을 즉시 사용할 수 있습니다.

4단계: Oxygen Builder에서 PostX 템플릿 사용
이전 단계에서 PostX 저장된 템플릿을 만드는 방법을 시연했습니다. 이제 Oxygen Builder에서 사용하는 방법을 안내해 드리겠습니다.
먼저 새 페이지를 만들어야 합니다. 대시보드에서 페이지 섹션으로 이동합니다. 그런 다음 "새 페이지 추가" 옵션을 클릭합니다.

페이지 편집기에 있으면 Oxygen Builder가 “Edit with Oxygen”을 요청하는 팝업을 표시합니다. 그것을 클릭하면 Oxygen Builder로 리디렉션됩니다.

Oxygen Builder에서 "+" 아이콘(요소 추가)을 클릭하면 모든 산소 요소가 표시됩니다.

이제 기본 요소 섹션에서 기본 섹션에 "PostX 템플릿"이 표시되거나 검색 표시줄에서 "PostX 템플릿"을 검색할 수 있습니다.

"PostX 템플릿"을 클릭하면 템플릿을 선택할 수 있습니다. 이제 "템플릿 선택"에서 사용하려는 템플릿을 선택합니다.

마지막으로 페이지를 게시하려면 "변경 사항 저장" 버튼을 클릭하면 완료됩니다.

5단계: 사용자 지정(선택 사항)
PostX 저장된 템플릿 섹션을 사용하여 템플릿을 수정하거나 업데이트할 수 있습니다.

PostX에 저장된 템플릿을 사용자 지정하려면 "저장된 템플릿" 섹션으로 이동하여 편집하려는 템플릿을 선택하기만 하면 됩니다. "편집" 버튼을 클릭하고 필요한 사항을 변경한 다음 "업데이트"를 클릭하여 변경 사항을 저장하십시오.

변경 사항은 Oxygen Builder에서 자동으로 동기화되므로 각 단계를 반복하는 수고를 덜 수 있습니다.
자주하는 질문
Oxygen Builder는 Gutenberg와 호환됩니까?
예, Oxygen Builder는 기본적으로 Gutenberg와 완벽하게 호환됩니다. 그러나 기본 요금제로 구텐베르그를 사용할 수 없습니다.
Oxygen Builder에서 Gutenberg 블록을 사용할 수 있습니까?
예, PostX와 함께 Oxygen Builder에서 모든 Gutenberg 블록을 사용할 수 있습니다.
Oxygen Builder에서 Gutenberg 블록을 사용하는 방법은 다음과 같습니다.
- 1단계: PostX 설치 및 활성화
- 2단계: Oxygen Builder 및 저장된 템플릿 애드온 활성화
- 3단계: PostX로 저장된 템플릿 만들기
- 4단계: Oxygen Builder에서 PostX 템플릿 사용
Oxygen Builder가 Gutenberg보다 낫습니까?
더 많은 옵션이 있는 블록 레이아웃 시스템을 찾고 있다면 Gutenberg Blocks가 좋은 선택이 될 수 있습니다. 그러나 더 많은 유연성과 사용자 지정 가능성을 원하는 경우 Oxygen Builder가 더 나은 대안이 될 수 있습니다.
당신이 사랑할 자료
- WordPress에 포스트 캐러셀을 추가하는 방법
- Divi Builder에서 Gutenberg 블록을 사용하는 가장 쉬운 방법
- PostX Beaver Builder 통합: Beaver Builder에서 Gutenberg 블록 사용
- WordPress 사용자 지정 글꼴을 추가하는 방법: 타이포그래피를 완전히 제어
- PostX 행/열 블록 소개: 콘텐츠를 완벽하게 표시
결론
결론적으로 Gutenberg 블록을 Oxygen Builder에 통합하면 웹 개발자와 디자이너의 기능과 디자인 옵션을 크게 향상시킬 수 있습니다. Oxygen Builder는 고급 기능으로 유명하지만 PostX의 Oxygen Builder를 도입하면 Oxygen Builder에서 Gutenberg 블록을 보다 접근하기 쉽고 사용자 친화적인 방식으로 사용할 수 있습니다.
Oxygen Builder의 고급 기능과 결합된 Gutenberg 블록이 제공하는 유연성과 사용자 정의 가능성은 이 통합을 독특하고 고급 웹 사이트를 구축하는 데 유용한 도구로 만듭니다.
요컨대, PostX Oxygen Builder 통합은 Gutenberg 블록과 Oxygen Builder 사이의 격차를 해소하여 사용자가 새로운 디자인 가능성을 열고 웹사이트 제작 프로세스를 간소화할 수 있도록 합니다.
YouTube 채널에서 WordPress 비디오 자습서를 확인할 수 있습니다. 또한 정기적인 업데이트를 위해 Facebook과 Twitter에서 우리를 찾으십시오!
PostX를 사용하여 WordPress 비디오를 주요 이미지로 표시하는 방법
WooCommerce 단일 제품 페이지 템플릿(만들고 맞춤화하는 3가지 방법)
WooCommerce용 Gutenberg 제품 블록을 사용하여 온라인 상점 만들기
WordPress의 사이드바에 카테고리를 추가하는 방법