Divi Theme – 테마 사용자 정의하기

테마 사용자 정의하기

테마 사용자 정의하기를 사용하면 페이지의 거의 모든 요소를 제어할 수 있습니다. 버튼 클릭으로 텍스트 또는 웹 사이트 요소의 크기나 간격을 조정하고 싶은신가요? 사용자 정의하기는 워드프레스 대시보드의 ‘Divi> 테마 사용자 정의하기’를 통해 액세스 할 수 있습니다. 사용자 정의하기를 사용하면 메뉴 및 로고 크기 또는 본문 및 헤더 텍스트 스타일과 같은 사이트 전체 테마 요소를 제어할 수 있습니다.

테마 사용자 정의하기 살펴보기

여기에는 다양한 카테고리로 구분된 수백 가지 옵션이 있습니다. 사용자 정의하기를 처음 열면 “헤더 및 내비게이션” 및 “일반 설정”과 같은 여러 패널이 표시됩니다. 이 패널을 열면 웹 사이트의 해당 영역과 관련된 옵션이 표시됩니다. 커스터마이저 내에서 설정을 조정하면 효과를 실시간으로 미리 볼 수 있습니다. 변경 사항을 저장하면 새 스타일이 라이브로 웹 사이트에 반영됩니다.

한 줄의 코드를 건드리지 않고도 테마 사용자 정의하기로 무엇이든 할 수 있습니다. 다양한 옵션과 이러한 옵션을 사용하는 창의적인 방법에 대해 자세히 알아보려면 아래의 비디오를 참고하세요.

영어 비디오 설명

Using The Divi Theme & Module Customizer

Divi Theme 사용자 정의하기 메뉴

일반설정

사이트 아이덴터티
- 사이트 제목
- 태그라인
- 사이트 아이콘
레이아웃 설정
- 박스 레이아웃 사용
- 웹사이트 내용 너비
- 웹사이트 열 간격
- 사용자 정의 사이드 바 너비 사용
- 섹션 높이
- 행 높이
- 테마 강조색
타이포그래피
- 본문 텍스트 사이즈
- 본문 줄 높이
- 헤더 텍스트 사이즈
- 헤더 글자 간격
- 헤더 줄 높이
- 헤드 폰트 양식
- 헤더 폰트
- 바디 폰트
- 본문 링크 색
- 본문 텍스트 색상
- 헤더 텍스트 색상
배경
- 배경 색상
- 배경 이미지

헤더 및 네비게이션

헤더 양식
- 헤더 스타일
  - 기본
  - 가운데 정렬
  - 중앙 일렬 로고
  - 슬라이드 인
  - 전체화면
- 수직 네비게이션 활성화
- 스크롤까지 네비게이션 숨기기
주요 메뉴바
- 전체 너비 만들기
- 로구 이미지 숨기기
- 메뉴 높이
- 로고 최대 높이
- 텍스트 크기
- 글자 간격
- 폰트
- 폰트 양식
- 문자 색상
- 활성 링크 색
- 배경 색상
- 드랍다운 메뉴 배경 색
- 드랍다운 메뉴 줄 색
- 드랍다운 메뉴 텍스트 색
- 드랍다운 메뉴 애니메이션
  - 페이드
  - 확장
  - 슬라이드
  - 반전
보조 메뉴바
- 전체 너비 만들기
- 텍스트 크기
- 글자 간격
- 폰트
- 폰트 양식
- 배경 색상
- 문자 색상
- 드랍다운 메뉴 배경 색
- 드랍다운 메뉴 텍스트 색
- 드랍다운 메뉴 애니메이션
고정 네비게이션 설정
- 로고 이미지 숨기기
- 고정 메뉴 높이
- 텍스트 크기
- 주요 메뉴 배경 색
- 보조 메뉴 배경 색
- 주 메뉴 링크 색상
- 보조 메뉴 링크 색상
- 활성 기본 메뉴 링크 색상
헤더 요소
- 소셜 아이콘 보이기
- 검색 아이콘 보여주기
- 전화번호
- 이메일

푸터

레이아웃
- 열 레이아웃
- 푸터 배경 색상
위젯
- 헤더 텍스트 사이즈
- 헤더 폰트 양식
- 본문/링크 줄 높이
- 본문 폰트 양식
- 위젯 텍스트 색
- 위젯 링크 색
- 위젯 헤더 색
- 위젯 글머리 기호 색상
푸터 요소
- 소셜 아이콘 보이기
푸터 메뉴
- 푸터 메뉴 배경 색
- 푸터 메뉴 텍스트 색
- 푸터 메뉴 활성 링크 색
- 글자 간격
- 폰트 양식
- 폰트 사이즈
하단 바
- 배경 색상
- 문자 색상
- 폰트 양식
- 폰트 사이즈
- 소셜 아이콘 사이즈
- 푸터 저작권 텍스트 사용 안 함
- 푸터 저작권 텍스트 편집

버튼

버튼 양식
- 텍스트 크기
- 문자 색상
- 배경 색상
- 테두리 너비
- 테두리 색
- 테두리 반경
- 글자 간격
- 버튼 폰트 양식
- 버튼 폰트
- 버튼 아이콘 추가
- 아이콘 선택
- 아이콘 색상
- 아이콘 배치
  - 오른쪽
  - 왼쪽
- 호버 때만 아이콘 보이기
버튼 호버 양식
- 문자 색상
- 배경 색상
- 테두리 색
- 테두리 반경
- 글자 간격

블로그

글
- 메다 텍스트 사이즈
- 메타 줄 높이
- 메타 글자 간격
- 메타 폰트 양식
- 헤더 텍스트 사이즈
- 헤더 줄 높이
- 헤더 글자 간격
- 헤드 폰트 양식

모바일 양식

타블렛
- 섹션 높이
- 행 높이
- 본문 텍스트 사이즈
- 헤더 텍스트 사이즈
폰
- 섹션 높이
- 행 높이
- 본문 텍스트 사이즈
- 헤더 텍스트 사이즈
모바일 메뉴
- 로고 이미지 숨기기
- 문자 색상
- 배경 색상

색 배합

색 배합
- 기본
- 초록
- 주황
- 분홍
- 빨강

메뉴

메뉴
메뉴 위치
- 기본 메뉴
- 2차 메뉴
- 푸터 메뉴

위젯

사이드바
푸터 영역 #1
푸터 영역 #2
푸터 영역 #3
푸터 영역 #4
푸터 영역 #5
푸터 영역 #6

홈페이지 설정

홈페이지 표시
- 최신 글
- 정적인 페이지

추가 CSS

추가 CSS

원문: https://www.elegantthemes.com/documentation/divi/customizer/