Divi Builder에서 회원 정보 모듈을 구성하는 방법

년부터 블레어 Jersyer | Divi

페이지에 평가 모듈을 추가하려면 먼저 Divi Builder에 액세스해야 합니다. 일단 디비 테마 웹사이트에 설치하면 버튼이 표시됩니다. Divi Builder 사용 새 페이지를 만들 때마다 게시물 편집기 위에. 이 버튼을 클릭하여 Divi Builder를 활성화하고 제공하는 모든 모듈에 액세스하십시오. 그런 다음 버튼을 클릭하십시오 비주얼 빌더 사용 시각적 모드에서 생성기를 시작합니다. 버튼을 클릭 할 수도 있습니다. 비주얼 빌더 사용 WordPress 대시 보드에 연결된 경우 포 그라운드에서 웹 사이트를 탐색 할 때

Divi 비주얼 빌더 사용

Visual Builder에 들어가면 회색 더하기 버튼을 클릭하여 페이지에 새 모듈을 추가 할 수 있습니다. 새 모듈은 행 내부에만 추가 할 수 있습니다. 새 페이지를 시작하는 경우 먼저 페이지에 행을 추가해야합니다.

Wordpress 평가 모듈

모듈 목록에서 평가 모듈을 찾아 클릭하여 페이지에 추가하십시오. 모듈 목록을 검색 할 수 있습니다. 즉, "회원 평가"를 입력 한 다음 Enter 키를 눌러 평가 모듈을 자동으로 검색하고 추가 할 수도 있습니다! 모듈이 추가되면 모듈 옵션 목록이 표시됩니다. 이러한 옵션은 세 가지 주요 그룹으로 구분됩니다. 내용 , 임신 et 고급 .

사용 사례 예 : 제품 페이지에 대한 평가 섹션

평가 섹션을 추가하는 것은 다음을 수행하는 가장 좋은 방법 중 하나입니다. 홍보 귀하의 제품이나 서비스. 이 예에서는 추천 모듈을 사용하여 랜딩 페이지 하단에 추천 섹션을 생성하는 방법을 보여 드리겠습니다. 홍보 귀하의 제품이나 서비스. 고객평가 섹션의 제목은 '행복한 고객'입니다. 창의적이면서도 관련성이 높은 효과적인 제목을 갖는 것이 중요합니다. 세 가지 추천서는 모두 XNUMX열 레이아웃으로 짧으며 페이지 하단에 CTA 버튼이 있습니다.

divi 사용 후기가있는 콘텐츠 예

페이지에 추천 섹션을 추가하려면 비주얼 빌더를 사용하여 XNUMX 개 열로 구성된 표준 섹션을 추가하십시오. 그런 다음 행의 첫 번째 열에 평가 모듈을 추가하십시오.

Divi 증언 섹션평가 모듈 설정을 다음으로 업데이트하십시오.

내용 탭

저자 이름: [이름 입력]
기사 제목: [제목 입력]
회사 이름: [회사 입력]
내용: [후기 내용 입력]
세로 이미지 URL: [90 × 90 이미지 다운로드]
견적 아이콘
:

디자인 탭

텍스트 색상 : 빛
텍스트 방향 :
몸단단 경찰 : Roboto Light
본문 글자 크기 : 20px
바디 라인의 높이 : 1.5em

Divi 워드 프레스 추천 사례첫 번째 평가 모듈을 만들었으므로 두 번 복제하고 두 번째 및 세 번째 열을 채우려면 복제 모듈을 드래그하십시오.

divi 증언의 예

모든 설계 매개 변수가 두 번째 및 세 번째 행의 중복 모듈로 전송되었으므로 간단히 돌아가서 각 내용을 업데이트 할 수 있습니다.

그게 다야

회원 평가 모듈의 콘텐츠 매개 변수

divi 모듈 내용의 매개 변수콘텐츠 탭의 설정은 더 많은 옵션을보기 위해 열 수있는 그룹으로 구성됩니다. 이렇게하면 원하는 설정을 훨씬 쉽게 찾을 수 있습니다. 또한 상단의 검색 창을 사용하여 찾고있는 설정에 대한 모든 설정 탭을 한 번에 검색 할 수 있습니다. 요점으로 바로 연결됩니다!

텍스트

여기에서 회원 평가 작성자의 이름, 기사 제목, 회사 및 회원 평가 자체의 내용을 추가 할 수 있습니다.

영상

회원 평가에 동반 할 프로필 사진 또는 기타 유형의 이미지가있는 경우 여기에 추가 할 수 있습니다.

선취 특권

여기에서 작성자 또는 회사 URL을 추가하고 여는 것을 제어 할 수 있습니다.

요소

여기에서 견적 아이콘을 표시하거나 숨기도록 선택할 수 있습니다.

문맥

여기에서 회원 평가에 배경색 또는 이미지를 추가하도록 선택할 수 있습니다.

관리 라벨

이 드롭 다운 목록에서 대시 보드의 빌더와 시각적 빌더보기에 표시 될 관리자 레이블을 추가 할 수 있습니다.

회원 평가 모듈의 설계 매개 변수

매개 변수 설계 divi디자인 탭의 설정은 원하는 설정을 쉽게 찾을 수 있도록 다음 그룹으로 구성됩니다. 또한 검색 창을 사용하여 더 빠른 설정을 찾을 수도 있습니다.

인용 아이콘

여기에서 견적 아이콘의 색상을 조정할 수 있습니다.

초상화

세로 설정을 사용하면 콘텐츠 탭에서 추가 한 이미지의 테두리 반경, 세로 너비 및 세로 높이를 조정할 수 있습니다.

텍스트

이러한 설정을 통해 텍스트의 색상과 방향을 변경할 수 있습니다.

본문 텍스트

이러한 설정을 사용하면 글꼴, 두께, 크기, 색상, 간격, 줄 높이 등을 조정할 수 있습니다.

경계

여기에서 테두리를 사용하도록 선택할 수 있습니다. 테두리를 사용하기로 선택한 경우 색상을 선택하고 너비를 변경하고 스타일을 선택할 수도 있습니다.

간격

간격 영역에서 회원 평가의 상단, 오른쪽, 하단 또는 왼쪽에 맞춤 채우기를 추가 할 수 있습니다. 데스크톱, 태블릿 또는 모바일 장치에서 이러한 값을 변경할 수도 있습니다.

회원 평가 모듈의 고급 매개 변수

고급 설정 divi 사용 후기회원 평가 모듈의 고급 탭에서 ID (식별자)와 고유 한 CSS 클래스를 추가 할 수 있습니다. 또한 사용자 지정 CSS 드롭 다운 비디오 슬라이더 모듈의 다양한 미리 정의 된 (및 미리 선택된) CSS 선택기에 사용자 지정 CSS를 추가 할 수 있습니다. 마지막으로 가시성 드롭 다운 목록에서 휴대폰, 태블릿 및 데스크톱에서 모듈의 가시성을 조정할 수 있습니다.

[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”플랫” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI 테마 다운로드 [/vcex_button][/vc_column][vc_column 너비=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” 레이아웃=”확장” align=”center” font_family = ”Raleway” font_weight=”700″ style=”플랫” ​​custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]다운로드 TEMPLATES DIVI[/vcex_버튼][/vc_열][/vc_row]

다른 Divi 자습서

포스터 르 논평

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드는 표시됩니다 *

이 사이트는 원하지 않는 것을 줄이기 위해 Akismet을 사용합니다. 댓글 데이터 사용 방법에 대해 자세히 알아보기.