메인페이지
이 페이지에 아직 위젯이 없습니다.
아래 「위젯 추가」를 누르고 칸 배치를 고른 뒤, 칸을 눌러 넣을 위젯을 골라 보세요.
이 페이지에 아직 위젯이 없습니다.
아래 「위젯 추가」를 누르고 칸 배치를 고른 뒤, 칸을 눌러 넣을 위젯을 골라 보세요.
선택된 파일 없음
색상 투명도(알파)로 그림자 진하기를 조절합니다.
스크롤이 이 영역에 도달하면 선택한 모션으로 등장합니다.
특정 위치로 이동하기 위해, 해당 영역의 ID값을 설정합니다.
디바이스 기준으로 좌우에 컨텐츠가 딱 붙지 않도록,
최소 여백을 설정합니다.
공통 헤더와 본문 사이(위), 본문과 공통 푸터 사이(아래) 간격입니다.
비워 두면 PC 100px, 태블릿·모바일 50px 로 적용됩니다.
지금 편집 중인 페이지에만 적용되는 본문 위/아래 간격입니다.
비워 두면 위의 사이트 설정 값을 그대로 따릅니다(모든 페이지 공통).
PC·태블릿·모바일 각각 따로 지정할 수 있습니다.
공통 헤더 하나에 붙는 사이트 전체 기본입니다.
겹치기는 페이지마다 아래 '이 페이지 겹치기'로 덮어쓸 수 있습니다.
지금 편집 중인 페이지에만 적용됩니다.
겹치면 헤더가 본문 위에 얹혀 첫 화면이 헤더 높이만큼 위로 올라옵니다.
사이트 기본을 따르면 바로 위 '겹치기 기본'을 그대로 씁니다.
터치 기기에서는 올려도 열 수 없어 누르기로 자동 전환됩니다.
업로드하면 사이트 우측 상단에
재생/일시정지 버튼이 표시됩니다.
최대 20MB · mp3/wav/ogg/m4a 등.
브라우저 정책상 자동재생은 되지 않으며
방문자가 직접 재생합니다.
선택된 파일 없음
현재 편집 중인 페이지에만 적용되는 페이지별 설정입니다.
원페이지는 각 위젯 섹션을 화면 한 장씩 꽉 차게 배치하고,
마우스 휠·키보드·점 버튼으로 한 섹션씩 넘기는 방식입니다.
작은 화면(1400×800 이하)에서는 자동으로 일반 스크롤로 표시되며,
편집 캔버스가 아닌 실제 페이지·미리보기에서 동작합니다.
자동: 콘텐츠가 화면보다 길면 섹션 안 스크롤로 전환됩니다.
화면 맞춤: 항상 화면 높이에 고정합니다(긴 콘텐츠는 잘림).
콘텐츠 높이: 항상 콘텐츠 높이만큼 표시하고 안에서 스크롤합니다.
"작은 화면 유지"를 체크하면 일반 스크롤로 전환된
작은 화면에서도 그 섹션은 화면 전체 높이를 유지합니다.
셀 클릭 → 좌우/상하 쪼개기·삭제 · 경계선 드래그 → 크기 조절 · Ctrl+클릭 → 여러 칸 선택 후 좌우/상하로 묶기
배치 편집 — 영역을 클릭해 선택하고 드래그로 옮기세요
같은 줄에 두면 가로 배치, 다른 줄에 두면 세로 배치.
키보드: 카드를 클릭한 뒤 ← → ↑ ↓ 키로 이동할 수 있습니다.
선택한 영역 설정
선택된 파일 없음
이미지를 설명하는 짧은 문구입니다. 스크린리더 사용자에게 읽히며, 이미지 로드 실패 시 화면에 대신 표시됩니다. 장식용 이미지(의미 없음)는 비워두세요.
| 캡션 |
|
|---|---|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 그림자 | 가로 세로 흐림 번짐 |
| 마우스 오버 효과 |
|
| 필터 | % |
|
라이트박스
사용 시 방문자가 이미지를 클릭하면 화면 전체에 원본 이미지를 확대해 보여줍니다. 이미지에 링크가 설정되어 있으면 링크 이동이 우선되어 라이트박스는 동작하지 않습니다. |
|
| 미리보기 |
이미지를 첨부하면 미리보기가 표시됩니다. 미리보기에 마우스를 올리면 마우스 오버 효과가 재생됩니다. |
배경(색·이미지) 위에 색상 레이어를 한 겹 더 얹어 분위기를 조정합니다. 색상의 alpha 채널로 농도를 조절하며, 콘텐츠보다는 뒤에 위치해 본문을 가리지 않습니다.
이미지를 첨부하면 실제 적용 모습이 표시됩니다.
콘텐츠 영역
등록된 이미지가 없습니다.
다른 낱말로 찾아 보세요.Made with Openverse · 모든 이미지는 CC0(퍼블릭 도메인)으로 자유롭게 사용할 수 있습니다.
선택된 아이콘 없음
아이콘을 선택하면 미리보기가 표시됩니다.
|
px
|
|
|
px
|
|
|
px
아이콘과 글자 사이의 거리입니다. |
|
|
선 아이콘
|
|
|
|
|
|
|
|
|
|
|
|
px
|
등록된 아이콘이 없습니다.
다른 낱말로 찾아 보세요.|
|
|
|
|
px |
|
px |
|
|
|
|
| 표시 명칭 | |
|
활성
|
|
|
|
|
| 글자 |
크기
행간
|
px |
| 여백·간격 |
버튼 간격
가장자리 여백
|
|---|---|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 그림자 | 가로 세로 흐림 번짐 |
% (기본 135) |
|
| 활성 그림자 | 가로 세로 흐림 번짐 |
| 링크 방식 | |
|---|---|
| 링크 | |
| 앵커 | |
| 파일 | 파일첨부 선택된 파일 없음 파일을 선택하면 업로드되고, 버튼/이미지 클릭 시 다운로드됩니다. |
| 전화번호 | |
| 이메일 | |
| 팝업 선택 | 관리자 > 팝업 관리에서 등록한 팝업을 선택하면 클릭 시 강제 표시 (24시간 보지 않기 무시). |
| 모달 텍스트 |
|
| 새창 |
| 이벤트명 |
|
|---|---|
| 이벤트 라벨 |
이벤트의 추가 라벨 (event_label 파라미터). 선택 입력. |
| 전환 유형 |
|
|---|
메뉴가 존재하지 않습니다.
메뉴를 생성해주세요.
| 메뉴명 |
|
|---|---|
| 링크 방식 | |
| 링크 | |
| 페이지명(영문) | 입력 시 링크가 /페이지명 형태로 자동 설정됩니다. |
| 앵커 | |
| 파일 | 파일첨부 선택된 파일 없음 |
| 전화번호 | |
| 이메일 | |
| 팝업 선택 | 관리자 > 팝업 관리에서 등록한 팝업 중 하나를 선택하면, 메뉴 클릭 시 해당 팝업이 강제로 표시됩니다. (24시간 보지 않기 쿠키 무시) |
| 모달 텍스트 |
|
| 새창 |
| 공개 여부 |
|
|---|---|
| 비밀번호 입력 |
|
| 권한 선택 |
|
| SNS 사용 |
|
|---|---|
| 페이지 제목 |
브라우저에 표시되거나 검색로봇이 수집하는 정보입니다. |
| 페이지 디스크립션 |
Meta Description에 지정되는 설명 |
| 페이지 키워드 |
Meta Keywords에 지정되는 키워드 |
| 페이지 대표 이미지 |
파일첨부
선택된 파일 없음 카카오톡, 페이스북, 트위터 등 공유용 대표 이미지 |
| 페이지 SNS 제목 |
SNS 공유 시 지정되는 제목 |
| 페이지 SNS 디스크립션 |
SNS 공유 시 지정되는 설명 |
| 한 줄 답변 |
AI 검색(Google AI Overview, ChatGPT, Perplexity 등)이 인용하기 좋은 핵심 답변 문장입니다. |
|---|---|
| FAQ (질문/답변) |
자주 묻는 질문과 답변을 입력하면 FAQPage 구조화 데이터로 출력되어 검색엔진/AI가 인식합니다. |
| Speakable selector |
음성 비서(Google Assistant 등)가 우선 읽어줄 영역의 CSS 셀렉터입니다. (미입력 시 미사용) |
| 이벤트명 |
|
|---|---|
| 이벤트 라벨 |
이벤트의 추가 라벨(event_label 파라미터)입니다. 선택 입력. |
| 전환 유형 |
|
|---|
① 스크립트는 이 위젯 안만 건드리게 씁니다.
var root = document.currentScript.closest('.db-code-box');
뒤로는 root.querySelector(…) · jQuery(root).find(…) 로.
같은 위젯을 두 번 놓아도 서로 안 섞입니다.
② <style> 안 규칙은 페이지 전체에 걸립니다.
.title 같은 흔한 이름 대신 .mycard-title 처럼 접두사를 붙이세요.
③ 이 사이트는 jQuery · Swiper 를 이미 싣고 있습니다.
CDN 으로 또 부르면 사이트 것을 덮어써 다른 기능이 멈칠 수 있습니다 —
그냥 jQuery · Swiper 를 바로 쓰세요.
④ 편집 화면(캔버스)에서는 스크립트를 일부러 안 돌립니다. 오른쪽 실시간 프리뷰에서는 그대로 도니 거기서 확인하세요.
트리거(항상 보이는 요소)와 툴팁(말풍선)의 내용·위치·스타일을 각각 설정합니다. 설정은 현재 편집 중인 화면(디바이스) 기준으로 저장됩니다.
|
|
|
|
|
|
|
|
|
|
|
|
px (0 = 페이지 기본)
|
|
|
배 (기본 1)
|
|
|
|
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 바깥 여백 | 상 우 하 좌 |
|
|
|
|
|
| 자동 위치 보정 |
|
|
|
|
| 표시 · 숨김 지연 |
ms 표시
ms 숨김
|
|
|
|
|
|
|
|
|
|
|
px
|
|
|
배
|
|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
|
px
|
|
| 화살표 |
|
탭 버튼의 레이아웃·모양·색상을 설정합니다. 프리셋은 활성 스타일을 포함한 아래 모든 옵션을 한 번에 채우는 시작점이며, 선택 후에도 모든 옵션을 자유롭게 바꿀 수 있습니다. 탭 이름·순서·추가·삭제는 아래 [탭 항목]에서 관리하고, 각 탭의 콘텐츠는 캔버스 탭 패널의 [위젯 추가]로 구성합니다. 스타일 설정은 현재 편집 중인 화면(디바이스) 기준으로 저장됩니다.
|
| 탭 목록 |
탭 이름 수정 · 순서 이동 · 추가 · 삭제는 [적용]을 눌러야 캔버스에 반영됩니다. (1~10개, 이름 최대 60자) |
|---|
|
|
|
|
열
|
|
|
|
|
|
px
|
|
|
연결형은 탭 간격을 무시하고 탭을 이어 붙이며, 첫/끝 탭에만 바깥 모서리 둥글기를 적용합니다. |
|
|
|
px
|
|
|
px (0 = 없음)
|
|
| 테두리 |
px
|
|
px (필 스타일은 자동 999px)
|
|
|
px (0 = 테마 기본)
|
|
|
px (0 = 테마 기본)
|
|
|
|
|
|
px (0 = 테마 기본)
|
|
|
|
|
|
배 (기본 1)
|
|
| 번호 표시 |
|
|
|
|
비워두면 마우스 오버 시 배경을 살짝 어둡게 처리합니다. |
|
|
비워두면 채움·필 스타일은 흰색, 밑줄·폴더·테두리 스타일은 활성색을 사용합니다. |
|
|
|
|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 바깥 여백 | 상 우 하 좌 |
|
비워두면 투명(배경 없음)입니다. |
아코디언 항목(헤더)의 모양·색상·아이콘·콘텐츠 영역을 설정합니다. 프리셋을 선택하면 해당 포맷의 원본 디자인이 그대로 적용되고, 아래 옵션은 그 위에 덧입혀지는 세부 조정값입니다. 항목 이름·순서·추가·삭제는 아래 [아코디언 항목]에서 관리하고, 각 항목의 콘텐츠는 캔버스 아코디언 패널의 [위젯 추가]로 구성합니다. 스타일 설정은 현재 편집 중인 화면(디바이스) 기준으로 저장됩니다.
|
| 항목 목록 |
항목 이름 수정 · 순서 이동 · 추가 · 삭제는 [적용]을 눌러야 캔버스에 반영됩니다. (1~10개, 이름 최대 60자) |
|---|
|
펼침
기본 배경을 비워두면 투명, 펼침 배경을 비워두면 기본 배경이 유지됩니다. |
|
|
펼침
기본 글자색을 비워두면 테마 기본색, 펼침 글자색을 비워두면 테마 포인트 색을 사용합니다. |
|
| 헤더 안쪽 여백 |
상하
px
좌우
px
|
|
px (0 = 자동, 최소 28)
|
|
| 항목 테두리 |
px
|
|
|
|
px (카드 형태 · 항목 배경색 지정 시)
|
|
|
px
|
|
|
|
|
|
|
|
| 아이콘 크기 · 색상 |
px
색을 비워두면 테마 기본색을 사용하고, 펼침 시에는 펼침 글자색을 따릅니다. |
|
|
|
px (0 = 기본)
|
|
|
|
|
|
|
|
|
|
|
|
px (0 = 테마 기본, 최소 10)
|
|
|
펼침 상태의 헤더는 최소 600 굵기로 강조됩니다. |
|
비워두면 투명(배경 없음)입니다. |
|
| 안쪽 여백 |
상하
px
좌우
px
|
| 헤더 경계선 |
px
|
미리보기의 오버레이 레이어를 클릭하면 오른쪽에서 위치·크기·스타일을 설정할 수 있습니다. 위치·스타일 설정은 현재 편집 중인 화면(디바이스) 기준으로 저장됩니다.
| 레이어 목록 |
오버레이는 쌓임 순서(z) 큰 순으로 목록에 표시됩니다. (최대 50개) |
|---|
|
|
| 오프셋 |
가로 X
px
세로 Y
px
기준 위치에서 안쪽 방향으로 이동합니다 (-500 ~ 500px). |
| 너비 |
"자동"이면 내용 크기에 맞춰집니다. |
|---|---|
| 높이 |
|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
|
| 배경 이미지 |
|
|---|---|
|
배경 이미지를 오버레이 영역에 어떻게 채울지 정합니다. |
|
|
|
|
부분 채움: 콘텐츠가 잘 보이도록 한쪽만 색을 채웁니다. |
|
|
|
|
|
(10 ~ 100)
|
|
|
px
오버레이 뒤 이미지를 흐리게(프로스트글라스). 0=미적용. |
|
|
(1 ~ 50)
|
|
|
|
| 자식 위젯 |
선택한 오버레이 위에 텍스트·버튼 등 위젯을 올립니다. |
|---|
오버레이를 추가하거나 미리보기에서 오버레이 레이어를 클릭해 선택하세요.
구분선의 모양(프리셋)·색상·두께·길이·정렬·여백을 설정합니다. 프리셋을 선택하면 해당 포맷의 원본 디자인이 그대로 적용되고, 아래 옵션은 그 위에 덧입혀지는 세부 조정값입니다. 스타일 설정은 현재 편집 중인 화면(디바이스) 기준으로 저장됩니다.
|
|
비워두면 프리셋 원본 색을 유지합니다. |
|
|
|
|
px (0 = 원본 두께)
|
|
|
% (0 = 100% 전체, 최소 5)
100% 미만으로 지정하면 아래 [정렬]로 선의 가로 위치를 정할 수 있습니다. |
|
|
선 길이가 100% 미만일 때의 가로 정렬입니다. |
|
| 위·아래 여백 |
위
px
아래
px
-1 이면 원본(테마 기본 여백)을 유지합니다. |
여러 버튼을 추가하고 배치·간격·스타일을 설정합니다. 각 버튼의 링크는 캔버스에서 버튼에 마우스를 올린 뒤 [링크] 버튼으로 설정하세요.
미리보기에서 버튼을 클릭해 선택 · 드래그로 순서 변경 · 우측 상단 ×로 삭제
|
hover
|
|
|
색상2
|
|
|
hover
|
|
|
|
|
| 아이콘만 표시 |
|
| 배치 |
|
|---|---|
|
|
|
|
개
|
|
| 가로 꽉 채우기 |
|
|
px
|
|
|
px
|
|
|
|
|
|
|
|
|
ms
|
|
|
px
|
|
|
px
|
|
|
|
|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 바깥 여백 | 상 우 하 좌 |
|
배
|
|
| 그림자 | 가로 세로 흐림 번짐 |
|
유형마다 아래 전용 옵션이 표시되며, 공통 스타일(색·폰트·크기)은 모든 유형에 적용됩니다. 스텝·셰브론은 각 항목이 단계이며 값 100=완료 · 1~99=진행중 · 0=대기로 표시됩니다. |
|
%
|
|
|
비우면 공통 채움색을 사용합니다. |
|
|
이 항목 막대의 배경(트랙) 색. 비우면 공통 트랙색을 사용합니다. |
|
px
|
|
|
px
|
|
|
|
|
|
항목별 채움 색을 지정하면 그 항목엔 항목 색이 우선합니다. |
|
|
|
|
| 효과 |
|
|
ms
|
|
|
|
|
| 그림자 |
|
| 상호작용 |
|
|
칸
|
|
|
px
|
|
|
px
|
|
| 연속 채움 |
켜면 칸마다 반복하지 않고 그라디언트가 전 칸을 관통합니다. |
|
개
|
|
|
px
|
|
|
px
|
|
|
|
|
|
px
|
|
| 툴팁 |
|
| 손잡이 테두리 |
px
두께 0이면 테두리 없음. 색을 비우면 채움색을 사용합니다. |
|
|
|
|
세로 배치 시 노드 왼쪽·라벨 오른쪽으로 단계가 아래로 이어집니다. |
|
px
0이면 막대 높이 기준 자동 크기. |
|
| 연결선·테두리 두께 | 연결선
노드 테두리
|
|
px
|
|
|
px
|
|
|
px
|
|
|
px
|
hoveractive | |
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 바깥 여백 | 상 우 하 좌 |
|
유형과 무관하게 항목 배치를 정합니다. 세로 항목(막대 등)을 가로로 나열하거나 격자로 배치할 수 있습니다. |
|
|
열
|
|
|
|
|
|
|
|
|
px (0 = 자동)
|
|
|
px
|
|
|
|
|
|
|
|
px
|
|
|
|
|
|
배
|
|
| 값 표시 |
|
|---|---|
|
예: %, 점, GB. 비우면 숫자만 표시됩니다. |
|
|
|
|
|
px (0 = 라벨과 동일)
|
|
|
|
|
| 표시 단위 · 라벨 |
체크 = 표시 여부 / 오른쪽 입력 = 숫자와 함께 표시할 라벨 텍스트(비우면 기본값). |
|---|---|
|
분 이내
|
px |
|
| 가로 꽉 채우기 | |
| 숫자·라벨 정렬 |
왼쪽 = 가로(텍스트) 정렬(전체), 오른쪽 = 수직 정렬(라벨 위치 "숫자 옆"일 때). |
| 숫자 크기·굵기 |
px
|
|---|---|
| 라벨 크기·색상 |
px
|
| 콜론 크기·색상 |
px
|
| 배경 | ° |
|---|---|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 그림자 | 가로 세로 흐림 번짐 |
px
|
|
| 배경 | ° |
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 바깥 여백 | 상 우 하 좌 |
| 그림자 | 가로 세로 흐림 번짐 |
|
|
| 계열(데이터) |
|
|
파이/도넛 조각·자동 색상에 사용. 쉼표로 구분. |
|
| 옵션 |
|
|---|---|
|
막대·영역 계열에 적용됩니다. |
|
| 선 종류 · 마커 |
|
| 파이 시작각 · 영역 투명도 |
파이 시작°
영역 투명 %
|
|
게이지·솔리드게이지에 적용됩니다. |
|
|
페이지에서 차트가 화면에 보일 때 재생됩니다. |
|
% |
|
| 높이 · y축 최대 |
px
0=자동
|
| 차트 크기 |
너비 %
최대너비 px
최대너비/100%미만 설정 시 차트를 가로 중앙에 배치합니다. |
| 글자 · 제목 크기 |
본문 px
제목 px
|
|---|---|
| 제목 색상 · 굵기 |
|
| 텍스트 · 격자 · 축 색 |
|
| 범례 크기·색상 |
px
|
| 축 라벨 크기·색상 |
px
|
| 데이터값 크기·색상 |
px
|
| 막대 · 선 · 포인트 |
막대R
선폭
점
|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 박스 그림자 | 가로 세로 흐림 번짐 |
| 안쪽 여백 | 상 우 하 좌 |
| 바깥 여백 | 상 우 하 좌 |
| 크기 · 색상 |
px
|
|---|---|
px
항목과 구분자 사이 간격. |
| 옵션 |
|
|---|
| 크기 · 굵기 |
px
|
|---|---|
| 항목 색 · hover 색 |
|
| 현재 항목 색 · 굵기 |
|
| 사용 |
아래 설정은 모든 항목에 공통 적용됩니다. |
|---|---|
| 개별 설정 |
|
|
px
|
|
|
px
0 = 제한 없음. 초과 시 말줄임(…). |
|
| 배경 | ° |
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 배경 | ° |
|---|---|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 사용 |
[메뉴 카테고리 자동 추출] 시 각 레벨의 형제 카테고리가 드롭메뉴로 함께 저장됩니다. |
|---|---|
|
모바일 등 좁은 화면은 [브레드크럼 영역 기준] + 너비 [영역 전체]를 함께 쓰면 넓게 표시됩니다. |
|
|
노출 방향이 [아래]·[위]일 때 가로 정렬에 적용됩니다. |
|
| 화살표 |
노출 방향·정렬에 맞춰 나타나며, 배경·테두리 설정을 그대로 따릅니다. |
|
태블릿·모바일은 px 대신 [내용 맞춤] 또는 [기준 요소 전체] 권장. |
|
px |
|
|
px
0 = 제한 없음. |
|
px |
|
| 항목 글자색 · hover 글자색 | |
| 현재 항목 글자색 · 배경 |
하위 링크가 현재 보고 있는 페이지일 때 적용됩니다. |
| 컨테이너 (드롭 박스) | |
| 배경 | ° |
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 그림자 | 가로 세로 흐림 번짐 |
| 항목 (하위 링크) | |
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 개별 설정 |
|
선택한 하위 항목에만 적용되어 드롭메뉴 항목 공통 설정을 완전히 대체합니다(변경 시 즉시 반영). [초기화]로 되돌립니다.
| 배경 | ° |
|---|---|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 배경 | ° |
|---|---|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 그림자 | 가로 세로 흐림 번짐 |
| 안쪽 여백 | 상 우 하 좌 |
| 바깥 여백 | 상 우 하 좌 |
선택된 파일 없음
| 활성 | 형태 | 링크 | 제목 | 타겟 | 삭제 |
|---|
영역이 없습니다.
위쪽 [+ 사각형 / 원 / 다각형]으로 더하세요.|
|
| 교체 이미지 |
|
|---|
| 테두리 | px px px px |
|---|---|
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 그림자 | 가로 세로 흐림 번짐 |
|
|
|
|
|
|
|
|
키보드 Tab으로 영역에 이동(포커스)했을 때만 강조 테두리·채움과 제목 라벨(말풍선)이 표시됩니다(웹접근성). 제목 라벨은 각 영역의 제목이 입력된 경우에만 표시됩니다. 채움 농도는 강조 색상의 알파(투명도)로 조절합니다.
| 테두리 | px px px px |
|---|---|
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 그림자 | 가로 세로 흐림 번짐 |
[+ 영역 추가]로 영역을 만들고, 각 행에서 형태(사각형/원/다각형)·링크·제목을 설정합니다. 활성 라디오를 켜면 캔버스에서 이동·크기조절·꼭짓점 편집(드래그/우클릭 삭제/더블클릭 추가)이 가능합니다.
| 삽입 방식 |
|
|---|---|
| 동영상 URL |
유튜브/비메오 주소 또는 mp4·webm 직접 링크를 넣으세요. |
| 동영상 파일 |
선택된 파일 없음
|
| 포스터 이미지 |
선택된 파일 없음
|
| 화면 비율 |
|
| 재생 옵션 |
자동재생·"화면에 보이면 자동재생"은 브라우저 정책상 음소거가 함께 켜져야 동작합니다. |
|---|---|
| 구간 재생 |
|
| 자막 (.vtt) |
선택된 파일 없음 WebVTT(.vtt) 자막 파일을 업로드하면 동영상에 자막 트랙이 추가됩니다. |
| 유튜브 옵션 |
유튜브 링크일 때만 적용됩니다. (컨트롤바 숨김은 위 "컨트롤 표시" 해제) |
| 테두리 | px px px px |
|---|---|
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 바깥 여백 | 상 우 하 좌 |
| 효과 |
효과 옵션
|
|---|---|
| 비율 |
직접 입력
|
| 페이지네이션 |
|
| 방향 |
|
| 디자인 |
|
| 슬라이드 너비 |
|
|---|---|
| 한 화면 슬라이드 수 |
|
| 한 번에 넘기는 수 |
|
| 사이드 축소율(%) |
|
| 전환 속도(ms) |
|
| 자동재생 간격(ms) |
|
| 슬라이드 간격(px) |
|
| 행 수(grid) |
|
| 시작 슬라이드 |
|
| 세로 정렬(자동높이) |
|
| 자동재생 |
|
|---|---|
| 호버 시 정지 |
|
| 무한 반복 |
|
| 되감기 |
|
| 화살표 |
|
| 중앙 정렬 |
|
| 자동 높이 |
|
| 자유 스크롤 |
|
| 스크롤 관성 |
|
| 스크롤 스냅 |
|
| 상태별 스타일 |
비활성 어둡게·흐림·흑백·투명도 / 활성 테두리·그림자·둥글기 / 크기·모션 / 활성 확장(아코디언) |
| 드래그 커서 |
|
| 마우스 휠 |
|
| 클릭 이동 |
|
| 드래그 방지 |
|
| 드래그 임계값(px) |
이 거리 이상 끌어야 넘어감(0=즉시). |
| 드래그 민감도 |
1=기본, 낮을수록 둔감. |
| 이동 잠금 |
|
| 이미지 줌 |
이미지 슬라이드에만 적용됩니다. |
| 적을 때 숨김 |
|
| 패럴랙스 |
|
| 중앙 확대 |
|
| 역방향 자동재생 |
|
| 동영상 끝나면 넘김 |
|
| 키보드 |
|
"좌우 반만 보이기" = 중앙 정렬 켜고 한 화면 슬라이드 수를 1.2~1.5 로. "중앙 확대"는 효과=커버플로우.
체크한 페이지에서만 배경음악이 재생됩니다. (선택 안 하면 메인페이지에서만 재생)
| 재생 페이지 |
|
|---|
셀을 선택한 뒤 상단 표 메뉴 또는 툴바로 행/열 삽입·삭제, 셀 병합·분할, 셀·행·표 속성(너비·정렬·배경·테두리 등)을 설정할 수 있습니다. 셀 안에는 서식·색상·링크가 들어갑니다.
레이아웃·열/헤더 고정·셀 줄바꿈 방식은 현재 편집 중인 화면(디바이스) 기준으로 저장됩니다.
|
|
|
|
|
|
|
|
|
| 안쪽 여백 | 상 우 하 좌 |
|
|
|
| 내부 격자선 |
px
|
| 줄무늬(짝수행) |
|
| 행 hover |
|
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 외곽 테두리 상세 |
각 변(상/우/하/좌)의 두께·스타일·색상을 개별 지정 (두께 0 = 사용 안 함). 내부 격자는 위 "테두리 표시"로 조절.
상단
px
우측
px
하단
px
좌측
px
|
| 헤더 행 고정 |
|
| 첫 열 고정 |
|
|
px · 0=제한 없음 (헤더 고정 스크롤용)
|
|
|
|
|
| 캡션(표 제목) |
|
| 모바일 카드 |
실제 모바일 화면 폭에서만 적용됩니다. 위 에디터 미리보기(데스크탑 폭)에는 표시되지 않아요. |
셀 안 글자의 행간은 위 에디터에서 셀(또는 문단)을 선택한 뒤 툴바의 행간 버튼으로 조절하세요.
툴바로 폰트·크기·굵기·색상·정렬·목록·링크·자간·줄바꿈 등 서식을 자유롭게 설정할 수 있습니다. 내용은 현재 편집 중인 화면(디바이스) 기준으로 저장됩니다.
| 이전 아이콘 |
선택된 파일 없음 |
|---|---|
| 다음 아이콘 |
선택된 파일 없음 |
| 크기(px) |
|
| 둥글기(%) |
|
| 배경색 |
|
| 배경 투명도(%) |
|
| 아이콘색 |
|
| 아이콘크기(px) |
|
| 탭 이름 |
비우면 순번(1,2,3)으로 표시됩니다. |
|---|---|
| 점 색상 |
|
| 글자색 |
|
| 폰트체 |
|
| 글자 크기(px) |
|
| 폰트 굵기 |
|
| 점 크기(px) |
|
| 점 둥글기 |
50%=원, 0=사각형. |
| 점 그림자 | 가로 세로 흐림 번짐 |
| 점 테두리 | |
| 탭 그림자 | 가로 세로 흐림 번짐 |
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 링 그림자 | 가로 세로 흐림 번짐 |
| 링 테두리 | 링(원) 둘레 선의 두께·색입니다. |
| 링 숫자 위치 |
폰트에 따라 숫자가 정중앙에서 벗어날 때 미세 조정. |
| 위치 |
|
| 가장자리 간격(px) |
|
| 글자 그림자 |
|
| 진행바 색상 |
|
|---|---|
| 진행바 두께(px) |
|
| 진행바 너비(%) |
|
| 위치 |
|
| 간격(px) |
|
| 높이(px) |
|
|---|---|
| 간격(px) |
|
| 보여줄 개수 |
0=자동(썸네일 크기대로), 숫자 지정 시 그 개수만큼 균등 배치. |
| 비활성 투명도(%) |
선택되지 않은 썸네일의 흐림 정도입니다. |
| 활성 테두리 |
선택된 썸네일에 두르는 테두리입니다. 두께 0이면 없음. |
| 모서리 둥글기(px) |
|
| 영역 안쪽 여백 |
썸네일 줄 전체 영역의 안쪽 여백입니다. |
| 위치 |
|
| 배경 | ° |
|---|---|
| 테두리 | px px px px |
| 모서리 둥글기 | 좌상 우상 우하 좌하 |
| 안쪽 여백 | 상 우 하 좌 |
| 바깥 여백 | 상 우 하 좌 |
| 그림자 | 가로 세로 흐림 번짐 |
| 너비 |
|
| 높이(px) |
|
| 넘침 처리 |
|
| 내부 정렬 |
|
| 어둡게(오버레이) |
|
|---|---|
| 흐림(px) |
|
| 흑백(%) |
|
| 투명도(%) |
|
| 활성 테두리 |
|
|---|---|
| 활성 그림자 | 가로 세로 흐림 번짐 |
| 활성 둥글기(px) |
|
| 크기 변화(%) |
|
|---|---|
| 활성 띄우기(px) |
|
| 활성 반복 모션 |
활성 슬라이드에 계속 반복되는 모션입니다 — 크기 변화·띄우기와 함께 적용됩니다. |
| 모션 시간·가속 |
크기 변화·띄우기는 기본(slide) 효과에서만 적용 — 어둡게/흐림/너비 전환 등 모든 상태 모션의 속도·가속에 함께 적용됩니다. |
| 활성 확장 |
|
|---|---|
| 비활성 너비(px) |
|