Divi의 가상 회의 레이아웃 팩용 무료 글로벌 사전 설정 스타일 가이드 다운로드
게시 됨: 2021-06-12안녕하세요 디비네이션입니다! 매주 새로운 사은품을 증정하는 주간 Divi 디자인 이니셔티브의 다음 편에 참여해 주셔서 감사합니다. 오늘, 우리는 Divi의 가상 회의 레이아웃 팩에 대한 글로벌 사전 설정 스타일 가이드를 공유하고 있습니다. Divi의 글로벌 사전 설정을 사용하면 웹 디자인 프로세스의 속도를 빠르게 높일 수 있으며, 더 빠르게 속도를 높일 수 있도록 레이아웃 팩 고유의 글로벌 사전 설정을 하나의 단일 레이아웃에서 정기적으로 제공할 것입니다. 모든 글로벌 사전 설정을 한 번에 업로드할지 아니면 특정 사전 설정을 선택할지 선택할 수 있습니다.
글로벌 사전 설정 확인
아래 스타일 가이드
오늘 무료로 받으세요!
가상 회의 레이아웃 팩에 대한 글로벌 사전 설정 스타일 가이드 다운로드
무료 글로벌 사전 설정 스타일 가이드를 사용하려면 먼저 아래 버튼을 사용하여 다운로드해야 합니다. 다운로드에 액세스하려면 아래 양식을 사용하여 Divi Daily 이메일 목록에 가입해야 합니다. 신규 구독자는 매주 월요일에 더 많은 Divi 혜택과 무료 Divi 레이아웃 팩을 받게 됩니다! 이미 목록에 있는 경우 아래에 이메일 주소를 입력하고 다운로드를 클릭하기만 하면 됩니다. "재구독"되지 않거나 추가 이메일을 받지 않습니다.
무료로 다운로드
Divi 뉴스레터에 가입하면 최고의 Divi 랜딩 페이지 레이아웃 팩과 수많은 놀라운 무료 Divi 리소스, 팁 및 요령을 이메일로 보내드립니다. 따라하시면 금세 Divi 마스터가 되실 것입니다. 이미 구독한 경우 아래에 이메일 주소를 입력하고 다운로드를 클릭하여 레이아웃 팩에 액세스하십시오.
성공적으로 구독했습니다. 이메일 주소를 확인하여 구독을 확인하고 무료 주간 Divi 레이아웃 팩에 액세스하세요!
전역 사전 설정에 대한 간략한 개요
Divi의 장점은 요소나 모듈의 모양을 사용자 정의하는 데 사용할 수 있는 다양한 디자인 설정을 사용하여 웹사이트 디자인을 완전히 제어할 수 있다는 것입니다.
새로운 Divi 사전 설정 시스템을 사용하면 단추 모듈과 같은 Divi 요소의 사용자 정의 모양을 디자인하고 사전 설정으로 저장할 수 있습니다. 모든 디자인 변경 사항은 사전 설정에 저장됩니다. 페이지에 새 모듈을 추가하면 저장된 사전 설정을 찾아 빠르게 적용할 수 있습니다.
사전 설정이 적용되면 모듈의 기본 디자인은 사전 설정에 의해 제어됩니다. 사전 설정의 스타일을 업데이트하면 해당 사전 설정을 사용하는 모든 모듈도 업데이트됩니다. 이렇게 하면 저장된 사전 설정의 작은 모음을 사용하여 전체 웹 사이트의 디자인을 제어할 수 있습니다. 또한 페이지에 새 모듈을 추가할 때 많은 시간을 절약할 수 있습니다. 각각의 새 모듈을 처음부터 디자인할 필요가 없고 대신 Divi 사전 설정 라이브러리에서 모양을 빠르게 선택할 수 있기 때문입니다.
전역 사전 설정 스타일 가이드를 사용하는 경우
페이지, 템플릿 등을 만들기 전에 전역 사전 설정 스타일 가이드를 사용하는 것이 좋습니다. 그 이유는 디자인, 요소 수준에서 인라인 스타일을 재설정하고 전역 사전 설정을 적용합니다.
스타일 가이드를 만든 후 Divi 빌드 프로세스를 시작하면 개별 설정 내에서 수동으로 모듈을 변경할 필요가 없습니다. 처음부터 전역 사전 설정으로 작업하는 경우 한 곳에서 수정하고 변경 사항이 전체 웹 사이트에서 한 번에 전개되는 것을 볼 수 있습니다.
레이아웃 팩을 기반으로 하는 스타일 가이드를 사용하는 대신 처음부터 자신만의 글로벌 사전 설정 스타일 가이드를 만들려는 경우 스타일 가이드 프레임워크 다운로드 게시물을 확인하세요.
옵션 A: 모든 글로벌 사전 설정을 한 번에 자동 업로드
이 접근 방식은 자동으로 모든 사전 설정을 사전 설정 라이브러리에 한 번에 추가합니다.
디비 라이브러리로 이동
WordPress 웹사이트의 백엔드에서 Divi 라이브러리로 이동합니다.
사전 설정이 있는 레이아웃 업로드
거기에서 상단의 "가져오기 및 내보내기" 버튼을 클릭합니다.
가져오기 탭을 클릭하고 이 게시물의 시작 부분에서 다운로드할 수 있었던 JSON 파일을 선택하여 계속합니다. 사전 설정을 자동으로 가져오려면 "사전 설정 가져오기" 상자도 선택하십시오. 이렇게 하면 각 사전 설정이 각 모듈에 자동으로 추가됩니다.
사전 설정 라이브러리 내의 사전 설정 이름
아래에는 모듈에 추가된 모든 사전 설정 및 해당 이름 목록이 있습니다. 순서는 아래의 인쇄 화면과 같습니다. 참조를 위해 언제든지 스타일 가이드로 돌아갈 수 있습니다.
- VCLP – H1 – 1
- VCLP – H2 – 1
- VCLP – H3 – 1
- VCLP – H4 – 1
- VCLP – 본체 – 1
- VCLP – 모든 텍스트 – 1
- VCLP – 시간 텍스트 – 1
- VCLP – 날짜 텍스트 – 1
- VCLP – 버튼 1
- VCLP – 버튼 2
- VCLP – 버튼 3
- VCLP – 버튼 4
- VCLP – 버튼 5
- VCLP – 블러브 1
- VCLP – 블러브 2
- VCLP – 블러브 3
- VCLP – 블러브 4
- VCLP – 블러브 5
- VCLP – 블러브 6
- VCLP – 블러브 7
- VCLP – 이메일 옵션 1
- VCLP – 문의 양식 1
- VCLP – 소셜 미디어 팔로우 1
- VCLP – 소셜 네트워크 1
- VCLP – 소셜 미디어 팔로우 2
- VCLP – 소셜 네트워크 1
- VCLP – 아코디언 1
- VCLP – 아코디언 2
- VCLP – 카운트다운 타이머 1
- VCLP – 블로그 1
추가하는 새 모듈의 사전 설정에 액세스
새 모듈을 열거나 추가하고 상단의 사전 설정 항목을 클릭하고 원하는 사전 설정을 선택하여 업로드된 사전 설정 각각에 액세스할 수 있습니다.
옵션 B: 스타일 가이드의 모듈을 글로벌 사전 설정으로 선택적으로 전환
이 접근 방식을 사용하면 전역 사전 설정 라이브러리에 표시되는 항목과 표시되지 않는 항목에 대해 더 큰 발언권을 갖게 됩니다. 요소는 한 곳에서 제공되며 원하는 이름을 사용하여 수동으로 전역 사전 설정으로 전환할 요소를 시각적으로 선택할 수 있습니다.
디비 라이브러리로 이동
WordPress 웹사이트의 백엔드에서 Divi 라이브러리로 이동합니다.
사전 설정 없이 레이아웃 업로드
그런 다음 "가져오기 및 내보내기" 버튼을 클릭합니다.
가져오기 탭으로 이동하여 이 게시물의 시작 부분에서 다운로드할 수 있었던 JSON 파일을 선택합니다. 전역 사전 설정으로 전환할 모듈을 선택할 수 있도록 하려면 "사전 설정 가져오기" 상자를 선택하지 않은 상태로 두는 것이 중요합니다.
새 페이지 초안 만들기 + 레이아웃 업로드
이제 전역 사전 설정 스타일 가이드 레이아웃에 대한 새 페이지 초안을 만듭니다.
글로벌 프리셋으로 바꾸고 싶은 모듈을 선택하고 모듈 설정을 엽니다.
모든 요소를 살펴보고 전역 사전 설정으로 전환할 요소를 결정하십시오.
설정에서 모듈을 전역 사전 설정으로 전환
예를 들어 버튼 모듈 중 하나를 전역 사전 설정으로 바꾸고 싶다고 가정해 보겠습니다. 버튼 모듈 설정을 열고 상단의 사전 설정 옵션을 클릭합니다. 그런 다음 모듈 설정을 사용자 정의 스타일의 새 사전 설정으로 바꿉니다.
원하는 대로 새 사전 설정의 이름을 지정하고 저장합니다.
사전 설정에 포함하려는 각 모듈에 대해 단계 반복
만들려는 각 사전 설정에 대해 이 단계를 반복합니다.
사용자 지정 색상표를 전역으로 전환
색상을 마우스 오른쪽 버튼으로 클릭하고 "전역으로 변환"을 선택하여 스타일 가이드에서 찾을 수 있는 선택한 HEX 색상 코드를 전역으로 전환합니다. 색상 팔레트 안의 각 색상에 대해 이 작업을 수행할 수 있으므로 Divi 내에서 디자인하고 구축할 때 쉽게 액세스할 수 있습니다.
팁: 스타일 가이드를 별도의 탭에 보관하여 특정 스타일(그라데이션/상자 그림자/테두리/…)을 복사/붙여넣기
마지막으로 스타일 가이드를 항상 별도의 탭에 보관하는 것이 좋습니다. Divi의 내장 및 교차 페이지 복사-붙여넣기 옵션을 사용하면 그라디언트 배경과 같은 스타일을 한 요소에서 다른 요소로 빠르게 전송할 수 있습니다!
매주 새로운 글로벌 사전 설정 스타일 가이드!
이번 주 글로벌 사전 설정 스타일 가이드를 즐기시기 바랍니다. 아래 의견 섹션에서 귀하의 의견을 기다리겠습니다. 다음 주에 더 많은 무료 혜택을 확인하세요!