최근 공개된 Divi용 무료 레이아웃 팩 – 티숍, 화장품샵, 마라톤, 푸드 레스피 등

5

Elegant Themes에서는 매주 새로운 레이아웃 팩을 만들어 무료로 공개하고 있습니다. 공개된 레이아웃 팩은 Divi 테마에서 이용이 가능합니다.

Divi용 무료 레이아웃 팩

현재 28개 레이아웃 팩이 공개되었으며 총 228개의 레이아웃이 제공됩니다. Load Layout을 클릭하면 맨 아래에 가장 최근에 릴리스된 레이아웃 팩이 표시됩니다. Find a Layout 아래의 검색 상자에서 키워드(예: Contact)를 입력하여 레이아웃을 검색할 수도 있습니다.

Tea Shop Layout Pack(티숍 레이아웃 팩)

Divi용 무료 레이아웃 팩어제 공개된 Divi용 Tea Shop(티숍, 찻집) 레이아웃 팩. Elegant Themes 블로그에서 전체 레이아웃을 확인해볼 수 있습니다.

이와 별도로 Coffee Shop(커피숍) 레이아웃 팩도 작년에 공개되었습니다.

Divi용 무료 커피숍 레이아웃 팩

Cosmetics Shop Layout Pack(화장품샵 레이아웃 팩)

Divi용 화장품샵 레이아웃 팩

화장품샵(화장품 판매점) 사이트에 이용할 수 있는 레이아웃 팩. 은은한 색상이 고급스러워 보이네요. 총 7개의 레이아웃이 제공됩니다. 전체 레이아웃은 Elegant Themes 블로그에서 확인해볼 수 있습니다.

Marathon Layout Pack(마라톤 레이아웃 팩)

Divi용 마라톤 레이아웃 팩

무료 Divi용 마라톤 레이아웃 팩. 마라톤 등 육상 스포츠와 관련된 블로그에 적합할 것 같습니다. 랜딩 페이지, 갤러리 페이지, 블로그 페이지 등을 포함하여 총 9가지 레이아웃이 제공됩니다. 전체 레이아웃은 여기에서 확인해볼 수 있습니다.

Food Recipes Layout Pack(푸드 레스피 레이아웃 팩)

Divi용 푸드 레스피 레이아웃 팩

푸드 레스피 레이아웃 팩으로 레스피를 소개하는 블로그나 사이트에 활용하면 좋을 듯 합니다. 레스피 페이지, 셰프 소개 페이지 등 총 8개 레이아웃이 포함되어 있습니다. 전체 레이아웃은 Elegant Themes 블로그에서 확인할 수 있습니다.

이외에도 최근에 Design Conference(디자인 컨퍼런스), Babysitter(베이비시터) 등 다양한 레이아웃 팩이 공개되었습니다.

Divi용 디자인 컨퍼런스 레이아웃 팩
무료 Divi용 디자인 컨퍼런스 레이아웃 팩
무료 Divi용 베이비시터(아기돌보미) 레이아웃 팩
무료 Divi용 베이비시터(아기돌보미) 레이아웃 팩

예전에는 무료 레이아웃 팩을 Divi 테마에서 설치(임포트)한 후에 이용할 수 있었지만 최근 Divi 테마가 업데이트되면서 공개되는 무료 레이아웃 팩이 자동으로 Premade Layouts에 추가되어 보다 수월하게 레이아웃 팩을 이용할 수 있습니다.

아래 배너를 클릭하면 Elegant Themes 사이트로 이동합니다.

참고로 1개 사이트에 사용할 경우 아바다, 엔폴드와 같은 단품 테마를 이용하는 것이 저렴하지만, 여러 사이트에 적용할 경우 라이선스 기간(1년 또는 평생) 동안 무제한 사이트에 설치할 수 있는 Divi 테마가 더 경제적인 것 같습니다.

*일부 글에 제휴링크가 포함될 수 있습니다.기부를 통해 블로그 운영을 후원하실 수 있습니다.

Related Posts

