우리는 워크 플로우를 단순화하고 WordPress 디자인 경험을 향상시키기 위해 설계된 흥미로운 업데이트로 포장 된 Beaver Builder 2.9를 소개하게되어 기쁩니다 .

Beaver Builder 2.9는 성능을 간소화하고 설계 유연성 향상에 중점을 둡니다. 주요 업데이트에는 기본 모듈에서 래퍼 디스를 제거하여 불필요한 마크 업 감소, "박스"와 같은 컨테이너 모듈이 최상위 레이아웃 요소 역할을 할 수 있으며 고급 스타일을위한 강력한 멀티 레이어 백그라운드 필드를 도입하는 것이 포함됩니다. 추가 개선 사항은 컬러 피커를 향상시키고, 접근성을 높이고, 성능을 최적화 하여이 릴리스가 디자이너와 개발자 모두를위한 게임 체인저가됩니다.

이 릴리스의 눈에 띄는 기능과 웹 사이트 구축 프로세스를 어떻게 변화시킬 수 있는지 자세히 살펴 보겠습니다.

Beaver Builder에 대한 소개 2.9

Beaver Builder 2.8에서는 혁신적인 박스 모듈 내에 Flexbox, CSS 그리드 및 레이어와 같은 강력한 도구를 도입했습니다. 이 업데이트는 또한 글로벌 스타일의 사용을 가능하게했으며, 단축 코드없이 노스 커머스 콘텐츠의 포함을 단순화하고, 더 부드러운 편집 경험을 위해 팝업 메이커와의 호환성을 향상시켰다.

Beaver Builder 2.9로 업데이트하면 클리너 마크 업, 다층 배경 필드와 같은 고급 설계 도구 및 성능 향상에 액세스 할 수 있습니다.

Beaver Builder의 새로운 기능 2.9

Beaver Builder 2.9는 워크 플로를 간소화하고 창의적인 가능성을 확장하도록 설계된 다음의 새로운 기능을 소개합니다. 이러한 개선 사항은 성능을 향상시킬뿐만 아니라 유연성과 제어력이 향상되는 디자이너와 개발자에게 힘을 실어줍니다.

1. 다층 배경 필드

Beaver Builder 2.9와 함께 디자이너는 이제 재미있는 새로운 기능을 가지고 있습니다 : 다층 배경 필드. 행, 열 및 박스 모듈에 사용할 수있는이 도구를 사용하면 색상, 그라디언트 및 이미지와 같은 다양한 배경을 한 곳에 쌓을 수 있습니다. 이것은 시선을 사로 잡는 디자인을 만들 수있는 많은 가능성을 열고 레이아웃에 추가 감각을 더합니다.

이제 다양한 배경 유형을 쉽게 결합하여 독특하고 역동적 인 효과를 만들 수 있습니다. 미묘한 계층 모양이든 대담한 디자인을 원하든,이 기능은 이전에 달성하기 어려운 방식으로 배경을 사용자 정의 할 수있는 유연성을 제공합니다.

그리고 도중에 더 많은 것이 있습니다! 향후 업데이트에서는 재사용을 위해이 계층화 된 배경 S를 저장하여 설계 프로세스를 더 매끄럽고 빠르게 만들 수 있습니다. 몇 번의 클릭만으로 다양한 페이지와 프로젝트에서 일관된 배경 스타일을 적용 할 수 있습니다.

2. 새로운 색상 및 그라디언트 피커

Beaver Builder 2.9는 색상 및 그라디언트 피커로 큰 업그레이드를 제공하여 그 어느 때보 다 강력합니다. 새로운 컬러 피커는 이제 모든 CSS 색상 표현을 지원하므로 필요한 정확한 그늘을 선택할 수있는 유연성을 제공합니다. Hex, RGB, HSL 또는 기타 색상 형식으로 작업하든 이제 디자인 전체에서 쉽게 적용 할 수 있습니다.

새로운 그라디언트 피커도 똑같이 인상적입니다. 무제한 색상 정지로 그라디언트를 만들 수 있으므로 전체 제어로 매끄럽고 복잡한 블렌드를 만들 수 있습니다. 또한 더 많은 블렌딩 옵션을 제공하여 사이트의 배경 및 요소에 대해 원하는 모양을 실험하고 정확하게 달성 할 수 있습니다.

3. 블록 편집기의 블록으로 모듈

버전 2.9를 사용하면 WordPress 블록 편집기에서 Beaver Builder 모듈을 더 쉽게 사용할 수 있습니다. 이제 다양한 모듈을 블록으로 사용하여 블록 편집기 경험에 완벽하게 통합 할 수 있습니다. 이 기능은 선택 사항이므로 WordPress Admin의 Beaver Builder 설정을 통해 활성화 할 수 있습니다.

