LifterLMS 확장 – Labs: Divi 테마 호환

LifterLMS 확장 – Labs: Divi 테마 호환

개요

Divi Theme Compatibility Lab인 Lifti를 사용하면 LifterLMS와 Divi 테마가 서로 원활하게 통합될 수 있습니다.

Lifti를 활성화하면 다음 기능이 자동으로 활성화됩니다.

  • Divi 테마에 LifterLMS 사이드바 호환성 추가
  • LifterLMS 강의 및 멤버십 카탈로그에 Divi HTML 구조 추가

선택적으로 다음을 활성화할 수 있습니다.

  • 강의, 수업 및 멤버십에서 Divi Builder 기능 활성화
  • 강의, 수업 및 멤버십에서 Divi 페이지 레이아웃 설정 활성화

설치

Lifti는 무료 LifterLMS Labs 플러그인내에서 사용할 수 있습니다.

Lifti를 설치하려면

  1. 이 매뉴얼을 따라 LifterLMS Labs를 설치합니다.
  2. LifterLMS -> Labs에서 설정 화면으로 이동합니다.
  3. 활성화(Enable) 버튼을 클릭하여 Lifti를 활성화합니다.
Lifti 활성화

Divi Builder 및 레이아웃 설정 활성화하기

Lifti를 설치하고 활성화한 후 LifterLMS 강의, 수업 및 멤버십에 특정한 옵션을 활성화할 수 있습니다.

Lifti 설정 화면에서 이러한 포스트 유형에 대해 Divil Builder 및 Divi 레이아웃 설정을 활성화할 수 있습니다.

  1. LifterLMS -> Labs에서 설정 화면으로 이동합니다.
  2. Lifti 행에서 구성(Configure) 버튼을 클릭합니다.
  3. 설정 화면에서 활성화하려는 각 게시물 유형의 확인란을 선택합니다.
Lifti 구성

4. 저장을 클릭

5. 활성화한 게시물 유형으로 이동하고 빌더를 활성화하거나 레이아웃 설정을 활용합니다.

Divi Builder로 등록 학생, 비등록 학생 컨텐츠 구분

Divi Builder를 활성화하면 강의 또는 멤버십에 대해 더이상 등록 또는 비등록 학생 컨텐츠 편집기를 사용할 수 없습니다. 대신 이제 두 학생 유형 모두의 컨텐츠를 표시하는 하나의 빌더가 있습니다.

학생 또는 방문자 등록 상태에 따라 다른 콘텐츠를 표시하는 기능을 유지하기 위해 빌더 레이아웃 내의 각 섹션 모듈에 사용자 지정 CSS 클래스를 추가할 수 있습니다.

섹션 모듈에 사용자 정의 CSS 클래스를 추가하려면:

  1. 섹션 설정 아이콘을 클릭합니다.
섹션 설정 아이콘

3. 고급 => CSS ID & 클래스로 이동

4. CSS 클래스에 대한 텍스트 입력에 사용자 지정 CSS 클래스를 입력할 수 있습니다. 여러 클래스는 공백으로 구분해야 합니다.

CSS 클래스 입력란

사용할 사용자 지정 CSS 클래스

  • 등록된 학생에게 표시: llms-enrolled-student-content
  • 비등록 학생에게 표시: llms-non-enrolled-student-content

섹션에 이런 클래스가 없으면 등록 상태에 관계없이 모든 학생과 방문자에게 섹션이 표시됩니다.

사전 정의된 강의 레이아웃

Lifti에는 강의에 대해 미리 정의된 빌더 레이아웃이 포함되어 있습니다.

이 레이아웃에는 강의에 있는 각 기본 요소에 대한 모듈이 포함되어 있으며 빌더 레이아웃 내에서 강의의 초기 화면에 필요한 콘텐츠 클래스를 자동으로 추가합니다.

Divi의 변경으로 더 이상 사전 정의된 레이아웃을 자동으로 로드 할 수 없습니다.

여기를 눌러서 레이아웃을 다운로드 할 수 있습니다 (참고: “마우스 오른쪽 버튼을 클릭” 하고 “다른 이름으로 저장”을 선택한 다음 Divi 레이아웃 가져오기 & 내보내기 매뉴얼을 따라 Divi 라이브러리로 가져옵니다.

Builder을 사용할 때 기본 LifterLMS 요소 제거

빌더를 활성화하면 기본 LifterLMS 요소(강의 강의 계획서 또는 강의 작성자 등)를 제거하고 빌더 내에서 직접 추가할 수 있습니다.

이러한 모든 요소는 액션 후크를 통해 추가됩니다. 이러한 요소를 제거하는 방법에는 두 가지가 있습니다.

Action hooks를 사용해 프로그래밍 방식으로 제거합니다.

LifterLMS Labs Action Manager Lab을 활용해서 몇 번의 클릭만으로 작업을 제거할 수 있습니다.

원문: https://lifterlms.com/docs/lab-lifti/

코멘트 제출