테마 옵션
From LimeSurvey Manual
LimeSurvey 3에서는 Twig 1.29와 Bootstrap을 기반으로 하는 새로운 템플릿 엔진 시스템이 도입되었으며, 이 시스템은 템플릿 상속과 다양한 템플릿 옵션을 지원합니다.
설문조사 테마 옵션 기능을 사용하려면 LimeSurvey를 최신 버전으로 설치하십시오.
소개
테마 옵션은 설문조사 관리자가 설문조사의 테마 관련 설정을 빠르고 쉽게 변경할 수 있도록 하는 도구 모음을 제공합니다.
테마 옵션 패널
테마 옵션 기능은 설문조사 설정에서 접근할 수 있습니다:
패널의 도구 모음에는 간단한 옵션 탭과 고급 옵션 탭, 두 개의 탭이 있습니다.
간단한 옵션
테마 옵션 페이지에는 다음 내용이 표시됩니다:
각 테마에는 설문조사 테마 옵션에서 변경할 수 있는 고유한 옵션이 있습니다. 이 위키 섹션에서는 HTML, php 및/또는 CSS에 대한 사전 지식이 없는 사용자도 테마를 얼마나 빠르고 쉽게, 그리고 강력하게 변경할 수 있는지 보여 주기 위해 LimeSurvey 기본 테마인 fruity를 사용합니다.
간단한 옵션 탭이 기본으로 선택되어 있습니다. 가장 중요한 설문조사 테마 설정은 여기에서 변경할 수 있습니다:
- 모든 항목 상속: 예 버튼을 선택하면 모든 테마 구성이 전역 구성 수준에서 상속됩니다. 아니오를 선택하고 화면 오른쪽 상단에 있는 저장 버튼을 클릭하면 더 많은 테마 구성 옵션이 표시됩니다. 이러한 각 옵션은 다음 중 하나로 설정할 수 있습니다:
- 설문조사 그룹의 테마 구성 상속 - 상속 (변경하지 않으면 설문조사 테마는 전역 테마 구성을 상속합니다);
- 전역 테마 구성을 상속하지 않음 - 아니오;
- 또는 다른 구성 사용 - 예. 이 옵션을 선택하면 테마 설정을 원하는 대로 구성할 수 있습니다. 각 테마 설정에서 상속 값을 선택할 수 있음을 확인할 수 있습니다.
상속 시스템은 세 가지 수준에서 적용됩니다:
- 전역 수준 (템플릿 목록에서 접근 가능). 나머지 두 수준은 전역 테마 설정을 상속합니다;
- 설문조사 그룹 수준 (설문조사 설정 패널에서 접근 가능). 설문조사 그룹 수준의 테마 설정은 전역 테마 설정을 상속합니다;
- 설문조사 수준. 설문조사 테마 설정은 설문조사 그룹 테마 설정을 상속합니다.
- 테마 글꼴: 테마에 사용할 글꼴을 선택합니다;
- 테마 변형: 드롭다운 목록에서 사용 가능한 테마 변형 중 하나를 선택합니다. 글꼴과 아이콘 색상이 변경됩니다.
상속하지 않음
위에서 언급한 것처럼 설문조사 설정 메뉴에서 전역 테마 구성을 상속하지 않도록 선택할 수 있습니다. 저장 버튼을 클릭하면 더 많은 옵션이 표시됩니다:
이 기능의 강력함을 보여 드리기 위해 다음 설명은 fruity 테마를 기준으로 합니다. 각 테마에는 고유한 사용자 지정 옵션이 있다는 점에 유의하십시오.
- Ajax 모드: 활성화하면 ajax를 통해 설문조사 페이지가 더 빠르게 로드됩니다(일반적인 LimeSurvey 사용자에게 권장). 비활성화하면 페이지 새로고침 방식으로 로드되며, 디버깅 목적에는 이 방식이 더 좋습니다;
- 설문조사 컨테이너: 예를 선택하면 설문조사가 컨테이너 안에 표시되며 너비가 제한됩니다. 설문조사 너비가 제어되므로 설문조사 참여자들이 휴대폰이나 태블릿으로 설문조사를 작성하는 경우 유용한 옵션입니다. 따라서 응답자는 질문 전체를 읽거나 모든 응답 옵션을 보기 위해 더 이상 오른쪽으로 스크롤할 필요가 없어 더 편리합니다. 설문조사가 블로그나 포럼에 포함된 경우에는 이미 일정한 너비가 사용되므로 이 옵션을 비활성화해도 됩니다.
- 질문 테두리: 활성화하면 각 질문이 테두리 안에 표시됩니다. 아니오로 설정하면 질문이 상자 안에 포함되지 않습니다(따라서 화면 너비보다 큰 대형 배열 질문 유형을 사용할 수 있습니다);
- 질문 그림자: 활성화하면 보이거나 보이지 않는 질문 테두리 주변에 그림자가 표시됩니다.
- 배경 색: 응답을 포함한 질문 전체의 배경 색을 선택합니다;
- 글꼴 색: 팝업 메뉴에서 원하는 색을 선택하여 글꼴 색을 변경합니다.
- 질문 배경 색: 팝업 메뉴에서 원하는 색을 선택하여 질문 배경 색을 변경합니다.
- 아이콘 확인: 이 설정을 사용하면 다중 선택 질문 유형을 사용할 때 원하는 체크 아이콘을 선택할 수 있습니다.
- 배경 이미지: 아니오로 설정하면 설문조사 그룹 및/또는 전역 테마 설정에서 사용 중인 이미지와 다른 배경 이미지를 선택할 수 있습니다. 또한 테마 설정 패널 하단에 있는 업로드 버튼을 클릭하고 컴퓨터에서 원하는 이미지를 선택하여 개인 설문조사 배경 이미지를 업로드할 수도 있습니다;
- 브랜드 로고: 아니오로 설정하면 상단 바에 설문조사 이름이 표시되거나, 파일 디렉터리에 있는 그림 중 하나를 로고 그림으로 선택할 수 있습니다.
- 본문에 애니메이션 효과: 예로 설정하면 설문조사의 "본문"이 로드될 때 적용할 애니메이션을 선택할 수 있습니다;
- 질문에 애니메이션 효과: 예로 설정하면 설문조사 질문이 로드될 때 적용할 애니메이션을 선택할 수 있습니다.
- 알림에 애니메이션 효과: 예로 설정하면 설문조사 알림(설문조사 데이터가 기록되지 않거나 잘못된 토큰을 입력한 경우)이 선택한 애니메이션 옵션에 따라 움직입니다.
- 확인란에 애니메이션 효과: 예로 설정하면 응답 옵션을 선택할 때마다 애니메이션이 실행됩니다.
- Radio 버튼 애니메이션 효과: 예로 설정하면 라디오 유형 질문에서 옵션을 선택할 때마다 애니메이션이 실행됩니다.
애니메이션에 사용되는 라이브러리는 animate.css입니다. 기본 라이브러리를 사용하거나 직접 만든 애니메이션 라이브러리를 추가할 수 있습니다.
기간 필드에 숫자를 입력하십시오. 10을 입력하면 애니메이션이 10초 동안 지속됩니다.- Fruity 글꼴: 테마에 사용할 글꼴을 선택합니다.
- Fruity 변형: 드롭다운 목록에서 사용 가능한 테마 변형 중 하나를 선택합니다. 글꼴과 아이콘 색상이 변경됩니다.
- 업로드: 컴퓨터에서 테마의 로고 또는 배경 이미지로 사용할 이미지를 찾아 업로드합니다. "/themes/survey/fruity/files" 폴더에 쓰기 권한이 필요할 수 있습니다. 이 폴더는 업로드한 이미지가 LimeSurvey 설치 위치에 저장되는 곳입니다.
고급 옵션
테마 옵션 탭을 열면 간단한 옵션 또는 고급 옵션 중 하나를 선택하여 편집할 수 있습니다. “고급 옵션”은 데이터베이스에 있는 주요 테마 구성 필드에 직접 접근할 수 있는 단순한 양식입니다. 작동 방식을 이해하려면 XML 파일과 처음부터 테마를 만드는 방법에 대해서도 읽어 보시기 바랍니다. 따라서 다소 복잡하며 고급 사용자를 위해 만들어졌습니다.
고급 설정을 편집하려면 고급 옵션 탭을 클릭하십시오.
- CSS 파일: 템플릿에 추가할 CSS 파일입니다.
- JS 파일: 템플릿에 추가할 JS 파일입니다.
- 파일 인쇄 CSS: 템플릿을 인쇄할 때 불러올 CSS 파일입니다.
- 옵션: 템플릿 보기에 전달되어 구문 분석될 옵션(및 그 값)이 포함된 필드입니다.
- CssFramework Name: 불러올 CSS 프레임워크의 이름입니다. 현재는 Bootstrap 또는 없음만 지원됩니다.
- Cssframework Css: 이 필드에서 코어 bootstrap.css를 다른 사용자 지정 버전으로 교체할 수 있습니다.
- Cssframework Js: 코어 boostrap.js 필드를 이곳에서 다른 사용자 지정 버전으로 교체할 수 있습니다.
- 탑재할 패키지: 이 설정에서 LimeSurvey의 일부 코어 에셋 패키지를 불러올 수 있습니다.
상단에 업로드 입력란이 있으며, 이를 통해 테마의 파일 디렉터리에 파일을 업로드할 수 있습니다. 이 매개변수들을 사용하여 테마의 전체 모양을 변경할 수 있습니다.
경고! : 무엇을 하는지 정확히 알지 못한다면 값을 변경하지 마십시오!