시작하려면 설정> 비버 빌더 로 이동하여 블록 탭을 선택하여 기능을 활성화하십시오. 일단 활성화되면 블록 편집기에서 다양한 비버 빌더 모듈을 직접 사용할 수 있습니다.

지원되는 모듈의 현재 목록에는 다음이 포함됩니다.

• 아코디언
• 상자
• 카운트 다운
• 상
• 아이콘 그룹
• 지도
• 번호 카운터
• 게시물
• 회전 목마를 게시합니다
• 게시물 슬라이더
• 가격 책정 테이블
• 탭

이 목록은 향후 업데이트에서 계속 성장하여 블록 편집기에서 작업하고 디자인 가능성을 확장 할 수있는 더 많은 옵션을 제공 할 것입니다.

Beaver Builder 2.9의 개선 및 향상

워크 플로우를 간소화하는 데 중점을 둔이 업데이트에는 레이아웃 생성을 단순화하고 접근성을 향상 시키며보다 유연한 설계 옵션을 제공하는 기능이 포함되어 있습니다. 이러한 개선 사항은 사용자에게 효율성과 사용자 경험을 향상시키면서 사이트를 더 잘 제어 할 수 있도록하는 것을 목표로합니다.

이제이 릴리스에서 눈에 띄는 업데이트 중 일부를 살펴 보겠습니다.

1. 포장지가없는 모듈

Beaver Builder의 마크 업 출력을 줄이기위한 지속적인 노력의 일환으로 모든 기본 모듈은 래퍼 디스를 배제하기 위해 재 작업되었습니다. 불필요한 래퍼 디바리를 제거 함으로써이 업데이트는 더 깨끗하고 효율적인 HTML 출력을 제공하여 페이지 성능과 사용자 경험을 모두 향상시킵니다.

이 변경은 특히 혼란스러워하는 코드가 적고 외부 시스템과의 통합을 단순화하는 개발자에게 특히 도움이됩니다. 클리너 마크 업은 또한 더 빠른로드 시간에 기여하여 사이트의 SEO 순위와 전반적인 사용자 만족도를 향상시킬 수 있습니다.

기존 모듈의 경우 Beaver Builder는 래퍼 디바리를 계속 렌더링하여 후진 호환성을 보장합니다. 이 접근 방식을 통해 사용자는 현재 레이아웃을 깨지 않고 업데이트 된 기능을 최대한 활용할 수 있습니다.

이 업데이트는 기본적으로 활성화됩니다. 그러나 이전 구조를 유지하려면 고급 옵션 에서이 설정을 전환 할 수 있습니다. WordPress 대시 보드에서 설정> 비버 빌더 로 이동하여 고급 탭을 선택하여 기능을 비활성화하십시오.

2. 최상위 요소로서 컨테이너 모듈

Beaver Builder 2.9에서는 상자 모듈과 같은 컨테이너 모듈을 행이나 열에 넣지 않고도 최상위 요소로 사용할 수 있습니다. 이 변경 사항은 레이아웃을 설계 할 때 더 많은 유연성을 제공합니다.

이 업데이트를 사용하면 필요한 여분의 행과 열을 잘라서 레이아웃을보다 쉽게 ​​만들 수 있습니다. 또한 디자인을보다 잘 제어 할 수 있으므로 원하는 위치에 정확히 요소를 배치하고 구성하는 것이 더 간단합니다.

3. 개요 패널 개선

Beaver Builder 2.9는 페이지 탐색을 훨씬 쉽게 할 수있는 개요 패널에 편리한 업데이트를 소개합니다. 이제 검색 및 필터 옵션을 사용하여 원하는 요소를 신속하게 찾을 수 있습니다. 이는 대규모 프로젝트 작업을 수행 할 때 실시간 절약입니다.

또한 이제 개요 패널 내에서 인라인 노드 레이블을 추가하고 편집 할 수 있습니다. 즉, 갈 때 요소에 레이블을 붙일 수 있으므로 스크린 사이를 점프하지 않고도 정리하고 모든 것을 추적 할 수 있습니다. 작은 변화이지만 분명히 레이아웃을 더 부드럽고 효율적으로 관리합니다.

4. Google Fonts 목록

Google Fonts 목록은 훌륭한 업데이트를 얻습니다. 이전에는 새 릴리스가 나왔을 때만 목록이 업데이트되지만 이제는 WordPress가 플러그인 업데이트를 확인할 때마다 자동으로 업데이트됩니다. 즉, 다음 비버 빌더 릴리스를 기다릴 필요없이 항상 최신 글꼴에 액세스 할 수 있습니다.

