LifterLMS 확장 – Lab: Simple Branding

LifterLMS 확장 – Lab: Simple Branding

개요

이 LifterLMS Lab의 Simple Branding으로 LifterLMS의 색상 구성표를 빠르게 구성할 수 있습니다.

다음 요소의 색상을 사용자 지정할 수 있습니다.

  • 버튼
  • 액세스 플랜 가격표
  • 결제 화면
  • 진행률 표시줄
  • ‘완료’ 아이콘
  • 알림 및 참여 이메일

Labs에서는 기본 옵션만 제공합니다. 보다 강력한 사용자 지정이 필요한 경우 CSS 영역을 통해 사이트에 사용자 지정 CSS를 추가하거나, 거의 모든 LifterLMS를 사용자 지정할 수 있는 LaunchPad 테마를 사용하여 사이트에 사용자 지정 CSS를 추가하는 방법을 활용할 수 있습니다.

설치하기

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

  1. 이 매뉴얼을 따라 LifterLMS Labs를 설치합니다.
  2. LifterLMS -> Labs에서 설정 화면으로 이동합니다.
  3. Simple Branding 활성(Enable) 버튼을 눌러줍니다.

설정

메인 색상(Primary Color)

기본 색상은 LifterLMS의 기본 파란색입니다.

이 색상은 가격표의 주요 항목 테두리, 결제 화면의 테두리 및 헤더 배경, 이메일 헤더 배경 및 LifterLMS에서 생성된 대부분의 버튼에 사용됩니다.

동작 색상(Action Color)

동작 색상은 LifterLMS의 기본 주황색입니다.

이 색상은 LifterLMS의 다른 버튼과 구별되는 몇 개의 버튼에 사용됩니다. 가격표의 링크에도 사용됩니다.

강조 색상(Accent Color)

강조 색상은 LifterLMS의 기본 자홍색입니다.

이 색상은 강의 계획서 및 사이드바 위젯의 진행률 표시줄 및 아이콘에 사용됩니다.

버튼 및 헤드라인 텍스트 색상

단순화하기 위해 Labs에서는 버튼 및 헤더 텍스트의 색상을 자동으로 선택합니다. W3C relative luminance guidelines에 따라 선택한 색상 위에 흰색 또는 검은색 텍스트를 사용해야 하는지 결정합니다.

이는 메인 및 동작 색상으로 생성된 버튼과 메인 색상으로 생성된 헤드 라인에 영향을 줍니다.

자동으로 선택된 색상이 마음에 들지 않는 경우 맞춤 CSS로 재정의 할 수 있습니다.

문제 해결: 색상을 업데이트해도 아무 일도 일어나지 않습니다.

Labs에서는 모든 페이지를 불러올 때 마다 생성될 필요가 없도록 데이터베이스에 많은 양의 캐시된 CSS를 생성합니다.

CSS는 색상이 저장될 때 생성됩니다.

변경한 내용이 반영되지 않은 경우 캐시가 제대로 삭제되지 않았을 수 있습니다.

설정을 다시 저장해보세요.

또한 캐싱 플러그인이 설치되어 있는 경우 페이지 및 데이터베이스 캐시를 지우십시오.

원문: https://lifterlms.com/docs/simple-branding-lab/

코멘트 제출