목차 · 찾기
위피스 설명서
홈페이지 전체의 색과 글꼴 정하기
버튼 색, 제목 글꼴, 링크 모양처럼 모든 페이지에 똑같이 적용되는 값은 편집 막대의 테마 탭에서 정합니다. 여기서 한 번 바꾸면 블록마다 따로 고치지 않아도 홈페이지 전체가 함께 바뀝니다. 로고 색에 맞추거나 회사 분위기를 바꿀 때 손댑니다.
시작하기 전에
- 사용자 권한의 홈페이지 항목이 편집 및 디자이너여야 합니다.
- 아무 페이지나 열고 편집을 누른 뒤 테마 탭을 엽니다.
처음 들어 있는 값
| 항목 | 처음 값 |
|---|---|
| 주요 색 첫째 | #222222 (먹색) |
| 주요 색 둘째 | #5c5c5c (회색) |
| 글꼴 | Pretendard. 고급 → 코드 삽입의 칸에 글꼴을 정하는 한 줄로 들어 있습니다 |
| 페이지 배치 | 채우기 |
색 바꾸기
테마 탭 맨 위의 색상 줄에 다섯 가지 색이 띠로 보입니다. 앞의 세 색(주요)은 버튼과 링크에, 뒤의 두 색(라이트 & 다크)은 글자와 배경에 주로 쓰입니다.
- 색상 띠를 누릅니다. 색 다섯 개가 따로 나옵니다.
- 바꿀 색을 누르고 견본에서 고르거나, 사용자 정의 탭에서 색 코드(예:
#1f4e79)를 적습니다. - 미리 짝지어 둔 색 조합을 통째로 쓰려면 오른쪽 팔레트 아이콘을 누르고 조합 하나를 고릅니다. 이미 색을 손본 적이 있으면 그 내용이 모두 초기화된다는 확인 창이 뜨고, 새 색상 조합 적용을 눌러야 바뀝니다.
- 위쪽의 저장을 누릅니다.
블록의 배경색은 이 다섯 색을 짝지어 만든 사전 설정 색상에서 고릅니다. 사전 설정 색상 하나를 고치면 그 색을 쓰는 블록이 모두 함께 바뀝니다.
글자와 버튼 모양 바꾸기
테마 탭을 아래로 내리면 묶음별로 값이 있습니다.
| 묶음 | 바꾸는 것 |
|---|---|
| 문단 | 본문 글꼴 모음, 글자 크기, 줄 높이, 문단 위아래 마진 |
| 제목 | 제목 글꼴 모음, 글자 크기, 줄 높이, 마진 |
| 버튼 | 기본 스타일·2차 스타일(채우기, 외곽선 등), 여백, 둥근 모서리, 클릭 시 효과 |
| 링크 | 링크 스타일: 밑줄 없음, 마우스를 올리면 밑줄로 표시, 항상 밑줄 표시 |
| 입력 필드 | 문의 양식 같은 입력 칸의 여백, 글자 크기, 테두리, 모서리, 배경색 |
| 그림자 | 블록과 카드에 쓰는 그림자의 기본 모양 |
맨 위 묶음의 페이지 배치에서는 페이지 전체 틀을 채우기, 박스형, 액자, 엽서 중에서 고릅니다. 채우기가 아니면 바깥쪽 배경 색과 이미지를 따로 정할 수 있습니다.
다른 글꼴 쓰기
처음에는 Pretendard가 코드 삽입으로 문단, 제목, 버튼, 입력 칸에 강제로 지정되어 있습니다. 그래서 문단이나 제목 묶음의 글꼴 모음을 바꿔도 화면 글꼴은 그대로입니다. 다른 글꼴을 쓰려면 이 지정을 먼저 지웁니다.
- 테마 탭 맨 아래 고급 묶음에서 코드 삽입 옆의
and버튼을 누릅니다. - 머리글 및 본문 코드 편집 창의 첫째 칸에서
로 시작해로 끝나는 줄을 지웁니다. 이 칸에 다른 코드를 넣어 두었다면 그 줄은 남깁니다. - 저장을 누릅니다.
- 문단, 제목, 버튼 묶음의 글꼴 모음에서 원하는 글꼴을 고르고 위쪽 저장을 누릅니다.
Pretendard로 되돌리려면 지운 줄을 같은 자리에 다시 넣습니다.
테마 통째로 바꾸기
테마는 색, 글꼴, 머리글과 바닥글 모양을 한 벌로 묶어 둔 것입니다.
- 테마 탭 맨 위 묶음에서 테마 변경을 누릅니다.
- 편집기를 닫고 지금까지 고친 내용을 저장한다는 확인 창이 뜹니다. 계속하면 테마 목록이 열립니다.
- 마음에 드는 테마의 이 테마 사용하기를 누릅니다.
알아 둘 점
- 테마를 바꾸면 글꼴 선택, 색 조합 선택, 머리글·바닥글 서식 같은 값이 처음 값으로 돌아갑니다. 바닥글을 다른 서식으로 바꿔 두었다면 다시 골라야 합니다.
- 색 조합을 새로 고르면 직접 바꾼 색이 모두 사라집니다. 바꾸기 전에 쓰던 색 코드를 적어 두면 되돌리기 쉽습니다.
- 코드 삽입에 넣은 코드는 모든 페이지에 그대로 들어갑니다. 모르는 코드를 붙여 넣지 마세요. 잘못 넣으면 홈페이지 전체 모양이 깨질 수 있습니다.
- 고급 묶음의 머리글 표시하기를 끄면 모든 페이지에서 머리글이 사라집니다. 한 페이지에서만 숨기려면 머리글 메뉴와 바닥글 고치기를 봅니다.