Oxygen Builder V 4.0 검토 - 디자인, 기능 및 워크플로

Oxygen Builder 4.0이 출시되었습니다. 이 기사에서는 새 버전과 함께 제공되는 모든 새로운 기능, 변경 사항 및 워크플로를 살펴보겠습니다. Oxygen은 테마 시스템을 완전히 대체하는 잘 알려져 있고 사랑받는 WordPress 페이지 빌더입니다.

지난 몇 년 동안 버전 3에 있었고 CSS 그리드, 완전한 MetaBox 추가, 추가 속도 최적화, 프론트 엔드 및 백엔드 모두와 같은 훌륭한 추가 기능을 보았습니다. 사람들은 비교적 잘 설계된 사용자 인터페이스에 엄청난 힘을 담고 있기 때문에 그것을 좋아합니다. 또한 Core Web Vitals에 적합한 빠른 로딩 웹사이트를 만들기 위해 엄청나게 깨끗한 코드를 넣을 것입니다.

네 번째 Oxygen Builder의 헤드라인 기능은 다음과 같습니다.

완전히 새로운 사용자 인터페이스

Oxygen의 백엔드 빌더를 재설계하거나 스킨을 재설계하는 타사 플러그인 컬렉션이 늘어나고 있습니다. 도구 뒤에 있는 팀은 UI가 약간 구식이라는 힌트를 얻었을 것이므로 이것이 이번 릴리스의 헤드라인 기능입니다.

위의 스크린샷에서 "요소 추가" 패널이 다시 생성되어 화면에 더 많은 요소를 표시하고 중단점이 상단 표시줄의 자체 위치에 추가되었으며 실행 취소와 같은 기타 상단 표시줄 기능을 볼 수 있습니다. 다시 실행, 스타일 시트 토글 등이 이동되었습니다.

수행한 작업은 다음과 같습니다.