댓글 5건
  1. damanegi

    안녕하세요
    블로그 보면서 디비테마를 만져보고있습니다~
    만지는중 궁금한점이 있어서요~!

    1. 디비 테마 전체에 폰트를 임의의 웹폰트로 적용을 하고 싶은데..
    디비 테마에서 기본으로 불러오는 웹폰트를 초기화 하는 방법이 있을까요?

    2. 기존 폰트를 초기화 하고 child 테마를 만들어 style.css 에서 @import 방식으로 부르고 싶습니다. 현재로선 테마 옵션 -> integration -> 당신의 블로그의 에 코드 추가에서
    위 방법으로 폰트를 불러온 후
    테마커스터 마이저 -> 추가 css
    *{font-family: ‘Playfair Display’,’Nanum Myeongjo’, serif;}
    body *{font-family: ‘Playfair Display’,’Nanum Myeongjo’, serif;}
    의 방법으로 부르는데
    child 테마를 만들고 style.css 에서 @import 방식으로 부르면 잘 불러지지가 않네요..ㅠㅠ

    감사합니다.~

    1. Word

      안녕하세요?

      Divi 블로그( http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=34581&url=41104 )에서는 다음과 같은 코드를 함수 파일에 추가하라고 되어 있네요.

      function load_fonts() {
      wp_register_style('et-googleFonts', 'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300');
      wp_enqueue_style( 'et-googleFonts');
      }
      add_action('wp_print_styles', 'load_fonts');

      저는 위의 코드를 사용하지 않고 아무런 선언(declare) 없이 그냥 일반적인 방식으로 코드를 넣고 있는데 잘 작동하는 것 같습니다.

      예: body {
      font-family: arial,’Nanum Gothic’,helvetica,sans-serif!important;
      }

      아마 아이콘 폰트가 깨져 나올 수 있을 것입니다. 그런 경우 개별다음 글의 댓글 부분을 참고해보시기 바랍니다.

      https://www.thewordcracker.com/basic/elegant-themes-divi-%eb%a6%ac%eb%89%b4%ec%96%bc/

      참고로 구글 웹폰트를 로드할 때 @import 방식으로 로드하면 사이트 속도가 느려집니다. 그래서 @import를 사용하지 않는 것이 좋을 것 같습니다. 대안으로 다음 글을 참고해보시기 바랍니다.

      https://hackya.com/kr/%EC%98%AC%EB%B0%94%EB%A5%B4%EA%B2%8C-%EC%9B%B9%ED%8F%B0%ED%8A%B8-%EB%A1%9C%EB%94%A9%ED%95%98%EA%B8%B0/

      문제가 잘 해결이 안 되면 Elegant Themes 포럼에 질문을 남기면 적절한 답변을 받을 수 있을 것입니다.

      1. 조재영

        답변 감사합니다~
        관리자님 테마설정- > 일반설정 -> 타이포그래피 설정 메뉴에서
        header font / body font 설정하는 셀렉트 박스가 아예 없는데
        혹시 3.0으로 업데이트 되면서 없어진것인가요?
        사이트 전체 폰트 설정을 해야하는데 어디서 해야하는 지를 모르겠어요~
        저만 저렇게 나오는것인지.. 관리자님 디비 설정 메뉴에서도 같은가요? ㅠㅠ
        2시간넘게 끙끙대다 여쭤봅니다 ㅠㅠ

      2. 조재영

        https://uploads.disquscdn.com/images/2cd93f66ad79b3d547b00245fd0c2bbe5d1a3e32b72a5ba3454f835481bf013e.png

        스크린샷 처럼 헤더폰트 바디폰트 설정하는게 안나와요.. ㅠ

      3. Word

        안녕하세요?

        폰트는 CSS로 설정해줄 수 있습니다.

        가령, 저는 차일드 테마 내의 style.css 파일에 다음과 같이 추가했습니다.

        body, h1, h2, h3, h4, h5, input, select, textarea { font-family: Helvetica, "Helvetica Neue", Arial, "Open Sans", NanumBarunGothic, NanumGothic, 나눔고딕, "맑은 고딕", "Malgun Gothic", 돋움, Dotum, sans-serif !important; }

        아이콘이 깨지는 경우

        .et-animated {
        font-family: ETmodules !important;
        }

        이와 비슷한 코드를 사용하시면 될 것입니다.

        CSS로 폰트 종류를 세부적으로 조정해보시기 바랍니다.

댓글 남기기