Divi Builder – 미리 만들어진 레이아웃 사용하기

Divi Builder – 미리 만들어진 레이아웃 사용하기

사전 제작된 레이아웃에 액세스하는 방법

페이지를 생성하거나 편집할 때 Divi 빌더에서 미리 만들어진 레이아웃를 가져올 수 있습니다

우선 새 페이지를 대시보드에서 만듭니다.

새 페이지 만들기

“Divi Builder” 사용을 눌러줍니다.

Divi 빌더 사용

새 페이지인 경우 페이지 작성을 시작하는 방법과 관련하여 세 가지 선택사항이 표시됩니다. “레이아웃 선택하기” 옵션을 선택합니다.

레이아웃 선택하기

그러면 미리 만들어진 모든 레이아웃을 찾을 수 있는 “라이브러리에서 로딩”창이 자동으로 시작됩니다.

사전정의된 레이아웃, 레이아웃 불러오기 또는 기존 페이지

라이브러리에서 로딩창에는 세 개의 탭이 있습니다.

“사전정의된 레이아웃” 탭에서는 Elegant Themes 디자인 팀에서 만든 모든 사전 제작 레이아웃을 무료로 사용할 수 있습니다.

“레이아웃 불러오기” 탭은 Divi 라이브러리에 개인적으로 저장 한 레이아웃에 액세스 할 수 있는 곳입니다.

“귀하의 기존 페이지” 탭에는 현재 웹 사이트에 있는 모든 페이지 (게시물 및 프로젝트 포함) 목록이 포함되며, 여기에서 새 페이지 디자인을 시작하기 위해 기존 페이지를 복제하도록 선택할 수 있습니다.

라이브러리에서 로딩 세 가지 탭

미리 만들어진 레이아웃 불러오기

사전 정의된 레이아웃 탭에서 레이아웃 팩 목록을 스크롤하거나 왼쪽에서 카테고리별로 검색하여 새 레이아웃을 쉽게 찾을 수 있습니다.

사전정의된 레이아웃

레이아웃 팩을 선택하면 팩에 포함된 모든 개별 페이지 레이아웃을 미리 볼 수 있습니다. 오른쪽의 페이지 레이아웃을 클릭하면 왼쪽에 페이지의 미리보기가 생성됩니다. 미리보기에서 “View Live Demo” 버튼을 클릭하여 새 탭에서 페이지의 라이브 데모를 열 수 있습니다. 레이아웃을 사용할 준비가 되면 “Use This Layout” 버튼을 클릭하여 페이지에 레이아웃을 적용하면 됩니다.

레이아웃 사용하기

페이지에 미리 만들어진 레이아웃을 추가하는 것은 일회용이 아닙니다. 비주얼 빌더내에서 새 페이지나 기존 페이지에 대해 언제든지 새 레이아웃에 액세스할 수 있습니다. 세 개의 점이 있는 보라색 원 아이콘을 클릭하여 페이지 하단에 있는 비주얼 빌더의 페이지 설정 메뉴를 엽니다.

비주얼 빌더 설정 보라색 원 아이콘

그런 다음 “라이브러리에서 로딩” 아이콘 (더하기 기호 모양)을 클릭하여 라이브러리에서 로딩창을 클릭하면 미리 만들어진 모든 레이아웃이 표시됩니다

라이브러리에서 로딩 아이콘

기존 콘텐츠에 레이아웃 추가 또는 기존 콘텐츠 교체

미리 만들어진 레이아웃을 빈 페이지나 기존 레이아웃에 불러오거나 기존 콘텐츠를 바꿀 수 있습니다. 빈 페이지에 레이아웃을 불러오면 예상대로 레이아웃이 페이지에 추가됩니다.

미리 만들어진 레이아웃을 기존 페이지에 불러오면 기본적으로 페이지의 기존 콘텐츠 아래에 레이아웃이 추가됩니다. 따라서 페이지에 새 레이아웃을 추가할 때 처음에 페이지에 변경 사항이 표시되지 않으면 아래로 스크롤하여 기존 레이아웃과 함께 배포된 새 레이아웃 콘텐츠를 확인해야합니다.

기존 콘텐츠를 새로운 미리 만들어진 레이아웃으로 완전히 교체하려면 미리 만들어진 레이아웃을 사용하기 전에 “Replace existing content” 옵션을 선택할 수 있습니다. 이 옵션은 레이아웃 미리보기 및 버튼 바로 아래에 있습니다.

기존 컨텐츠 완전 교체하기

저장된 레이아웃로드 및 기존 페이지 복제

레이아웃을 Divi 라이브러리에 저장한 경우 “레이아웃 불러오기”탭에서 이러한 레이아웃에 액세스 할 수 있습니다. 저장된 레이아웃을 페이지에 불러오려면 목록에서 저장된 레이아웃을 클릭하면 됩니다.

저장된 레이아웃 불러오기

저장 및 로드에 대한 자세한 내용은 ‘레이아웃 저장 & 불러오기’ 메뉴얼에서 확인 할 수 있습니다.

웹 사이트의 기존 페이지 중 하나를 복제하여 페이지 디자인을 시작할 수도 있습니다.

“귀하의 기존 페이지”탭을 클릭하고 복제할 페이지를 선택합니다. 그러면 페이지의 레이아웃 (및 콘텐츠)이 새 페이지에 배포됩니다.

기존 페이지에서 불러오기

맞춤화 및 유연성

미리 만들어진 레이아웃을 추가하여 새 페이지 구축을 시작하는 기능은 고유한 레이아웃을 만들 수 있는 유연성의 세계를 열어줍니다. 레이아웃이 만들어지면 원하는 대로 편집할 수 있습니다. 예를 들어, 특정 레이아웃이 마음에 들지만 특정 섹션이 없는 경우 해당 섹션의 휴지통 아이콘을 클릭하여 삭제하면 됩니다.

마음에 안드는 섹션 삭제하기

페이지의 각 요소를 자신의 콘텐츠로 교체하면 단 몇 분만에 멋진 맞춤형 사이트를 만들 수 있습니다. 비주얼 빌더를 사용하면 이러한 변경이 간단합니다. 변경하려는 영역위로 마우스를 가져 가면 해당 설정이 나타납니다. 텍스트를 변경하려면 텍스트를 선택하고 입력을 시작하면 됩니다.

텍스트 변경하기

변경 사항이 마음에 들면 “Ctrl + s”를 눌러 저장하거나 버튼으로 저장할 수 있습니다. 변경 사항이 마음에 들지 않으면 “Ctrl + z”를 눌러 취소 할 수 있습니다 (또는 편집 내역 버튼을 사용하여 한 번에 여러 작업을 롤백 할 수 있습니다!).

비주얼 빌더로 요소를 편집하는 방법에 대한 자세한 내용은 Divi Builder 시작하기 게시물에서 확인해 보세요.

원문: https://www.elegantthemes.com/documentation/divi/premade-layouts/

코멘트 제출