2021년 WordPress에서 Oxygen Page Builder를 사용하는 방법 [쉬운 가이드]

웹 사이트 편집은 코딩 및 기술적인 사고와 불가분의 관계에 있었지만 Oxygen 페이지 빌더와 같은 도구는 게임을 변화시켰습니다. Oxygen은 사용자가 한 줄의 코드를 처리하지 않고도 스마트 기능으로 전체 웹사이트를 편집할 수 있도록 합니다.

Oxygen을 사용하면 프로그래머가 아닌 사람도 모든 디자인 장애물을 제거하여 웹사이트를 개발하고 만들 수 있습니다. 초보자도 과정이 쉽고 매끄럽고 디자인이 창의적이고 영리합니다. Oxygen 페이지 빌더가 이미 전 세계 많은 디자이너의 첫 번째 선택이 된 것은 놀라운 일이 아닙니다.

산소 페이지 빌더란 무엇입니까?

산소 빌더는 페이지 빌더 또는 테마 빌더의 정의로 제한되지 않습니다. 사용자가 웹사이트를 최대한 창의적으로 제어할 수 있도록 하는 하이브리드 도구로 간주되어야 합니다.

제한된 기술 지식을 가진 모든 사용자는 Oxygen 빌더를 사용하여 웹 사이트를 완전히 사용자 지정할 수 있습니다. 코딩 및 페이지 작성 복잡성을 기피하는 사용자 사이에서 인기 있는 옵션입니다.

왜 산소 페이지 빌더를 사용해야 합니까?

Oxygen 빌더는 웹사이트 생성 프로세스를 용이하게 하고 손쉬운 드래그 앤 드롭 편집 기술을 통해 웹사이트에 사용자 정의 변경 사항을 한 손으로 가져오는 신뢰할 수 있는 도구입니다. 사용자가 수십 개의 플러그인을 사용하지 않고도 복잡한 웹 사이트를 만들 수 있도록 유연성과 접근성을 결합합니다.

사람들은 WooCommerce 스토어와 WordPress 웹사이트를 완전히 제어할 수 있는 Oxygen 페이지 빌더를 사용합니다. 이 페이지 빌더로 만든 사이트는 편집 가능한 백엔드와 빠른 로딩 프론트엔드를 제공하며, 개발자나 웹사이트 제작자라면 누구나 꿈꾸는 환상적인 조합입니다.

더 이상 고민하지 않고 Oxygen 페이지 빌더의 놀라운 기능을 살펴보고, 쉬운 설치 단계를 살펴보고, 가격 책정 계획을 확인하고, 사용법과 기능에 대해 말하겠습니다.

6가지 뛰어난 기능 - 산소 페이지 빌더

Oxygen 페이지 빌더는 사용자가 웹사이트 디자인을 사용자 정의하고 브랜드의 진정한 반영을 표시할 수 있는 혁신적인 기능을 제공합니다. 다음 섹션에서 가장 주목할만한 기능을 살펴보겠습니다.

비주얼 에디팅

Oxygen 페이지 빌더는 타의 추종을 불허하는 시각적 편집 기능을 제공합니다. 시각적 사이트 빌더 인터페이스는 템플릿 메뉴에서 산소로 편집 버튼을 클릭하여 액세스할 수 있습니다.

페이지 빌더를 사용하면 사용자가 빈 설치를 선택하거나 미리 만들어진 디자인으로 시작할 수 있습니다. 사용자는 동일한 CSS 클래스에 속하는 페이지의 모든 디자인 요소를 한 번에 편집할 수 있습니다. 이는 다른 사이트 빌더 중에서는 드문 기능입니다.

오른쪽 사이드바 패널에 나타나는 구조 패널을 통해 사용자는 언제든지 HTML 요소의 구조를 볼 수 있으며 시각적 편집기에서 요소를 끌어다 놓아 실시간으로 편집할 수 있습니다.

강력한 레이아웃 컨트롤

Oxygen은 사용자에게 사용하기 쉬운 레이아웃 컨트롤을 제공합니다. 다른 페이지 빌더와 달리 열을 사용할 필요가 없습니다. flexbox 레이아웃 엔진을 사용하여 요소를 쉽게 정렬하고 수직 및 수평 레이아웃 간에 전환하기만 하면 됩니다.

