디비 커스텀 루프 기본 사용법

개념 디비 커스텀 루프 모듈은  반복대상의 템플릿을 DIVI 라이브러리도 대체 할수 있습니다. 적용 Divi 라이브러리 에서 반복대상의 구조를 생성합니다. Divi > 테마 빌더 에서 “디비 커스텀 루프” 모듈을 선택합니다. 빌더 화면에서 모듈 설정 하기 디비 커스텀 루프 모듈의 설정을 합니다. 반복대상 레이아웃 에서  Divi 라이브러리 에서 생성한 레이아웃을 선택합니다. 디자인은 그리드, 리스트 를 선택할수 있습니다. 페이징 방식은 페이지 방식...

Divi 라이브러리 이미지 사이즈 선택

개념 디비 이미지 모듈의 대표이미지의 사이즈를 선택할수 있습니다. 기본 제공되는 이미지 모듈의 경우 사이즈는 원본 사이즈 적용됩니다. 적용  

Divi theme builder 에서 Learndash 3.2.3.1 이슈

Learndash  버전 3.2.3.1  기준  Divi Theme Builder 에서 강의 페이지 적용시 컨텐츠 게시 모듈을 통해 강의 상세 페이지 구현되어 있다면, Learndash 의 강의 테마 를 거치지 않아서 수업진도율, 강의 연결된 수업 목록등의 내용이 나오지 않고 강의 에서 작성된 컨텐츠만 출력됩니다. 아래 내용을 wp-config.php 에 추가해 주시면 테마 빌더에서 강의 페이지를 구현하더라도 정상적으로 Learndash  에서 제공되는  template 를...

드롭다운 메뉴의 폭(width) 변경하기

/* 드롭다운 메뉴 폭 변경 */ .nav li ul { width: 320px !important; /* 드롭다운 메뉴의 폭 */ } .nav li li ul { left: 320px !important; /* 위에 입력한 동일 크기를 입력합니다. */ } #top-menu li li a { width: 280px; /* 위에 입력한 값보다 40px를 줄여서 입력합니다. */ }...

기본폰트를 시스템 폰트로 지정하기

아래 CSS를 사용합니다. /* 폰트 – 애플산돌고딕, 맑은고딕 적용 */ h1,h2,h3,h4,h5,h6,body, input, textarea, select, p{ font-family:’Apple SD Gothic Neo’,’Malgun Gothic’, sans-setif, Arial !important; }...

갤러리에서 슬라이드-인 효과 없애기

고급 > 갤러리 아이템에 아래 CSS를 추가합니다. -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;

페이지가 출렁 거립니다.

페이지가 출렁 거린다는 것은 CSS 로딩에 문제가 있는 경우입니다. 물론 캐싱된 페이지는 정상일 수 있습니다. 디비는 캐싱이되지 않더라도 정적(static) CSS 파일을 생성하여, 이 문제를 해결해 줍니다. 결국 출렁거린다는 건 정적 CSS 파일이 제대로 만들어 지지 않는 상태입니다. 아래 순서로 시도해 보십시오. 정적 CSS 파일은 페이지를 처음 로딩할 때, 만들어 집니다. 따라서, 정상적인 경우라도 첫 로딩에서는 효과가 없습니다. 1) 정적 HTML 생성 옵션 확인 디비...

Divi 라이브러리 이미지 사이즈 선택

개념 디비 이미지 모듈의 대표이미지의 사이즈를 선택할수 있습니다. 기본 제공되는 이미지 모듈의 경우 사이즈는 원본 사이즈 적용됩니다. 적용  

Divi 로컬 캐시 제거

Divi / Extra 테마를 사용하다보면 가끔씩 브라우저에 저장된 캐시 때문에 모듈 업데이트 내용(개발자의 경우)이 반영이 되지 않고 이전 버전이 계속 보이는 경우가 있습니다. 새로운 번역을 적용했을 경우에도 이와 유사한 현상이 발생하기도 합니다. 이 것은 디비가 모듈의 빠른 로딩을 위해 브라우저의 로컬캐시를 이용하여 모듈의 템플릿을 저장해 두기 때문인데요, 이를 리셋하는 방법을 소개합니다. 브라우저의 북마크바에 임의의 새로운 북마크(페이지)를 생성합니다. 이름 부분에는...

Divi Theme 설치 후, 해야할 설정

날짜 형식 변경 디비 테마를 기본값은 날짜가 부자연스럽게 출력된다. Divi > 테마 옵션 > 일반에서 날짜 형식을 다음으로 변경한다. Divi & Extra 한글폰트 설치 Divi Builder는 한글 폰트를 지원하지 않습니다. 단비스토어에서 배포하는 Divi & Extra 한글폰트를 설치하면, 한글폰트를 사용할 수 있습니다. 또한, CSS 없이 기본폰트를 변경할 수 있습니다.참고로 워드프레스의 시간 표시 형식도 아래로 변경하는 게 자연스럽습니다,....

Divi Theme 번역파일 위치

Divi Theme의 번역파일은 한 곳이 아니라, 3곳에 위치하며 각각의 폴더는 아래와 같습니다. divi/include/builder/languages divi/core/languages/ divi/lang/

DIVI 빌더에서 컬럼을 세로 기준으로 가운데 정렬하기

2컬럼, 3컬럼 등 여러개의 컬럼 레이아웃 제작 시 각각의 컬럼이 세로 기준으로 가운데 정렬 (Vertical Center Align)되기를 원하는 경우가 있습니다. DIVI 빌더에서 행(ROW) 내의 컬럼 레이아웃은 위와 같이 Vertical Top을 기준으로 정렬됩니다. 이것을 아래 화면처럼 Vertical Center를 기준으로 정렬하고자 할 때를 위한 팁입니다. 아직 DIVI 빌더에서는 이러한 경우에 대한 옵션 기능이 없기 때문에 아래와 같은 간단한 CSS 트릭을 통해...