Divi용 무료 북 프리뷰 랜딩 페이지 레이아웃 다운로드

워드프레스 Divi 테마에 사용할 수 있는 북 프리뷰(Book Preview) Divi 랜딩 페이지 레이아웃을 Elegant Themes 블로그에서 무료로 다운로드받을 수 있도록 공개되었습니다.

레이아웃 파일을 다운로드한 후에 Zip 압축을 해제하고 워드프레스 알림판 > Divi > Divi Library로 이동하여 Import & Export를 클릭하여 레이아웃 파일을 가져올 수 있습니다.

Divi 빌더 내에서 가져오기 기능을 이용하여 레이아웃 가져오기를 시도하면 "This file should not be imported in this context" 오류 메시지가 표시되면서 가져오기가 실행되지 않습니다.

Divi > Divi Library에서 json 파일(divi-book-preview-layout.json)을 임포트하면 Divi 빌더 내에서 방금 임포트한 레이아웃을 불러올 수 있습니다.

그림과 같이 Load From Library > Your Saved Layouts에 Book Preview 레이아웃이 표시됩니다. divi-book-preview-layout을 선택하여 레이아웃을 로드합니다. 레이아웃을 로드한 후에 텍스트를 원하는 대로 수정할 수 있습니다.

오른쪽 본문의 각 섹션(모듈)에 CSS ID를 지정하고, 왼쪽 목차의 각 항목 링크에서 ID를 수정하면 됩니다. 그러면 왼쪽 목차 항목을 클릭하면 본문 부분에 해당 내용이 표시됩니다. 원 페이지 레이아웃을 구성하는 원리와 비슷합니다.

이 레이아웃으로 페이지를 하나 만들어 보았습니다. 여기에서 데모를 확인할 수 있습니다. 본문의 글자가 너무 작게 느껴지네요. CSS로 본문 글자 크기를 조정할 수 있습니다.

이 레이아웃에 대한 자세한 내용은 Elegant Themes 블로그 글을 참고하시기 바랍니다. 레이아웃을 다운로드받아서 활용할 수 있고, 레이아웃처럼 직접 만들고 싶은 사용자를 위해 만드는 방법도 소개되어 있습니다. 이 레이아웃으로 GDPR 페이지와 개인정보 보호정책(Privacy Policy)을 제시하는 용도로 활용했다는 사용자도 있네요.

맛보기로 책이나 문서 일부를 보여주고 전체 내용을 보려면 구입하도록 유도하거나, 개인정보 보호정책이나 서비스 약관 등을 표시하는 용도로도 활용할 수 있을 것 같습니다.