목차
문제 탭에서 무엇을 할 수 있나요?
문제 탭에서는 커버와 결괏값을 제외한 콘텐츠의 모든 내용을 구성할 수 있어요.
제작하는 콘텐츠에 어울리는 레이아웃을 고르고 선택지를 추가해 보세요. 다양한 디자인 기능을 통해, 우리 브랜드만의 콘텐츠를 만들 수 있답니다.
기본 기능
1️⃣ 문제 추가
왼쪽 상단의 ‘+추가’ 버튼이나 문제 카드 하단의 ‘+’ 버튼을 누르면 새로운 문제를 추가할 수 있어요. 텍스트 선택, 이미지 선택, 날짜 입력, 시간 입력 등 여러 유형의 문제를 섞어서 사용할 수 있답니다.
2️⃣ 문제 유형 선택
문제 카드 오른쪽 상단의 ‘문제 유형 선택’ 버튼을 누르면, 기존 문제의 유형을 변경할 수 있어요. 문제는 크게 퀴즈와 폼으로 구분되어 있어요. 퀴즈 유형에는 텍스트/이미지 선택이, 폼 유형에는 텍스트/이메일 주소/숫자/시간/링크/전화번호/주소/긴 텍스트 입력이 있답니다.
3️⃣ 문제 복제/삭제
문제 카드 오른쪽 상단의 ‘문제 복제’ 버튼을 누르면, 문제 카드를 복제할 수 있어요. 문제 카드 오른쪽 상단의 ‘삭제’ 버튼을 누르면, 문제 카드를 삭제할 수 있어요.
4️⃣ 문제 순서 변경
문제 카드 왼쪽 상단의 버튼을 누른 채로 마우스를 끌어주면, 문제 카드의 순서를 변경할 수 있어요.
문제 페이지 구성
1️⃣ 레이아웃
텍스트와 이미지/영상 중 문제 페이지의 레이아웃을 선택해 주세요.
- 문제에 이미지 넣기 이미지/영상 레이아웃을 사용하면 문제에 이미지를 넣을 수 있어요.
- 문제에 영상 넣기 이미지/영상 레이아웃을 사용하면 문제에 영상을 넣을 수 있어요. 문제 상단의 빈칸을 클릭하고 오른쪽의 영상 아이콘을 선택한 뒤, 유튜브 영상 링크를 첨부해 주세요.
문제 상단의 빈칸을 클릭하고 왼쪽의 사진 아이콘을 선택한 뒤, 원하는 이미지를 삽입해 주세요. 문제별로 다른 이미지를 삽입하는 것도 가능하답니다! 문제에 들어갈 이미지로는 비율이 16(가로):9(세로)인, 5MB 이하의 이미지를 추천해 드려요.
🤔: 문제가 넘어갈 때 영상이 자동으로 재생되면 좋겠어..! 영상 일부만 보여줄 수는 없을까? 걱정하지 마세요. 영상의 자동재생 여부와 영상의 시작/종료 시간을 설정할 수 있답니다.
2️⃣ 문제 뒤로가기
🧐: 내가 응답한 내용을 다시 확인해 볼 수는 없을까? 아니..! 이메일 정보를 잘못 적고 넘겼잖아..?
콘텐츠를 플레이하는 유저가 앞의 문제로 되돌아가 자신의 응답을 확인할 수 있도록, 문제 뒤로가기 기능을 허용해 보세요! 문제 뒤로가기를 허용하면, 상단의 진행바 왼쪽에 화살표(<)가 생긴답니다.
3️⃣ 선택지 구성하기
퀴즈 문제 하단의 버튼을 선택지라고 해요! 선택지는 텍스트형과 이미지형이 있답니다.
- 선택지 개수 텍스트형 선택지는 5개까지, 이미지형 선택지는 4개까지 설정할 수 있어요. 문제 카드 하단의 ‘+’버튼을 누르면 선택지가 추가되고, 왼쪽의 ‘X’ 버튼을 누르면 선택지를 삭제되어요.
- 선택지 위치 이동 각 선택지의 이동 버튼을 누르고 끌어, 선택지의 위치를 자유롭게 변경할 수 있어요.
- 이미지 선택지 PNG, JPG, GIF 파일을 모두 지원하고 있어요. 꽉 찬 사각형 모양의 버튼, 공중에 떠 있는 모습의 버튼(투명 배경 png), 움직이는 버튼(gif) 모두 구현 가능하답니다!
4️⃣ 텍스트 구성하기
- 텍스트 문구 수정 질문과 선택지의 텍스트를 자유롭게 변경할 수 있어요.
- 텍스트 글꼴 변경 문제 카드의 모든 텍스트에서 굵기/기울임/밑줄 여부와 색상을 선택할 수 있어요.
- 문제 번호 숨기기 문제 카드 오른쪽 상단의 ‘#’버튼을 누르면 문제 번호를 숨길 수 있어요. #버튼을 다시 한번 누르면 문제 번호가 나타나요.
디자인
1️⃣ 문제별 테마 커스텀
각 문제 페이지별로 배경과 버튼 색을 다르게 설정할 수 있어요. 문제 카드 우측의 ‘문제별 테마 커스텀’ 버튼을 누르고 강조색(버튼색)과 배경색을 설정하거나, 배경 이미지를 업로드해 보세요.
- 강조색 & 배경색 설정하기 ’문제별 테마 커스텀’을 통해 배경과 버튼을 원하는 색상으로 설정할 수 있어요. 색상 조절바 하단의 투명도 조절바를 통해 버튼의 투명도를 설정하는 것도 가능해요.
- 배경 이미지 업로드하기 배경 이미지 업로드 기능을 통해 원하는 이미지를 배경으로 사용할 수 있어요.
- 스타일 재설정하기 & 미리보기 문제별 테마 커스텀 창의 우측 상단을 보면 스타일 재설정하기와 미리보기 버튼이 있어요. ‘스타일 재설정하기’는 문제의 테마를 기본으로 바꿔주어요. 미리보기 버튼을 통해 테마의 색을 고정하기 전에 확인할 수 있어요.
🤔: 사진이 들어가면 버튼이나 글씨가 안 보이지 않을까? 걱정하지 마세요! 블러 효과와 이미지 밝기 낮추기를 통해 배경을 톤다운 해 줄 수 있어요.
