베스트셀링 인기 워드프레스 테마 Top 30 자세한 정보

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

Last Updated: 2020년 11월 14일 | 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 사이트로 이동합니다.

최근 공개된 Divi용 무료 레이아웃 팩 - 티숍, 화장품샵, 마라톤, 푸드 레스피 등 2참고로 1개 사이트에 사용할 경우 아바다, 엔폴드와 같은 단품 테마를 이용하는 것이 저렴하지만, 여러 사이트에 적용할 경우 라이선스 기간(1년 또는 평생) 동안 무제한 사이트에 설치할 수 있는 Divi 테마가 더 경제적인 것 같습니다.



5 개 댓글

Leave a Comment

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

    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 방식으로 부르면 잘 불러지지가 않네요..ㅠㅠ

    감사합니다.~

    응답
    • 안녕하세요?

      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 포럼에 질문을 남기면 적절한 답변을 받을 수 있을 것입니다.

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

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

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

      • 안녕하세요?

        폰트는 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로 폰트 종류를 세부적으로 조정해보시기 바랍니다.