또한, Oxygen은 사용자의 편의를 위해 단순히 요소의 측면을 드래그하여 간격 및 크기 조정을 쉽게 제공합니다.

구텐베르크 통합

Gutenberg는 사이트 페이지에 유연성과 미디어를 추가하여 편집 경험을 혁신합니다. 산소는 구텐베르크 통합을 가능하게 합니다. 간편한 드래그 앤 드롭 솔루션을 사용하여 복잡한 코딩 없이 구텐베르크 블록을 생성할 수 있습니다.

Oxygen에서 디자인한 것은 무엇이든 구텐베르크 블록으로 사용할 수 있습니다. 따라서 블록을 추가하고 이미지, 텍스트 및 링크 URL을 사용자 정의할 수 있습니다. 맞춤형 Gutenberg 블록 레이아웃을 생성하는 기능은 Oxygen을 경쟁사와 구분합니다. 가져오기/내보내기 도구를 통해 다른 웹사이트에서 해당 블록을 재사용할 수도 있습니다.

코드 청결

코드 청결은 Oxygen을 경쟁업체와 차별화하는 또 다른 기능입니다. Oxygen은 기존 WordPress 테마를 추월하기 때문에 코드 복잡성도 감소하고 손쉬운 관리를 위한 코드 청결도를 보장합니다.

가장 큰 경쟁자인 Elementor(WordPress 페이지 빌더 세계에서 큰 이름)와 비교하여 Oxygen은 매우 정확한 HTML 코딩 출력을 제공합니다. Oxygen에는 Elementor가 코드 블록에 표시할 수 있는 한 줄의 코드를 표시할 수 있는 기능이 있습니다. 코드 줄 수를 줄이면 로딩 시간이 빨라지고 색인이 쉽게 생성되며 전반적으로 더 나은 결과를 얻을 수 있습니다.

헤더 빌더

Oxygen의 Header Builder를 사용하면 눈길을 끄는 매력적인 헤더를 만들 수 있습니다. 드래그 앤 드롭을 통해 디자인 요소를 헤더에 배치하고 특수 효과 및 레이아웃을 사용하여 이를 아름답게 할 수 있습니다.

반응형 컨트롤을 사용하여 모든 장치에서 잘 보이도록 헤더를 사용자 정의할 수 있습니다. 또한 Oxygen 빌더를 사용하여 고정 헤더를 사용하고 사이트 페이지의 CTA로 사용할 수 있습니다.

동적 데이터 기능

Oxygen Dynamic Data 기능을 사용하면 사용자가 디자인 요소를 WordPress 데이터베이스의 데이터에 연결할 수 있습니다. WordPress 데이터베이스에 있는 모든 것을 디자인에 넣을 수 있습니다. 또한 디자인 설정과 Oxygen을 통해 생성된 CSS를 가져오고 내보낼 수 있습니다.

동적 데이터 기능의 주요 이점은 아카이브를 다운로드하지 않고 데이터를 직접 가져올 수 있다는 것입니다. 동적 데이터에는 다음이 포함됩니다.

• 게시물 콘텐츠
• 설명
• 미디어 파일
• 게시물 제목, 작성자 등

산소 페이지 빌더를 설치하는 방법

Oxygen은 강력한 기능과 광범위한 기능을 제공하는 프리미엄 페이지 빌더입니다. WordPress 저장소에서는 사용할 수 없습니다. 따라서 먼저 라이선스를 구매한 다음 수동으로 WordPress 플러그인 목록에 업로드해야 합니다.

이 자습서에서는 이미 Oxygen 페이지 빌더 라이선스가 있다고 가정합니다. 그렇지 않은 경우 공식 페이지를 방문하여 바로 구입할 수 있습니다.

더 이상 고민하지 않고 시작하겠습니다!

Oxygen 페이지 빌더를 설치하는 것은 케이크 조각입니다. 당신이해야 할 모든> 새로 만들기> 업로드 플러그인을 추가 파일을 선택하고 자신의 공식 페이지에서 다운로드 한 산소 페이지 빌더 zip 파일을 선택> 워드 프레스 대시 보드> 플러그인에 대한 탐색이다. 플러그인을 업로드한 후 지금 설치 및 플러그인 활성화 를 클릭 합니다 .

플러그인을 활성화하면 Oxygen 설치 유형을 선택하라는 팝업 시작 화면이 표시됩니다.

