Divi: 사용자 지정 바닥글을 만드는 방법

DIVI에서 사용자 정의 바닥글을 생성하시겠습니까?

Divi 테마 빌더의 가장 중요한 부분 중 하나는 웹 페이지와 게시물에 전역 바닥글을 동적으로 추가하는 기능입니다.

바닥글을 디자인한 후에는 Divi의 테마 빌더를 사용하여 원하는 모든 유형의 페이지 또는 게시물에 바닥글을 자동으로 추가할 수 있습니다.

이 자습서에서는 전역 바닥글을 만들고 추가하는 프로세스를 단계별로 안내합니다. 사이트 웹.

측량

튜토리얼을 시작하기 전에 디자인할 바닥글을 살펴보겠습니다.

국

Divi 테마 빌더로 이동하여 글로벌 바닥글 추가

Divi > Theme Builder로 이동하여 " 전역 바닥글 추가«

선택하려면 " 전역 바닥글 작성«

섹션 #1 사용자 정의

배경색

페이지에서 찾을 수 있는 섹션을 열고 섹션의 배경색을 변경합니다.

배경: #000000

간격

탭으로 전환 스타일 그런 다음 섹션의 간격 설정을 변경합니다.

여백(상단, 왼쪽 및 오른쪽): 6vw
내부 여백(좌우): 30px

경계

그런 다음 왼쪽과 오른쪽에 위쪽 테두리를 추가합니다.

왼쪽 상단 둥근 사각형: 20px
오른쪽 상단의 둥근 사각형: 20px

그림자 상자

또한 섹션 설정에 상자 그림자를 포함합니다.

보우 섀도우 블러 강도: 135px
자막 글꼴 색상: rgba(0,0,0,0.18)

섹션에 새 줄 추가

기둥의 구조

다음 열 구조를 사용하여 섹션에 행을 추가하여 계속하십시오.

열에 텍스트 모듈 추가

H2 크기의 제목 추가(제목 2)

다음을 사용하여 텍스트 모듈을 삽입합니다. 내용 H2 사이즈.

H2 텍스트 설정

탭으로 전환 스타일 모듈을 변경하고 그에 따라 H2 텍스트의 매개변수를 수정합니다.

헤더 글꼴: Poppins
소프트 라이트 헤더: 굵게
텍스트 정렬: 가운데
헤더 텍스트 색상: #ffffff
헤더 텍스트 크기: 31px(데스크톱), 24px(태블릿), 18px(전화)
헤더 행 높이: 1,6em

크기 조정

또한 모듈에 최대 너비를 추가하십시오.

최대 너비: 700픽셀

열에 버튼 모듈 추가

버튼에 텍스트 추가

열의 텍스트 모듈 바로 아래에 버튼 모듈을 삽입하고 원하는 텍스트를 입력합니다.

조정

탭으로 전환 스타일 모듈의 버튼 정렬을 중앙으로 변경합니다.

버튼 정렬: 중앙

버튼 설정

버튼을 사용자 정의하여 계속하십시오.

버튼에 사용자 정의 스타일 사용: 예
버튼 텍스트 크기: 12px
버튼 텍스트 색상: #000000
배경 버튼: #FFFFFF
테두리 너비 버튼: 0픽셀

읽기 : DIVI에서 블로그 페이지를 회전 목마로 표시하는 방법

버튼 테두리 반경: 100px
버튼 문자 간격: 1px
버튼 글꼴: Poppins
소프트 라이트 버튼: 반 굵게
스타일 복사 버튼: TT

간격

또한 사용자 정의 내부 여백 값을 추가하십시오.

내부 여백(상단 및 하단): 14px
내부 여백: 왼쪽(40px); 오른쪽(58px)

섹션 2

이전 섹션 아래에 두 번째 "일반" 섹션을 추가합니다.

배경색

배경색 변경

배경: #ffffff

간격

그런 다음 모든 내부 여백(상단 및 하단)을 제거합니다.

내부 여백(상단 및 하단): 0px

경계

또한 단면에 경계 반경을 추가합니다.

둥근 사각형(왼쪽 상단): 20px
둥근 사각형(오른쪽 상단): 20px