• 개선 사항: 더 큰 중단점에서 상속된 값이 이제 속성 창 필드에 표시됩니다(#3665).

• 개선 사항: 이제 모달이 애니메이션과 동일한 AOS 애니메이션을 사용하여 애니메이션됩니다(#3550).

• 개선 사항: 이제 디자인 세트 페이지, 블록 및 개별 섹션에 대한 사용자 정의 스크린샷을 업로드할 수 있습니다(#3574).

• 개선 사항: 이제 속성 창에서 요소 이름을 두 번 클릭하여 이름을 변경할 수 있습니다(#3547).

웹사이트 구조를 탐색하기 쉽게 유지하는 좋은 방법입니다.

• 기능 향상: 속성 창 필드가 클래스 또는 ID를 통해 스타일 지정되는지 여부에 대한 시각적 표시 추가(#3548)

• 기능 향상: 선택기 창에 대한 검색 필드 추가(#4037)

Oxygen에서 관리하는 CSS 클래스가 많은 경우 이를 통해 더 빨리 찾고 웹사이트에서 전체적으로 변경할 수 있습니다.

• 향상된 기능: 복제, 저장, 삭제, 복사, 붙여넣기를 위한 키보드 단축키 추가(#3951)

이것은 이제 빌더 인스턴스 내에서 요소를 복제, 저장, 삭제, 복사 및 붙여넣을 수 있게 해주는 매우 환영할만한 개선 사항입니다. 그들은 오른쪽 클릭 메뉴를 추가하지 않았지만 그것을 위한 단계라고 말했고 메뉴에서 기대할 수 있는 키보드 단축키를 통해 많은 기능을 추가했습니다.

여백 및 패딩 처리 방식과 같이 빌더 전체에서 다양한 사용자 인터페이스 변경 사항을 찾을 수 있습니다. 이제 개발자 도구 경험과 훨씬 비슷합니다.

또한 빌더 내의 실제 색상이 변경되었으며 이제 다양한 회색 음영에 매우 집중되어 있음을 알 수 있습니다.

전반적으로, 우리는 새로운 UI와 추가적인 사용 편의성 향상으로 인해 도구가 버전 3.0인 웹 사이트를 보다 효율적으로 구축할 수 있다는 것을 알게 되었습니다. 이러한 모든 변경 사항은 매우 환영하며 일부 사용자의 경우 Hydrogen Pack을 구매할 필요가 없을 수도 있습니다(현재 키보드 단축키가 있음).

리피터 중복 ID 수정

매우 환영할만한 수정 사항 - 리피터는 더 이상 표시되는 개별 게시물에서 ID를 복제하지 않습니다. 이것은 3.0의 가장 큰 문제 중 하나였으며 SEO 문제를 일으키고 단순히 모범 사례를 따르지 않았습니다.

실제 마크업은 다음과 같습니다. 각 ID 뒤에 숫자가 있는 것을 볼 수 있으므로 특정 셀의 스타일을 지정할 수 있고 SEO에 좋지 않은 반복되는 ID를 제거할 수 있습니다.

PHP8 지원

이것은 Facebook 그룹의 대규모 요청이었고 도구는 이제 PHP 버전 8을 지원합니다. 버전 3.0은 이 새 버전의 PHP에서 작동하지 않거나 로드되지 않습니다. 이제 이것이 가져오는 속도 향상을 활용할 수 있습니다.

PHP 8이 뛰어난 이유는 다음과 같습니다.

빌더 로딩 속도 향상

또한 중복 SVG 로드 제거 및 지원되는 최신 버전(#4031)인 AngularJS 1.8.2로의 업데이트와 같이 빌더 로드 속도에 직접적인 영향을 미치는 몇 가지 개선 사항이 있습니다.

읽기: Oxygen Builder 백엔드 로딩 시간 테스트

데이터를 저장하는 새로운 방법

이전에는 Oxygen 페이지와 템플릿이 백엔드에 짧은 코드로 저장되었습니다. 이것은 보안에는 훌륭했지만 작업을 수행하는 가장 효율적인 방법은 아니었습니다. 버전 4.0에서는 새 페이지가 훨씬 더 빠르고 효율적인 JSON으로 저장됩니다. 3.0으로 구축된 사이트와 하위 호환성이 있으므로 주요 변경 사항에 대해 걱정할 필요가 없습니다.

업그레이드 후 단축 코드를 사임하면 새로운 JSON 형식으로 변환됩니다.

추가 WooCommerce 요소 및 변경 사항

이는 코어 빌더의 새 릴리스와 함께 제공됩니다. 옥시젠 우커머스 2.0. 미니 카트와 교차 판매/상향 판매 구성 요소를 포함하여 두 가지 새로운 요소가 있습니다.

몇 가지 새로운 Woo 특정 조건을 추가하는 것은 훌륭하며 특정 전자 상거래 상황에 따라 사이트를 추가로 사용자 지정할 수 있습니다.

또한 테마에 익숙하다면 이제 사용자 정의 플러그인을 수행하고 Connors가 이러한 템플릿 재정의를 찾을 위치를 다시 지정하는 대신 미리 지정된 폴더에서 WooCommerce 템플릿을 재정의할 수 있습니다.

산소 V4.0 관련 참고 사항

이 블로그 게시물에서 다루고자 하는 몇 가지 사항이 있습니다. 첫 번째는 알파 및 베타 릴리스가 모두 고장날 수 있으므로 프로덕션 웹사이트에서 절대 사용해서는 안 된다는 것입니다. RC(또는 릴리스 후보) 또는 실제 버전 4.0이 나올 때까지 기다려야 합니다. Facebook에서 버전 4.0으로 업데이트한 후 웹사이트가 깨졌다는 수많은 게시물을 볼 수 있으며 이는 알파 또는 베타를 사용하는 경우 예상되는 일입니다.

UI가 변경되고 CSS가 변경되었기 때문에 브라우저 캐시를 지우고 CSS를 재생성하지 않으면 모든 것이 깨져 보일 것입니다. 그러니 확실히 하십시오!

마지막 주의 사항은 이 새 버전으로 인해 타사 플러그인이 중단될 수 있다는 것입니다. 구성 요소 및 CSS 스타일을 추가하는 측면에서 작업을 약간 다르게 수행하지만 대부분의 주요 산소 빌더 타사 개발자는 RC가 나올 때까지 플러그인이 호환될 것으로 예상합니다.

추가 읽기:

• Oxygen Builder에 대한 자세한 검토(Agency Perspective)
• Oxygen Builder 사이트를 마이그레이션하는 방법
• Divi Builder VS Oxygen Builder - 2021년 승자는?

결론

Oxygen Builder의 네 번째 버전은 요소 복사 및 붙여넣기를 위한 키보드 단축키, 더 쉽고 새로운 디자인, PHP8 지원 및 WooCommerce 개선 사항과 같은 인터페이스 개선 사항과 함께 매우 필요한 사용자 경험을 제공합니다. 이 릴리스는 오른쪽 클릭 메뉴 및 추가 백엔드 속도 향상과 같은 추가 기본 도구를 위한 단계를 설정해야 합니다.