이 변경을 통해 글꼴 옵션이 항상 최신임을 알기 쉽고 디자인을 신선하게 유지하고 최신 트렌드와 정렬 할 수 있습니다. 사이트 타이포그래피를 사용자 정의하는 것을 좋아하는 사람들에게 큰 차이를 만드는 작은 개선입니다.

성능 최적화

Beaver Builder 2.9를 사용하면 몇 가지 중요한 성능 향상이 나타납니다. 이 팀은 테마 및 디버그 모드와 관련된 쿼리를 최적화했으며, 이는 특히 복잡한 사이트에서 더 빠른 백엔드 작업을 의미합니다. 이러한 변경 사항은 빌더가 WordPress 사이트와 상호 작용하는 방식을 간소화하여 불필요한 지연을 줄이고 전반적인 효율성을 향상 시키도록 설계되었습니다.

더 큰 사이트 또는 더 복잡한 디자인으로 작업하는 경우이 업데이트는 눈에 띄는 차이를 만들어로드 시간을 줄이고 전체 사용자 경험을 향상시킵니다. 성능 향상에 중점을두면 사이트가 성장하거나 복잡해 지더라도 Beaver Builder는 빠르고 반응이 빠릅니다.

Beaver Temer 1.5 업데이트 : 루프 모듈

우리는 동적 컨텐츠 설계를 다음 단계로 끌어 올리는 Beaver Temer에 새로운 추가 기능인 루프 모듈을 소개하게되어 기쁩니다. 시도해 보려면 루프 모듈이 기능을 기반으로 구축되므로 Beaver Temer 1.5와 함께 Beaver Temer 1.5를 설치하십시오.

그렇다면 루프 모듈을 특별하게 만드는 이유는 무엇입니까? 하위 모듈의 정적 컨테이너 역할을하는 Box 모듈과 달리 루프 모듈은 설정에 정의 된 쿼리의 각 항목에 대한 자식 모듈을 동적으로 반복합니다. 이를 통해 귀하의 요구에 맞게 완전히 맞춤형 루프 레이아웃을 구축 할 수 있습니다.

이 모듈은 현재 ACF 리피터 및 분류 기반 루프 (범주 및 태그 등)를 포함한 새로운 쿼리 옵션과 함께 게시 모듈과 동일한 쿼리 유형을 지원합니다. 또한 Beaver Temer의 필드 연결을 사용하면 루프 레이아웃에 대한 더 많은 데이터 소스를 가져올 수 있습니다.

이 기능은 코드를 터치하지 않고 고도로 사용자 정의 된 포스트 그리드, 아카이브 레이아웃 또는 동적 목록을 작성하려는 사용자에게 적합합니다. 루프 모듈은 Beaver Builder의 컨테이너 기반 설계의 다음 진화로 콘텐츠가 표시되는 방식에 대한 유연성과 제어력을 제공합니다. 게시물 유형에 대한 고유 한 루프 레이아웃을 제작하는 데 관심이 있다면 시도해보고 귀하의 생각을 알려주십시오.

여전히 앞으로도 무엇입니까?

미래의 비버 빌더 업데이트를위한 수평선에는 흥미로운 기능이 있습니다. 가장 기대되는 추가 사항 중 하나는 배경 레이어를 저장하고 재사용하는 기능입니다. 새로운 멀티 레이어 배경 기능은 이미 게임 체인저이지만,이 다가오는 업데이트는 향후 사용을 위해 좋아하는 조합을 저장하여 반복 된 디자인에 대한 시간을 절약함으로써 디자이너에게 훨씬 더 유연하게 만들 것입니다.

또한, 개선 된 컬러 피커의 전체 통합이 작동 중입니다. 지금은 대부분의 컬러 필드에서 사용할 수 있지만 아직 어디에도 제공되지는 않습니다. 향후 업데이트는 모든 컬러 필드에 대한 완전한 지원을 제공하여 전반적으로 더 매끄럽고 일관된 설계 경험을 제공합니다. 이러한 개선으로 Beaver Builder 사용자는보다 간소화 된 워크 플로를 기대할 수있어 독특하고 세련된 디자인을 쉽게 만들 수 있습니다.

Beaver Builder로 업그레이드 2.9

Beaver Builder 2.9는 WordPress Page Builders의 게임 체인저입니다. 클리너 마크 업, 고급 배경 스타일, 개선 된 컬러 도구 및 더 나은 접근성을 통해이 업데이트를 통해 더 빠르고 시각적으로 매력적인 웹 사이트를 만들 수 있습니다.

전체 릴리스 노트 및 자세한 내용은 Beaver Builder 문서를 확인하거나 ChangElog를 탐색하십시오.