레이아웃과 타이포그래피 사용자 정의를 시작하려면 사이트 웹, 먼저 링크를 클릭하여 테마 사용자 정의 프로그램에 액세스해야 합니다. Divi> 테마 커 스터 마이저 WordPress 대시 보드에서. 커 스터 마이저가 실행됩니다. 그런 다음 "일반 설정"패널을 찾으십시오. 패널을 클릭하여 적절한 설정을 열고 사용자 정의를 시작하십시오. "일반 설정"패널에는 레이아웃 설정, 타이포그래피 및 배경의 세 섹션이 있습니다.
레이아웃 설정
레이아웃 패널을 사용하면 다양한 크기 및 간격 옵션을 조정할 수 있습니다. 사이트 웹. 여기에서 열, 행 및 섹션 사이의 간격을 늘리거나 줄이고 사이드바 크기를 조정할 수 있습니다. 이 패널에서 Boxed Layout 모드를 활성화할 수도 있습니다.
중첩 레이아웃 사용
여기에서 사이트의 컨텐츠를 구성하고 사용자 정의 할 수있는 배경을 노출하는 상자 형식으로 사이트를 편집 할 수 있습니다.
웹 사이트 콘텐츠의 너비
여기에서 콘텐츠 섹션의 최대 너비를 설정할 수 있습니다. 콘텐츠가 반응 형 레이아웃에 있기 때문에 더 작은 크기로 조정되지만 여기에 설정된 최대 너비 이상으로 늘어나지는 않습니다.
기본값은 1080px입니다. 대부분의 표준 노트북 및 데스크탑에 적합한 너비입니다.
웹 사이트의 열 간격
거터의 너비는 각 행의 열 사이의 가로 공간 (여백)입니다.
거터 너비의 선택적 값은 1와 4 사이입니다.
1는 열 사이의 제로 마진을 나타냅니다.
2는 열 사이의 3 % 여백을 나타냅니다.
3는 열 사이의 5,5 % 여백을 나타냅니다.
4는 열 사이의 8 % 여백을 나타냅니다.
맞춤 사이드 바 너비 사용
테마의 기본 사이드 바 너비를 설정합니다. 이것은 사이드 바가 있고 Divi Builder로 생성되지 않은 테마의 모든 페이지에 적용됩니다.
단면 및 선 높이
이 옵션은 각 섹션과 행의 세로 간격 (위쪽 및 아래쪽 패딩)을 조정합니다.
테마 강조 색상
다른 요소의 색상 변경을 시작하기 전에 먼저 변경해야합니다. 변경 한 후에는 설정을 저장 및 게시하고 페이지를 새로 고칩니다. 이제 업데이트 된 강조 색상 테마가 다른 요소를 자동으로 채워야합니다.
활판 인쇄술
타이포그래피 패널은 전체 텍스트의 기본 모양을 조정할 수 있는 곳입니다. 사이트 웹. 글꼴과 헤더의 크기를 조정할 수 있으며 이는 사이트의 모든 영역에 비례적으로 반영됩니다. 색상은 물론 줄 높이, 글자 간격, 글꼴 스타일도 조정할 수 있습니다. 마지막으로, 수십 개의 글꼴 중에서 선택하여 각각에 적용할 수도 있습니다.
본문 텍스트 크기
테마의 기본 본문 텍스트가 변경됩니다. 기본 크기는 14px입니다.
바디 라인의 높이
각 텍스트 행의 줄 높이입니다.
헤더 텍스트 크기
Divi를 사용하면 여기에서 헤더의 기본 텍스트 크기를 설정할 수 있습니다. 이것은 Fullwidth 헤더 모듈 제목과 같은 Divi 요소에 영향을줍니다.
헤더 문자 공간
글자 간격은 글자 사이의 가로 간격을 조정합니다. 머리글 문자 간격 값은 모든 머리글 수준 (h1, h2, h3, h4, h5, h6), 따옴표 및 슬라이드 제목에 영향을줍니다.
헤더 행 높이
문자 간격 값과 마찬가지로 헤더 행 높이 값은 모든 헤더 레벨 (h1, h2, h3, h4, h5, h6), 따옴표 및 제목에 영향을줍니다. 슬라이드
경찰 스타일
이 옵션을 사용하여 머리글의 글꼴 스타일을 변경하십시오.
본문 및 헤더 글꼴
Divi의 기본 글꼴은 Open Sans이지만 Divi에는 선택할 수있는 거의 XNUMX 개의 글꼴이 있습니다! 이러한 기본 제공 글꼴을 활용하여 테마에 가장 적합한 글꼴을 테스트하십시오.
바디 링크 색상
본문 링크의 색상은 테마의 강조 색상에서 상속됩니다. 그러나 여기에서 언제든지 변경할 수 있습니다.
본문 텍스트 색상
여기에서 본문 텍스트의 색을 바꿀 수 있습니다.
헤더 텍스트 색상
여기에서 헤더의 색상을 변경할 수 있습니다.
배경
배경 패널을 사용하면 테마의 배경색을 조정하고 사용자 정의 배경 이미지를 업로드하고 페이지에서 위치를 조정할 수 있습니다. 배경 이미지와 색상은 앞에서 언급 한 레이아웃 패널의 박스형 서식 설정과 함께 사용할 때 잘 작동합니다.
이것이 이 튜토리얼의 전부입니다. 이 튜토리얼을 통해 글꼴과 레이아웃을 더 잘 조정할 수 있기를 바랍니다. 디비 테마.
[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 모듈을 사용하는 방법
