지난 몇 년 동안 많은 편리하고 강력한 기능이 디비 테마. 그리고 이러한 기능 중 일부는 사용자가 깨닫지 못하는 사이에 관심을 가질 수 있습니다. 사실 그들은 지금 숨어서 평범한 사이트(아마도 멋진 생존 전술이지만 불행한). 그렇기 때문에 내가 모르는 이러한 기능에 대해 이야기 할 것입니다.

1-오른쪽 클릭 옵션

작동 방식 : Divi Builder의 아무 섹션에서나 오른쪽 마우스 버튼으로 클릭하기 만하면됩니다.

마우스 오른쪽 버튼 클릭 옵션을 모두 가리 키지는 않지만 마우스 오른쪽 버튼을 클릭 할 때만 액세스 할 수있는 몇 가지 옵션을 지적하고 싶습니다. 이는 논의하지 않기에는 너무 편리합니다. '리뷰.

2-잠금

관리자만이 특정 개체를 잠글 수 있습니다. 이는 편집자가 내용 당신이 지키고 싶은 것. 이는 또한 중요한 섹션이 실수로 변경되는 것을 방지합니다.

3-축소 및 이름 바꾸기

더 긴 웹 페이지를 만들기 때문에이 두 옵션을 조합하여 사용하고 싶습니다. 나는 당신에 대해 모르지만 편집해야 할 섹션을 찾기 위해 위아래로 스크롤하는 데 정말 지쳤습니다. 이것이 내가 완료된 웹 페이지의 큰 섹션을 압축하는 옵션을 사용하는 이유입니다. 붙여 넣은 후 오른쪽 클릭 옵션을 사용하여 섹션 이름을 인식 가능한 관리자 레이블로 변경합니다.

4-최상위 드롭 다운 링크 비활성화

위치 : Divi → 옵션 → 탐색 → 일반 설정

명확하게 말하면 최상위 드롭 다운 메뉴 링크는 탐색 메뉴에 계속 표시되는 기본 상위 링크입니다. 하위 수준 링크는 최상위 상위 링크 위로 마우스를 가져 가면 나타나는 링크입니다.

최상위 드롭 다운 메뉴에서 링크를 비활성화하면 이러한 링크는 더 이상 클릭 가능한 링크가 아닙니다. 대신 하위 링크에 태그를 지정하고 구성하는 클릭 할 수없는 자리 표시 자 역할을 할 수 있습니다.

예를 들어, 세 가지 주요 서비스를 제공하는 비즈니스 사이트를 구축하고 있으며 각 서비스에는 자체 페이지가 필요하다고 가정 해 보겠습니다. 일반적인 설정은 "라고하는 최상위 링크를 갖는 것입니다. 서비스 세 가지 유형의 서비스가 하위 메뉴 항목으로 제공됩니다. 메인 페이지에 링크를 추가하는 대신 " 서비스 "링크를 비활성화 할 수 있습니다 서비스 최상위 수준에서 조직 레이블로 사용하기 만하면됩니다.

5-앵커로 스크롤

기능 위치 : Divi → 옵션 → 탐색 → 일반 설정

앵커를 외부 페이지의 CSS ID에 직접 바인딩하려고 시도한 적이 있다면 페이지에 표시되는 위치가 정확하지 않다는 것을 눈치채셨을 것입니다. 때로는 너무 낮아서 일부 콘텐츠가 상단에서 잘릴 수 있습니다.

이것은 CSS ID를 외부 페이지에 연결 한 후의 화면 모양입니다. 당신은 그것을 볼 수 없지만 섹션의 제목이 잘 렸습니다.

대체 도킹 스크롤 방법을 활성화하면이 문제가 해결됩니다. 사용자를 올바른 위치에 배치 할뿐만 아니라 CSS ID로 스크롤하기 전에 페이지 상단이 먼저로드됩니다. 나는 이것이 페이지의 일부를보고 있다는 것을 깨닫기 전에 갑작스러운 디스플레이에서 길을 잃을 수있는 사용자에게 유용하다고 생각합니다.

