Beaver Builder 1.7 – 이제 부분 새로 고침, 페이지별 코드 설정 및… 첫 번째 단축 코드가 포함되었습니다!?!
게시 됨: 2015-12-22Beaver Builder 제품 25% 할인! 서둘러 판매가 종료됩니다... 더 많은 것을 기대해 보세요!
Beaver Builder의 최신 버전이 이제 베타 버전으로 출시되어 테스트할 준비가 되었습니다! 아직 베타 버전을 다운로드하지 않았다면 계정 영역으로 이동하여 베타 버전을 다운로드하여 확인해 보세요.
이 업데이트는 부분 새로 고침을 통한 성능 향상을 포함하여 여러 가지 사항에 중점을 둡니다. 이번 업데이트의 다른 기능(또는 이전에 출시한 기능)만큼 매력적이지는 않을 수 있지만 구현하는 데 상당한 시간이 걸리고 편집 환경이 훨씬 부드러워질 것입니다 .
그 외에도 새로운 레이아웃 설정, 새 모듈을 추가하고, 모듈을 업데이트하고, 편리한 새 도우미 메서드를 추가했으며, Beaver Builder의 첫 번째 단축 코드도 추가했습니다!
부분 새로 고침이란 정확히 무엇입니까?
1.7 이전에는 Beaver Builder 레이아웃 내의 항목을 변경할 때마다 레이아웃의 모든 CSS, JS 및 HTML이 다시 렌더링되었습니다. 사소한 텍스트 변경이라도 전체 레이아웃을 새로 고쳐야 합니다. 눈에 띄지 않는 경우도 있었지만 비디오나 슬라이더와 같은 동적 콘텐츠의 경우 직접 편집되지 않은 경우에도 계속해서 다시 로드되는 것을 볼 수 있었습니다.
이는 그다지 효율적이지 않거나 사용자 친화적이지 않으며 우리가 바꾸고 싶었던 부분입니다. 부분 새로 고침을 만나보세요!
부분 새로 고침을 사용하면 저장 버튼을 클릭할 때(또는 미리 보기 새로 고침이 트리거될 때) 현재 편집 중인 행, 열 또는 모듈만 업데이트됩니다. 그것은 간단합니다! 이 접근 방식은 서버에서 CSS, JS 및 HTML 자산의 렌더링 속도를 높이고 다시 로드할 필요가 없는 항목이 다시 로드되는 것을 방지합니다.
그러나 여전히 전체 새로 고침이 필요한 경우가 있지만 이러한 상황을 최대한 제한하려고 노력했습니다. 가장 주목할만한 상황은 부분 새로 고침을 지원하지 않는 사용자 정의 모듈이나 이를 포함하는 행/열을 편집하는 경우입니다.
기본적으로 부분 새로 고침은 사용자 정의 모듈에 대해 비활성화되어 있으며 작동하려면 활성화해야 합니다. 활성화하는 것은 쉽지만, 모듈에 대해 부분 새로 고침을 구현하기 전에 부분 새로 고침 구현에 대한 사용자 정의 모듈 문서를 확인하십시오. JavaScript와 관련하여 작업을 완료하기 전에 고려해야 할 몇 가지 문제가 있습니다.
프런트엔드에서 볼 수 있는 부분 새로 고침 마법 외에도 빌더의 편집 환경을 개선하기 위해 백엔드에도 여러 가지 향상된 기능을 구현했습니다.
1.7로 업데이트하고 도구 버튼을 클릭하면 전역 설정 버튼 바로 위에 레이아웃 설정에 대한 새로운 옵션이 표시됩니다. 이러한 설정은 편집 중인 레이아웃에 적용되며 현재 CSS 및 JS에 대한 설정을 포함합니다.
예, 맞습니다. 이제 페이지별로 CSS와 JS를 저장할 수 있습니다! 우웩!
페이지별로 CSS 및 JS를 저장할 수 있는 가장 큰 이점 중 하나는 템플릿과 함께 CSS 및 JS를 내보낼 수 있다는 것입니다. 이는 쉽게 재사용하고 공유할 수 있는 고도의 맞춤형 템플릿을 생성할 수 있는 매우 강력한 기능입니다.
JS 설정은 실시간 미리보기를 제공하지 않지만(약간 지저분할 수 있음) CSS 설정은 제공합니다. CSS를 변경하고 업데이트 중인 레이아웃에 반영되는 모습을 실시간으로 확인하세요. 또한 빌더의 모든 코드 편집기(레이아웃 설정의 편집기뿐만 아니라)에 대해 코드 완성을 켰습니다.
새로운 레이아웃 설정 패널에 CSS 및 JS 설정을 추가했을 때 전역 수준에서도 이러한 종류의 편집을 수행할 수 있도록 허용하는 것이 합리적이었습니다. 우리 테마를 사용하는 사람들에게는 이것이 필요하지 않을 수도 있지만, 그렇지 않은 사람들에게는 이제 모든 Beaver Builder 레이아웃에 적용될 전역 설정 패널을 사용하여 CSS 및 JS를 추가할 수 있습니다.
테마 파일 내에서 Beaver Builder 레이아웃을 렌더링하는 것은 올해 인기를 얻은 고급 기술입니다. 이를 수행하는 데에는 여러 가지 이유가 있지만 가장 일반적인 것은 전체 사이트에 걸쳐 편집 가능한 머리글/바닥글을 전역적으로 삽입하는 것입니다.
지금까지 이를 성공적으로 수행하는 유일한 방법은 fl_builder_global_posts 필터와 사용자 정의 쿼리를 사용하거나 페이지 삽입 플러그인을 사용하는 것이었지만 더 이상 그렇지 않습니다.
새로운 FLBuilder::render_query 메서드는 테마 파일 내의 Beaver Builder 레이아웃 렌더링의 복잡성을 없애는 매우 강력한 메서드입니다. WP_Query 클래스에 익숙한 사람들은 편안함을 느낄 것입니다. 단일 인수(WP_Query에 전달하는 것과 동일한 인수)를 사용하고 발견된 모든 게시물을 렌더링합니다. 자세한 내용은 문서를 확인하세요.
새로운 FLBuilder::render_query 메소드를 기반으로 구축된 Beaver Builder의 첫 번째 단축 코드입니다! 우리는 레이아웃 단축 코드가 좋지 않을 수 있다는 것을 알고 있지만, 이 경우 매우 유용할 것이라고 생각합니다.
새로운 fl_builder_insert_layout 단축 코드를 사용하면 Beaver Builder 레이아웃을 원하는 수의 게시물, 페이지 및 모든 유형의 사용자 정의 게시물에 삽입할 수 있습니다!
왜 그렇게 하고 싶나요?
Beaver Builder로 구축한 페이지에 표시되는 뉴스레터에 대한 멋진 글로벌 행을 구축했다고 가정해 보겠습니다. 보기에도 좋고 작동도 너무 좋아서 블로그 게시물에 사용하고 싶을 정도입니다. 전역 행의 ID와 함께 fl_builder_insert_layout 단축 코드를 입력하면 됩니다! 문제가 해결되었습니다!
이 새로운 단축 코드를 사용하여 수행할 수 있는 모든 작업에 대한 자세한 내용은 문서를 확인하세요.
아직 Eugene을 만나지 않으셨다면 Robby가 그를 소개하는 포스트를 꼭 방문해 보세요(약 절반쯤 내려왔습니다). 오디오 모듈은 Beaver Builder에서 Eugene의 첫 번째 프로젝트였으며(그는 이후 최근 Subscribe Form 모듈 통합 및 비디오 모듈에 대한 WebM 지원과 같은 마이너 릴리스의 일부였습니다), 저는 그가 훌륭한 일을 했다고 생각합니다!
오디오 모듈은 본질적으로 WordPress의 핵심 오디오 및 재생 목록 단축 코드에 대한 래퍼입니다. 다양한 사용자 정의 설정을 사용하여 단일 오디오 파일용 플레이어 또는 여러 오디오 파일용 플레이어(재생 목록)를 삽입할 수 있습니다.
이 업데이트에는 맞춤형 모듈 개발자를 위한 새로운 오디오 필드도 포함되어 있습니다. 작동 방식에 대한 자세한 내용은 사용자 정의 모듈 문서를 확인하세요.
카운트다운 모듈은 이 시점에서 여러분 모두가 익숙해져야 할 Beaver Builder 개발자의 작업에 의한 새로운 모듈입니다. 1.6.4 업데이트의 록스타, Favolla의 Diego de Oliveira!
카운트다운 모듈을 사용하면 지정한 날짜와 시간부터 0까지 카운트다운하는 카운트다운 타이머를 레이아웃에 삽입할 수 있습니다. 사용해야 하는 시간대 선택을 포함하여 정확한 날짜와 시간을 지정할 수 있으며 카운트다운 타이머의 모양을 사용자 정의하기 위한 다양한 스타일 설정이 있습니다.
새로운 오디오 필드 외에도 이 업데이트는 사용자가 특정 시간(현재 12시간 형식)을 선택할 수 있는 사용자 정의 모듈 개발자를 위한 새로운 시간 필드도 제공합니다. 작동 방식에 대한 자세한 내용은 사용자 정의 모듈 문서를 확인하세요.
내년에는 더 적은 수의 새 모듈을 출시하고(테이블 모듈만 계획) 대신 기존 모듈 라인업을 개선하기 위한 작업을 시작하게 될 것입니다. 우리는 문의 양식 및 비디오 모듈에 대한 업데이트로 이미 해당 프로세스를 시작했으며 현재 사용후기 모듈에 대한 몇 가지 정말 멋진 업데이트를 작업 중입니다.
모듈 업데이트에 관해서는 이번 릴리스에서 우리는 가격표 모듈에 중점을 두었으며, 여러분이 이 내용을 좋아하실 것이라고 생각합니다!
가격표 모듈에 새로 추가된 기능에는 강조 표시(제목, 가격 또는 없음)에 대한 전반적인 스타일 설정, 테두리 스타일 및 각 가격 상자의 개별 버튼이 포함됩니다. 작은 변화처럼 보일 수도 있지만, 위의 스크린샷을 보면 이전 설정에서는 불가능했던 다양한 모양이 지금은 가능하다는 것을 이미 알 수 있습니다.
직접 확인해 보시고 변경 사항에 대한 여러분의 생각을 알려주세요!
눈치 채지 못했다면 빌더 인터페이스의 고급 모듈 섹션이 약간 꽉 차고 있습니다(이 업데이트에는 두 개의 새로운 모듈이 추가되었습니다). 어떤 시점에서는 우리가 생각의 틀을 깨고 모든 모듈을 서로 다른 섹션으로 그룹화하는 것을 살펴볼 수도 있습니다 . 그러나 이는 정말 큰 변화이며 사용자가 지금 당장 겪어야 한다고 생각하지 않는 변화입니다(아마도 결코 알지 못할 수도 있습니다).
상황을 좀 더 정리하기 위해 기존 모듈 두 개를 기본 모듈 섹션으로 다시 분류하기로 결정했습니다. 그것은 버튼 모듈과 HTML 모듈입니다.
우리는 이것이 작은 변화일지라도 한동안 Beaver Builder를 사용해 온 사람들에게는 여러 면에서 큰 변화라는 것을 알고 있습니다. 꼭 확인해 보시고 이 결정에 대해 어떻게 생각하시는지 알려주세요.
Facebook 사용자 그룹의 내 게시물을 통해 많은 분들이 알고 계시겠지만, 우리는 테마에 대한 몇 가지 업데이트 작업을 시작하고 있습니다. 꽤 오랜 시간이 흘렀지만, 2016년에는 이를 바꿀 예정입니다.
테마 업데이트(버전 1.4)는 이미 2015년 12월 9일에 출시되었지만 이에 대해 블로그에 게시하지 않았기 때문에 여기서 몇 가지 주요 내용을 다루기로 했습니다.
자체 사용자 정의 테마 설정 페이지에서 Customizer로 전환했을 때 포기해야 했던 것 중 하나는 거기에 있던 멋진 코드 편집기였습니다. (아직) 전체 화면으로 전환되지는 않지만 Customizer에서 수행했던 이전 코드 편집 환경보다 훨씬 낫습니다. CSS 필드는 이제 레이아웃을 새로 고치지 않고도 실시간 미리보기를 수행합니다!
2016년에는 여러 가지 새로운 설정을 추가할 예정입니다. 이를 시작하기 위해 1.4 업데이트에 많은 요청을 받은 두 가지 설정을 추가했습니다. 본문 글꼴 두께에 대한 설정과 헤더의 배경 불투명도에 대한 설정입니다.
또한 1.4 업데이트에는 하위 테마 내에서 Beaver Builder 테마를 사용자 정의하기 위한 여러 가지 새로운 작업이 추가되었습니다. 다음은 새로운 작업의 전체 목록입니다. 작동 방식에 대한 자세한 내용은 지식 기반을 확인하세요.
Beaver Builder 테마의 대부분은 하위 테마 내에서 재정의될 수 있지만 1.4까지는 여전히 재정의할 수 없는 매우 중요한 부분이 있었습니다. 이제 해당 PHP 파일을 복사하여 하위 테마에서 다음 섹션을 쉽게 재정의할 수 있습니다.
이 업데이트(및 테마 업데이트)의 버전 번호는 두 개의 숫자만 사용한다는 점을 눈치채셨을 것입니다. 그 이유는 주요 업데이트에 3개의 숫자를 사용하고 사소한 업데이트에 4개의 숫자를 사용한 후 향후 모든 업데이트에 의미 체계 버전 관리를 채택하기로 결정했기 때문입니다(WordPress가 그렇게 하기 때문입니다).
그게 무슨 뜻이에요?
간단히 말해서, 앞으로 주요 업데이트는 두 개의 버전 번호(예: 1.7)를 사용하고, 마이너 업데이트는 세 개의 버전 번호(예: 1.7.1)를 사용한다는 의미입니다.
그 외에도 이번 릴리스에서는 베타 버전도 관리할 예정이므로 테스트할 때 현재 사용 중인 베타 버전을 더 쉽게 알 수 있습니다. 이 베타를 다운로드하면 버전이 1.7-beta.1인 것을 볼 수 있습니다. 업데이트하면 버전 번호가 1.7-beta.2로 변경되고 공식 1.7 버전이 출시될 때까지 계속해서 증가합니다.
모든 베타 릴리스와 마찬가지로 중요한 내용이 나오지 않는 한 향후 2주 동안 베타 버전을 출시할 계획입니다. 우리의 목표는 가능한 한 빨리 이 문제를 해결하는 것이지만 여러분의 도움이 필요합니다! 더 많은 베타 테스터가 있다는 것은 우리가 버그를 더 빨리 찾고 수정할 수 있다는 것을 의미합니다. 아직 다운로드하지 않으셨다면 계정 영역에서 새 베타 버전을 다운로드하여 테스트해 보시기 바랍니다! 문제가 발생하면 포럼을 통해 알려주시기 바랍니다.
이번 업데이트에서 가장 마음에 드는 부분은 무엇인가요? 아래 댓글을 통해 알려주세요! 언제나 그렇듯이 피드백이 있거나 문제가 발생하면 주저하지 말고 알려주시기 바랍니다.
단축 코드 – 우후!! 방금 블로그용 콘텐츠 업그레이드 사용에 대한 블로그 게시물을 마쳤지만 Beaver Builder는 약간 까다롭고 게시물에 페이지 빌더를 사용해야 하기 때문에 포함하지 않았습니다. 이제 새로운 단축 코드 모듈을 포함하도록 업데이트하겠습니다!
고마워요!
이번 업데이트는 정말 대단해요! 부분 새로 고침! 예!
작지만 멋진 "무작위화" 기능이 당신이 언급한 평가 모듈의 개선 사항 중 하나가 되기를 진심으로 바랍니다. 그러면 내 세상이 흔들릴 것입니다.
Beaver Builder에 대한 귀하의 열렬한 헌신에 감사드립니다. 그것은 계속해서 최고를 통치하고 있으며 그 지배력은 계속해서 증가하고 있습니다.
다시 한 번 큰 발전이 이루어졌습니다!!
BB와 함께 작동하는 좋은 양식 플러그인은 무엇입니까?
예, 부분 새로 고침 기능으로 제가 겪었던 정말 짜증나는 문제가 해결되었습니다. HTML 모듈에 붙여넣은 양식에 대한 코드를 삽입했는데 해당 편집기나 그 주변의 편집기를 취소할 때마다 양식 사본이 그 아래에 나타나고 페이지를 다시 로드해야 했습니다. 그것을 고치십시오. 빌더 모드에서만 발생했기 때문에 큰 문제는 아니었지만, 더 이상 그런 일이 발생하지 않아서 다행입니다. 감사해요!
부분 새로고침에 관해 질문이 있습니다. 전체 페이지 새로 고침을 사용하여 현재 플러그인에서 페이지를 편집하는 동안 서버 항목 프로세스 연결이 많이 발생할 수 있습니까? 현재 508 리소스 제한 오류가 발생하는 두 개의 사이트를 조사하고 있기 때문에 묻습니다. 이는 항상 입력 프로세스의 한도가 초과되었기 때문입니다. 물론 다른 방법으로 이런 일이 발생할 수도 있지만 지금은 문제가 간헐적으로 발생하기 때문에 원인을 찾기 위해 애쓰고 있습니다. 이에 대한 귀하의 견해와 의견을 듣고 싶습니다.