이제 Beaver Builder 테마를 더욱 맞춤화할 수 있습니다!
게시 됨: 2015-06-24Beaver Builder 제품 25% 할인! 서둘러 판매가 종료됩니다... 더 많은 것을 기대해 보세요!
- 비버 빌더
이제 Beaver Builder 테마를 더욱 맞춤화할 수 있습니다!
- 2015년 6월 23일 Beaver Builder 테마의 다음 버전이 이제 베타 버전으로 출시되어 직접 사용해 볼 준비가 되었습니다! 이번 릴리스에는 Beaver Builder 테마를 이전보다 훨씬 더 사용자 정의할 수 있게 만드는 25개의 새로운 사용자 정의 설정, 14개의 새로운 작업 및 2개의 새로운 필터가 포함되어 있습니다. Pro 및 Agency 회원은 오늘 자신의 계정으로 가서 사본을 다운로드하여 테스트할 수 있습니다.
업데이트 개요
Beaver Builder 테마를 처음 만들었을 때 우리의 목표는 디자인 설정을 최대한 제한하면서도 사용자 정의 가능성을 높게 유지하는 것이었습니다. 즉, 귀하가 선택한 배경색에 따라 탐색 모음의 텍스트 색상 등을 파악해야 했습니다. 일부 사람들에게는 괜찮았지만 작년에 우리가 받은 피드백은 사용자들이 Customizer를 통해 자신의 디자인을 더 잘 제어할 수 있기를 원한다는 것이었습니다.
이번 업데이트는 더 많은 디자인 설정을 공개하려는 첫 번째 시도이지만, 여전히 가능한 한 단순하게 유지하기 위해 최선을 다하고 있습니다. 자동으로 생성된 값 대신 사용자 정의 값을 허용하도록 이 업데이트에 대한 일부 Customizer 논리를 다시 설계해야 했습니다. 이제 더 많은 설정을 추가할 수 있는 기능이 있으므로 원하는 설정이 여기에 표시되지 않는 경우 알려주시면 향후 업데이트에서 조사해 보겠습니다.
주의할 사항
일부 Customizer 로직을 다시 설계해야 했기 때문에 기존 사용자가 알아야 할 몇 가지 사항이 있습니다.
더 이상 색상을 생성하지 않지만 사전 설정을 선택하면 새 값이 계속 설정됩니다.
이제 새로운 Nav Link Color 설정과 같은 기능이 있으므로 더 이상 해당 설정을 생성하지 않습니다. 사전 설정을 선택하면 적절한 값이 채워지지만 배경색을 변경하면 이제 탐색 링크에 적합한 색상을 선택해야 할 수도 있습니다. 이는 상단 표시줄, 머리글 및 바닥글과 같은 다른 섹션에도 적용됩니다.
이제 드롭다운 메뉴가 탐색의 텍스트와 배경색을 사용합니다.
이번 업데이트 이전에는 탐색의 드롭다운 메뉴가 기본 콘텐츠 영역의 텍스트 및 배경색을 사용했습니다. 일을 단순하게 유지하려고(그리고 드롭다운 메뉴에 대한 스타일 옵션 제외) 우리는 그다지 말이 되지 않는 결정을 내렸을 수도 있습니다.
이제 모든 탐색 색상을 명시적으로 제어할 수 있으므로 대신 드롭다운 메뉴에서 해당 색상을 선택하는 것이 합리적입니다. 테스트 결과 대부분의 경우 문제가 없으며 문제가 발생하지 않는 것으로 나타났습니다. 하지만 그렇다면 포럼에 알려주시면 어떻게 할 수 있는지 알아보겠습니다.
머리글/바닥글 텍스트 색상을 조정해야 할 수도 있습니다.
위에서 언급했듯이 우리는 더 이상 텍스트 색상을 자동으로 생성하지 않습니다. 업데이트하면 기존 설정을 확인하고 새 설정을 채워주는 로직이 실행됩니다. 단점은 색상을 생성할 때 이전 로직에서는 불투명도를 사용했지만 새로운 로직에서는 정확한 색상을 사용자에게 맡기기 때문에 그렇게 하지 않는다는 것입니다. 따라서 다음에 Customizer에 들어갈 때 탐색 텍스트가 약간 더 어둡거나 더 밝아지는 것을 확인할 수 있습니다.
업데이트해도 아무 것도 변경되지 않습니다.
테마를 이 버전으로 업데이트하면 사이트에 즉시 적용되는 변경 사항에 대해 걱정할 필요가 없습니다. 다음에 Customizer에 들어갈 때 발생할 수 있는 사소한 변경 사항만 확인할 수 있습니다.
새로운 설정
다음은 Beaver Builder 테마용 Customizer에 추가한 25개의 새로운 설정 목록입니다. 요약하자면, 각 페이지 섹션의 텍스트, 링크 및 마우스 오버 색상을 변경하는 기능을 추가하고, 각 페이지 섹션에 배경 이미지 설정을 추가했으며, 메뉴 버튼 대신 모바일 탐색 토글에 햄버거 아이콘을 선택하기 위한 설정을 추가했습니다. .
- 액센트 호버 색상
- 상단 표시줄 배경 이미지
- 상단 표시줄 텍스트 색상
- 상단 표시줄 링크 색상
- 상단 표시줄 호버 색상
- 헤더 배경 이미지
- 헤더 텍스트 색상
- 헤더 링크 색상
- 헤더 호버 색상
- 탐색 항목 간격
- 모바일 탐색 토글
- 탐색 배경 이미지
- 탐색 링크 색상
- 탐색 호버 색상
- 콘텐츠 배경 이미지
- 바닥글 위젯 배경 그라데이션
- 바닥글 위젯 배경 이미지
- 바닥글 위젯 텍스트 색상
- 바닥글 위젯 링크 색상
- 바닥글 위젯 호버 색상
- 바닥글 배경 그라데이션
- 바닥글 배경 이미지
- 바닥글 텍스트 색상
- 바닥글 링크 색상
- 바닥글 호버 색상
새로운 액션
새로운 설정 외에도 이전에 하위 테마에서 재정의해야 했던 Beaver Builder 테마의 여러 부분에 사용자 정의 코드를 삽입할 수 있는 14개의 새로운 작업도 추가했습니다. 예를 들어, 게시물 제목 뒤의 게시물 메타 아래에 맞춤 소셜 공유 버튼을 삽입하고 싶다고 가정해 보겠습니다. 이제 다음과 같이 fl_post_top_meta_close 작업을 사용하여 해당 작업을 수행할 수 있습니다.
function my_post_top_meta_close() { // Enter you social button code here... } add_action( 'fl_post_top_meta_close', 'my_post_top_meta_close' );다음은 새로운 작업 목록입니다. 테마 작업 참조 페이지에서도 이에 대해 자세히 읽을 수 있습니다.
- fl_top_bar_col1_open
- fl_top_bar_col1_close
- fl_top_bar_col2_open
- fl_top_bar_col2_close
- fl_header_content_open
- fl_header_content_close
- fl_footer_col1_open
- fl_footer_col1_close
- fl_footer_col2_open
- fl_footer_col2_close
- fl_post_top_meta_open
- fl_post_top_meta_close
- fl_post_bottom_meta_open
- fl_post_bottom_meta_close
새로운 필터
마지막으로, 새로운 작업 외에도 테마 필터 참조 페이지에서 자세히 읽을 수 있는 두 가지 새로운 편리한 필터를 추가했습니다. 빠르게 요약하자면, fl_social_icons 필터를 사용하면 소셜 아이콘의 순서를 다시 정렬하거나 직접 추가할 수 있으며, fl_nav_toggle_text 필터를 사용하면 모바일 탐색 토글 버튼에 표시되는 텍스트(또는 아이콘)를 변경할 수 있습니다.
- fl_social_icons
- fl_nav_toggle_text
언제 출시되나요?
우리는 이 릴리스를 출시하기 전에 사람들이 테스트할 수 있도록 더 편안하게 느낄 수 있도록 몇 가지 사항을 변경하기 위해 베타 버전을 진행하고 있습니다. 모든 것이 계획대로 진행된다면 7월 6일 주에 대시보드 내에서 원격 업데이트를 위해 이 릴리스를 추진할 것입니다. 그동안 귀하의 계정 영역에서 자유롭게 다운로드하여 새로운 설정을 시험해보고 피드백이 있으면 알려주십시오!
다음은 무엇입니까?
혹시 놓치신 경우를 대비해 Favolla 팀이 우리와 협력하여 Beaver Builder의 멋진 새 기능을 개발했습니다. 테마 출시와 동시에 출시할 예정인 두 개의 새 모듈(Post Slider 및 Post Carousel)을 이미 완료했습니다. 그들은 또한 곧 여러분께 선보일 수 있게 되어 매우 기대되는 새로운 모듈인 메뉴 모듈을 개발하고 있습니다!
테마의 다음 버전이 출시되면 우리는 많은 기대를 모았던 "링크된 템플릿" 개발에 착수할 것입니다. 또한 향후 6개월 정도 동안 우리가 계획한 내용을 자세히 설명하는 또 다른 로드맵 게시물을 곧 작성할 예정입니다. 그동안 최신 테마 업데이트에 대한 의견이나 질문이 있는 경우 아래 댓글을 통해 알려주세요.
댓글 49개
2015년 6월 23일 오전 9:38
안녕하세요 데이빗, 정말 반가웠어요! 우리가 놓치고 있는 부분 중 도움이 될 것 같은 부분이 있다면 주저하지 말고 알려주시기 바랍니다.
2015년 6월 23일 오전 9시 42분
탑 저스틴!
베타가 됨으로써 생산 중인 사이트, 고객의 온라인 사이트에서 이 새 버전을 사용할 수 있습니까?
또 다른 질문이 있습니다. 업그레이드하려면 테마를 업데이트해야 하나요? 아니면 bb 또는 bb 테마 자식을 업데이트해야 하나요?
사이트의 다른 페이지에서 사용하기 위해 요소 블록을 저장하도록 요청하는 업데이트가 언제 출시될지 예상하십니까?
안녕하세요 rcgama 님,
좋은 질문입니다! 새 테마를 꽤 많이 테스트했으므로 준비가 되어 있어야 합니다. 하지만 클라이언트 사이트에서 사용하기 전에 대시보드에서 업데이트를 사용할 수 있을 때까지 기다리는 것이 좋습니다. 사이트에서 테스트하고 싶다면 bb-plugin이나 bb-child-theme이 아닌 bb-theme를 업데이트해야 합니다.
우리는 7월 초에 연결된 템플릿/블록을 저장하는 기능에 대한 작업을 시작할 예정입니다. 얼마나 오래 걸릴지는 모르겠지만 한두 달 안에 완료할 수 있기를 바랍니다.
저스틴
2015년 6월 23일 오후 5시 14분
정말 대단해요!
며칠 전 저는 CSS Hero를 사용하지 않고도 탐색 링크를 더 효과적으로 제어할 수 있어야 한다고 생각했습니다.
여러분의 노고에 감사드립니다!
반갑습니다, 루이스! 천만에요!
2015년 6월 23일 오후 6시 05분
Justin님, 좋은 소식을 전합니다. 로컬 컴퓨터에서 신속하게 새 플레이 사이트를 만들고 변경 사항을 실행해 보았습니다. 모든 환상적인 개선이 잘 이루어졌습니다.
Q1: 모바일 장치용 햄버거 아이콘이 이번 릴리스에 포함됩니까?
Q2: 바닥글의 글꼴 설정을 변경할 수 있는 옵션이 없다는 사실에 놀랐습니다(내가 아는 일부 사용자 정의 CSS로 쉽게 할 수 있지만 그렇게 명백한 설정인가요?
건배, 데이브천만에요, 데이브! 시간을 내어 테스트해 주셔서 감사합니다. 귀하의 질문에 답변하려면…
Q1) 네. 베타에서는 그런거 안보이나요?
Q2) 옵션을 최소화하려는 노력의 일환으로 필요하다고 생각되는 글꼴 옵션만 포함시켰습니다. 예를 들어, 우리는 바닥글과 본문 텍스트에 대해 서로 다른 글꼴 모음을 사용하지 않을 것이라고 생각합니다. 그러나 우리는 귀하의 생각을 듣고 싶습니다. 다양한 페이지 섹션에 대해 보고 싶은 특정 글꼴 옵션이 있습니까?
감사해요!
저스틴고마워요 저스틴, 햄버거를 찾았어요 발견할 새로운 항목이 많아요!
제가 알아차린 한 가지 사실은 배경이 회색이라는 것입니다. 텍스처 배경이 있는 사이트에서 작업하고 있어서 좀 보기 흉해 보입니다. 햄버거가 이미지로 생성된 것인가요 아니면 CSS로 생성된 것인가요?
데이브안녕하세요 Dave. 햄버거는 CSS 배경이 있는 Font Awesome 아이콘입니다. 그러고 보니 그럴 경우 배경이 안 먹힐 수도 있겠네요. 제거하는 방법을 살펴보겠습니다. 피드백을 보내주셔서 감사합니다!
안녕하세요 저스틴. 배경색을 'false'로 변경한 후 회색 배경이 수정되었음을 알려드립니다. 이는 Ben과의 토론 이후의 내용입니다.
https://www.wpbeaverbuilder.com/support/q/Background-for-entire-area-of-the-page/
감사합니다, 데이브
2015년 6월 24일 오전 12:58
BB 저스틴과 함께 어디로 가는지 보는 것은 정말 환상적입니다! 나는 2014년에 BB에 가입한 첫날부터 다른 테마 프레임웍을 남겨두었는데, 그 결정은 새로운 업데이트가 있을 때마다 더 좋아 보입니다.
계속해서 훌륭한 일을 하세요!
감사해요,
독일 사람고마워요, 게리! 정말 듣기 좋네요
2015년 6월 24일 오전 3:10
이것은 모두 예외적인 일입니다. 여러분은 점점 더 좋아지고 있습니다. 사실 당신은 너무 착해서 당신을 비밀로 하고 싶어요!
고마워요, 크리스!
2015년 6월 24일 오전 9:20
안녕하세요 여러분!
이 추가 사항은 훌륭해 보입니다! 실제로 코드 지식이 없는 클라이언트에게 도움이 됩니다. 내 의견은 다음과 같습니다.
테마 정보:
정말 멋져 보입니다. 간단한 질문 하나. 이 모든 새로운 옵션에는 맞춤형 프레스를 통해 값을 할당할 수 있습니다. 맞나요?
더 많은 디자인 옵션을 위해 헤더 레이아웃을 몇 개 더 추가할 수도 있습니다. 예를 들어,
– 로고가 없는 헤더(이상하게 들리지만 일부 클라이언트는 이를 선호함)
– 탐색 기능이 없는 헤더
– 탐색이 상단에 있는 헤더(가운데 및/또는 왼쪽 정렬)플러그인 정보
여러분이 "링크된 템플릿(저는 항상 "전역 행"이라고 부르도록 제안하겠습니다) 작업을 시작하게 되어 기쁩니다. 어쩌면 이것이 올바르게 작동하고 메뉴 모듈이 종료되면 사용자 정의 프로그램이 아닌 빌더 내에서 머리글과 바닥글을 만들 수 있습니다. 이는 더 많은 유연성을 갖는 데 많은 도움이 되며 사용자 정의 프로그램의 옵션을 줄일 수 있습니다.
지금은 그게 전부입니다. 이것이 도움이 되기를 바랍니다!
당신은 당신의 제품으로 훌륭한 일을 하고 있습니다. 나는 그것을 좋아한다.
다시 안녕하세요!
섹션에 대해 "배경 >> 없음" 옵션이 다시 제공되면 좋을 것이라고 덧붙이고 싶었습니다.
이는 본문에 고정된 배경 이미지를 원할 때 유용할 수 있습니다.
감사합니다!
최신 버전에서는 빈 색상 값을 입력하여 해당 배경색을 제거할 수 있습니다. 그게 당신에게 효과가 있나요?
그것은 충분히 간단했습니다! 하하
작동 중입니다.
감사합니다!
다시 한번 안녕하세요!
색상을 투명하게 설정하면 고정 탐색이 자동으로 흰색이 됩니다. 어쩌면 이 탐색의 색상을 설정하는 옵션이 있을 수도 있습니다.
감사합니다!
고정 헤더는 실제로 헤더가 투명할 때 본문 배경색을 선택합니다(헤더도 이를 선택하므로). 그게 효과가 있나요?
배경색에 투명도를 추가할 수 있으면 좋을 것 같아요
(너무 많은 댓글을 올려서 죄송합니다. 아이디어가 그렇게 떠오릅니다.)
다른 섹션의 불투명도에 대해 질문하고 있습니까? 댓글 하나하나 걱정하지 마세요! 피드백을 보내주셔서 감사합니다.
예! 다른 섹션에 대한 불투명도를 의미합니다.
고정 헤더에 약간의 불투명도를 적용하거나 이미지 배경이 있는 경우 헤더/내용/바닥글 색상에도 좋은 효과가 있을 수 있습니다.
어떻게 생각하나요?
불투명도는 좋은 아이디어라고 생각합니다. 알아보고자 메모를 해두었습니다. 감사해요!
피드백을 보내주셔서 감사합니다, 카를로스님! 이러한 새 옵션에 사전 설정을 사용하여 값을 할당할 수 있다는 것이 맞습니다.
새로운 헤더 레이아웃을 추가하는 것은 좋은 아이디어인 것 같지만 아직까지 나오지 않은 아이디어입니다. 원한다면 이를 UserVoice 페이지에 추가하여 기록을 남길 수 있습니다… https://wpbeaverbuilder.uservoice.com/
"링크된 템플릿"에 관해서도 아마도 전역 행(Global Rows)과 같은 이름으로 부를 것 같습니다.
2015년 6월 25일 오전 4:11
나는 Beaver Builder를 좋아하고 팀이 정말 도움이 되고 헌신적이라고 말하려고 여기에 왔습니다.
나는 BB를 사용하고 있으며 모든 부분을 좋아합니다. 포트폴리오를 보유한 디자이너로서 저는 새로운 캐러셀 옵션이 무척 기대됩니다.친절한 말에 감사드립니다!
베타 버전에 점진적인 업데이트가 있을지 궁금합니다. 아니면 6일 공식 출시 전까지 계속 유지되나요?
데이브안녕 데이브,
좋은 질문입니다! 반드시 계획을 세웠던 것은 아니었지만 받은 피드백을 고려하면 베타 버전이 출시되기 전에 업데이트를 받을 수 있을 것 같습니다. 명확히 하자면, 우리는 이 곡을 6일에 공개하지 않고 그 주 중에 촬영할 예정입니다.
저스틴
안녕하세요 데이브,
방금 귀하와 다른 사람들이 언급한 버그 수정 사항이 포함된 베타 업데이트를 발표했습니다. 베타 버전은 업데이트 프로그램과 작동하지 않으므로 업데이트하고 테스트하려면 계정에서 다시 다운로드해야 합니다.
저스틴
Justin님, 감사합니다. 지금 테스트해보세요!
건배, 데이브
안녕하세요 저스틴, 제가 가지고 있는 현장 테스트에서 이 새 버전을 테스트하고 싶지만 업그레이드 방법을 모르겠습니다. 이전 버전을 테마 버전과 하위 버전 테마로 사용하고 있는 경우입니다.
무엇을 삭제해야 합니까? 테마 버전인가요, 아니면 주제아 버전인가요?
설명해 주시겠어요?
고마워요 저스틴!
하위 테마가 아닌 기본 Beaver Builder 테마를 삭제해야 합니다. 기본 Beaver Builder 테마를 삭제하면 새 베타를 업로드할 수 있습니다.
2015년 7월 1일 오후 6시 33분
이러한 새로운 작업인 fl_header_content_open 및 fl_header_content_close 액세스 포인트는 헤더를 사용자 정의 코드로 래핑하기 위한 것입니까? 우리는 하위 테마를 생성하고 코드에 대한 div를 수동으로 추가하는 작업을 제외하고 멋진 사용자 정의 모듈을 만드는 프로젝트를 수행했습니다.
또한 우리 코드가 래핑된 기본 헤더가 페이지 위로 스크롤되었기 때문에 보조 헤더를 설명하기 위해 자바스크립트 작업을 수행해야 했습니다.
내 희망은 이 후크가 표시되는 헤더의 버전(기본 또는 정적)을 래핑하는 것입니다. 그렇다면… 예! (이것을 모듈로 변환하는 작업을 하면서 휴가를 보내야 할 수도 있습니다!)
안녕 마이클,
이러한 필터는 실제로 Nav Bottom 레이아웃을 선택할 때 헤더 오른쪽에 표시되는 "헤더 콘텐츠" 영역을 위한 것입니다.
그러나 fl_before_content 작업은 헤더 다음에 실행되므로 fl_before_header 및 fl_before_content 작업을 사용하여 원하는 작업을 수행할 수 있습니다. 이에 대해 궁금한 점이 있으면 알려주시기 바랍니다.
저스틴
네, 어젯밤에 좀 더 가지고 놀다가 깨달았어요. before_content는 다른 후크에서 열린 div를 닫는 데 작동합니까? (컴퓨터로 돌아가면 확인할 수도 있습니다.)
버튼이 있는 곳 어디에서나 작업을 트리거하기 위해 사용자 정의된 버튼 모듈을 수행하는 방식에 대해 다시 생각해 보게 되었습니다. 어쨌든 널리 사용되는 모듈에는 더 좋을 것입니다.
맞습니다! 이 작업은 헤더 다음에 실행되므로 fl_before_header에서 열린 div를 닫는 데 사용할 수 있습니다.
2015년 7월 3일 오전 8:02
안녕하세요. 업데이트가 잘 된 것 같습니다. 이것이 매우 가벼운 테마라는 사실은 클라이언트가 너무 많이 깨지지 않고 손댈 수 있게 하고 사용자 정의 코드를 사용하여 사용자 정의할 수 있는 좋은 공간을 남겨주기 때문에 좋습니다. 이 철학이 계속되길 바랍니다!
질문이 있습니다. 자녀 테마에 새로운 맞춤 설정 옵션을 연결하고 등록할 수 있습니까?
예를 들어 '바닥글 테두리 너비' 등을 변경한 나만의 섹션을 추가하고 싶은 경우 하위 테마를 통해 추가할 수 있나요?
고마워요, 자타시드! 업데이트가 마음에 드셨다니 다행입니다. 귀하의 질문에 답하려면 이 코덱스 기사에 자세히 설명된 핵심 WordPress 기능을 사용하여 새로운 사용자 정의 옵션을 추가할 수 있습니다… https://codex.wordpress.org/Theme_Customization_API
안녕하세요 저스틴,
새 버전이 일반 출시되는 날짜를 알려주실 수 있나요?고마워요, 게리
Gerry 님, 안녕하세요. 이 내용은 기사에서 다뤘지만 이번 주쯤이 되었으면 좋겠습니다! - 저스틴님도 위 답글로 6일에 나올줄 알았는데 정정해주셨네요..
건배, 데이브안녕하세요 Dave. 네, 6일에 대한 희망이 생겼으니 빠르면 빠를수록 좋습니다! 나는 그것을 기대하고있다
독일 사람
안녕하십니까?
혼란을 드려 죄송합니다! 우리는 이것이 다음 날이나 이틀 안에 출시되기를 바라고 있습니다. 계속 지켜봐 주시기 바랍니다!
저스틴
업데이트가 실시간으로 진행됩니다! 질문이 있거나 문제가 발생한 경우 알려주시고 자세한 내용은 변경 로그를 확인하세요… https://www.wpbeaverbuilder.com/change-logs/
2015년 7월 9일 오전 2:42
너희들은 점점 더 멋져진다. 나는 비버 빌더 테마를 좋아합니다. 새로운 조정이 확실히 도움이 될 것입니다. 귀하의 제품에 투자한 결과가 계속해서 성과를 거두게 되어 매우 기쁩니다.
친절한 말 감사합니다, Geoffrey!
2015년 7월 16일 오전 9:42
탐색할 베타 사본을 어디서 구할 수 있나요?
2015년 7월 16일 오전 9:54
안녕 크리스! 기꺼이 베타 테스트에 참여해 주셔서 감사합니다. 실제로 우리는 이미 이러한 모든 기능을 갖춘 테마 업데이트를 출시했습니다. 앞으로는 여기 블로그나 트위터를 통해 베타 버전을 발표하겠습니다.
우리의 뉴스레터
우리의 뉴스레터는 개인적으로 작성되어 한 달에 한 번 정도 발송됩니다. 조금도 짜증나거나 스팸이 아닙니다.
우리는 약속합니다.
지금 Beaver Builder를 사용해 보세요
정말 멋지네요.. 다른 모든 테마와 프레임워크를 100% 떠날 준비가 거의 되었습니다. 계속 훌륭한 일을 하세요.