6-모바일에서 로고 숨기기

위치 : Divi → 테마 사용자 정의 → 모바일 스타일 → 모바일 메뉴

모바일에서 로고를 숨길 필요가있는 경우 Divi는 매우 간단하게 만듭니다. 그러나 간과하기 쉬운 옵션 중 하나입니다. CSS 코드 대신이 기능을 사용하여 시간을 절약하십시오.

7-주 메뉴 및 퇴원 메뉴의 드롭 다운 애니메이션

• 메인 메뉴 기능 : Divi → 테마 커 스터 마이저 → 헤더 및 내비게이션 → 메인 메뉴 바> 드롭 다운 메뉴 애니메이션
• 보조 메뉴 기능 : Divi → 테마 커 스터 마이저 → 헤더 및 탐색 → 보조 메뉴 표시 줄-> 드롭 다운 메뉴 애니메이션.

드롭 다운 메뉴에 대한 기본 페이드 애니메이션을 설정할 필요가 없습니다. 드롭 다운 메뉴의 애니메이션 섹션은 XNUMX 가지 옵션을 제공합니다.

• 퐁듀 애니메이션
• 애니메이션 개발
• 슬라이드 애니메이션
• 스크롤 애니메이션

이것이 Divi에 대해 알지 못하는이 기능 세트의 전부입니다. 그들이 당신이 당신의 테마를 더 잘 사용자 정의하는 데 도움이되기를 바랍니다.

지금 DIVI 다운로드

[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 자습서

• 레스토랑 이용 디비 테마 5 웹 사이트
• Divi WooCommerce 제품에 텍스트를 추가하는 방법
• Divi 페이지 간의 메뉴 색상을 변경하는 방법
• Divi로 블로그 그리드를 개인화하는 방법
• 어떻게 워드 프레스의 역할 디비 편집기를 사용하는
• 전체 화면 Divi 슬라이더를 만드는 방법
• Divi 페이지 간의 메뉴 색상을 변경하는 방법
• Divi에 대해 잘 모르는 기능
• WordPress에 Divi Builder를 사용하는 방법
• Divi 비디오 스크롤 모듈을 사용하는 방법
• Divi Builder Flip 모듈을 사용하는 방법
• Divi Builder에서 회원 평가 모듈을 추가하는 방법
• Divi 텍스트 모듈을 사용하는 방법
• Divi에서 슬라이더를 만드는 방법
• Divi 사용자 역할을 편집하는 방법
• Divi Social Media 모듈 사용 방법
• 테마 WordPress Divi에서 상점 모듈을 사용하는 방법
• Divi 사이드 바 모듈을 사용하는 방법
• Divi Price 테이블 모듈을 사용하는 방법
• Divi 발행물의 제목 모듈을 사용하는 방법
• Divi의 비디오 모듈을 추가하는 방법
• 기사 탐색 모듈을 사용하는 방법
• Divi 검색 모듈 사용 방법
• Divi 지갑 모듈 사용 방법
• Divi Builder에서 person 모듈을 사용하는 방법
• Divi 필터와 함께 Wallet 모듈을 사용하는 방법
• 전체 너비 슬라이더 모듈을 사용하는 방법
• Divi Builder 이미지 모듈을 사용하는 방법
• Divi Builder의 전체 너비 탐색 모듈을 사용하는 방법
• 이미지 갤러리 모듈을 사용하는 방법
• Divi Builder Full-Width Module을 사용하는 방법
• Divi Full Width 포트폴리오 모듈을 사용하는 방법
• Divi 전폭 헤더 모듈 사용 방법
• Divi Counter Module 사용 방법
• Divi Builder에서 아티클 슬라이더를 사용하는 방법
• Divi Email Optin 모듈을 사용하는 방법