Oxygen 페이지 빌더는 라이브러리에서 데모 콘텐츠와 디자인을 간단히 가져올 수 있는 미리 만들어진 웹사이트를 제공합니다. 또한 일반 웹 사이트 레이아웃과 디자인으로 빈 설치를 제공합니다.

산소 페이지 빌더 전제 조건

Oxygen 페이지 빌더를 시작하려면 원활한 페이지 작성 경험을 위한 몇 가지 전제 조건이 필요합니다.

PHP 8은 아직 Oxygen Page Builder에서 지원되지 않습니다. 위의 요구 사항은 호스팅 공급자에 따라 다르므로 서버 및 플랫폼에 최신 버전이 있는지 확인하십시오. Cloudways는 원활한 Oxygen 페이지 편집 경험을 위해 안정적인 최신 WordPress, PHP 및 MariaDB 버전을 제공합니다.

산소 페이지 빌더 성능 벤치마크

Oxygen 페이지 빌더는 속도 테스트 프로세스 전반에 걸쳐 우수한 성능을 보여 현재 사용 가능한 가장 빠른 페이지 빌더 중 하나임을 입증했습니다.

벤치마크 결과는 다음과 같이 공유됩니다.

Cloudways 서버 구성

애플리케이션 구성

설치된 플러그인

무엇보다도 우리는 사이트 데모 콘텐츠를 만들고 실제 시나리오를 에뮬레이트하기 위해 수많은 이미지를 추가했습니다.

GTmetrix 성능 분석:

https://gtmetrix.com/reports/wordpress-635160-2066150.cloudwaysapps.com/AXkCR1eG/

• 성능: 100%
• 구조: 95%
• LCP: 323ms
• 미정: 0ms
• CLS: 0

Pingdom 성능 분석:

https://tools.pingdom.com/#5eba5748a0400000

• 성능 등급: 92
• 페이지 크기: 2.0MB
• 로드 시간: 277ms
• 요청: 32

PageSpeed ​​Insight 성능 분석:

https://prnt.sc/1gragu8

• 전체 등급: 92
• FCP: 0.8초
• 속도 지수: 1.4초
• LCP: 1.6초
• TTI: 0.8초
• 미정: 0ms
• CLS: 0.015

산소 가격

다른 페이지 빌더와 달리 Oxygen은 월간 또는 연간 구독이 필요하지 않으며 일회성 결제가 필요하며 평생 동안 혜택을 누릴 수 있습니다 . Oxygen은 가격 계획을 아래에서 자세히 설명하는 4가지 패키지로 나누었습니다.

1) 기본

• $129의 일회성 결제 비용
• WordPress를 위한 유연하고 강력한 비주얼 빌더
• 60일 환불 보장

2) 우커머스

• $169의 일회성 결제 비용
• WooCommerce 통합
• 웹 사이트 및 WooCommerce 매장을 시각적으로 구축하는 데 사용
• 60일 환불 보장

3) 대리점

• $199의 일회성 결제 비용
• WooCommerce 통합
• 구텐베르크 블록 빌더
• 간소화된 클라이언트 UI
• 60일 환불 보장

4) 궁극기

• $229의 일회성 결제 비용
• WooCommerce 통합
• 구텐베르크 블록 빌더
• 간소화된 클라이언트 UI
• 복합 요소
• 60일 환불 보장

산소 검토: 시도해 볼 가치가 있습니까?

Oxygen은 창의적인 개인, 떠오르는 브랜드 및 기존 기업이 디지털 세계에서 자신의 존재를 알리기 위한 현명한 옵션입니다. 손쉬운 사용자 정의 옵션, 스마트한 시각적 편집기 및 사용자 친화적인 디자인 요소로 인해 이 도구는 코딩의 기술적인 문제를 해결할 수 있는 탁월한 선택입니다.

월별 또는 연간 결제를 피하고 싶은 사람들은 일회성 결제만 필요하고 평생 서비스를 제공하는 Oxygen을 이용할 수 있습니다. 그것은 초보 사용자가 코딩을 전혀 다루지 않고도 아이디어를 현실에 통합할 수 있도록 합니다.

모든 것을 고려할 때 Oxygen은 최고의 WordPress 페이지 빌더 목록에서 견고한 경쟁자이며 시간이 지남에 따라 더 유명해질 것입니다.