페이지 헤더 배치하기

사이트의 페이지마다 헤더를 만들어요. 아홉 칸 격자에 이미지와 텍스트를 배치하고, 문구, 글꼴, 크기, 색상을 골라요.

팀 소유자 및 관리자 · 14단계

먼저 필요한 것

팀에 사이트 구독이 있어야 해요. 무료 팀의 관리에는 페이지 대신 사이트 만들기가 보여요.
팀의 소유자 또는 관리자여야 해요.
템플릿을 선택해 두어야 해요. 템플릿 선택하기를 참고하세요. 선택하기 전에는 페이지에 페이지 헤더 링크가 없어요.

단계

1단계: 페이지 열기
팀 관리의 왼쪽 메뉴에서 페이지를 누르세요.
이렇게 보여요: 페이지라는 제목의 화면에 사이트의 모든 페이지가 나와요.
2단계: 페이지 헤더 열기
화면 위쪽의 페이지 헤더를 누르세요. 각 페이지 편집기에도 바로가기가 있어요: 이 페이지의 헤더 편집.
이렇게 보여요: 페이지 헤더라는 제목의 화면에 사이트의 페이지마다 탭이 있어요. 홈, 팀, 뉴스, 경기, 대회, 영상, 소개, 상점 탭 아래에는 사이트에 보이는 그대로의 페이지 헤더가 아홉 칸 격자 위에 나와요.
3단계: 페이지 고르기
바꾸고 싶은 페이지의 탭을 누르세요. 예를 들어 홈이에요.
페이지마다 헤더가 따로 있어요: 이미지 하나와 텍스트 블록 하나로, 페이지에서 가장 먼저 보이는 부분이에요. 제목을 비워 두면 페이지 이름이 나와요. 홈에서는 팀 이름이에요. 홈 헤더를 저장하기 전까지는 홈 페이지의 이미지와 태그라인으로 시작해요.
이렇게 보여요: 그 페이지의 헤더가 나오고, 텍스트 블록에 텍스트 핸들이 있어요.
4단계: 이미지 선택하기
오른쪽 패널에서 이미지를 누르세요.
이렇게 보여요: 패널 제목이 이미지 블록으로 바뀌고, 아래에 이미지 필드가 나와요.
5단계: 이미지 고르기
이미지 선택을 누르세요. 이미지를 넣은 뒤에는 교체로 바뀌어요. 열린 창에서 팀이 이미 올린 이미지를 고르거나, 업로드로 새로 추가하세요. JPEG, PNG, WebP, AVIF 파일이고 최대 5 MB예요. 대체 텍스트를 입력하고 삽입을 누르세요.
이미지는 잘리지 않고 전체가 보여요. 투명한 배경도 투명하게 유지되니 투명 PNG가 잘 어울려요. 헤더에서 이미지를 빼려면 삭제를 누르세요.
이렇게 보여요: 헤더에 이미지가 나오고, 이미지에 이미지 핸들이 있어요.
6단계: 이미지 크기 고르기
크기에서 S, M, L, 채우기 중 하나를 누르세요.
채우기를 고르면 이미지가 헤더 전체에 걸쳐 텍스트 뒤에 깔려요.
이렇게 보여요: 헤더의 이미지가 커지거나 작아져요.
7단계: 이미지 옮기기
이미지 핸들을 아홉 칸 중 한 칸으로 끌어다 놓으세요. 또는 핸들을 누른 뒤 방향키를 쓰세요. 한 번 누를 때마다 한 칸씩 움직여요. Enter나 Space를 눌러 집고, 방향키로 옮긴 뒤, Enter나 Space를 다시 눌러 내려놓을 수도 있어요.
텍스트 블록도 같은 방법으로 옮겨요. 둘을 같은 쪽에 두면 겹쳐요. 어떻게 겹치는지 편집기에서 그대로 보여 줘요.
이렇게 보여요: 이미지가 새 칸에 있어요. 예를 들어 오른쪽 위예요.
8단계: 제목과 부제목 쓰기
패널에서 텍스트를 누르세요. 제목(최대 60자)과 부제목(최대 120자)을 입력하세요.
제목을 비워 두면 페이지 이름이 나와요. 부제목은 넣지 않아도 돼요. 단, 홈은 예외예요: 홈 헤더를 저장한 뒤에는 부제목이 없으면 사이트를 게시할 수 없어요.
이렇게 보여요: 입력하는 대로 헤더에 글자가 나오고, 각 필드 아래에 글자 수가 보여요.
9단계: 글꼴 고르기
글꼴에서 목록을 열고 글꼴을 고르세요. 테마 글꼴을 고르면 템플릿의 글꼴을 그대로 써요.
제목과 부제목은 글꼴을 따로 정할 수 있어요.
이렇게 보여요: 헤더의 텍스트가 새 글꼴로 바뀌어요.
10단계: 크기 고르기
크기에서 S, M, L, XL 중 하나를 누르세요.
이렇게 보여요: 헤더의 텍스트가 커지거나 작아져요.
11단계: 색상 고르기
색상에서 네 가지 색 중 하나를 누르세요: 테마 텍스트, 강조색, 흰색, 검은색.
테마 텍스트와 강조색은 디자인에서 정한 색을 따라가요. 흰색이나 검은색은 어둡거나 밝은 이미지 위에서 잘 읽혀요.
이렇게 보여요: 텍스트가 새 색으로 바뀌어요.
12단계: 휴대폰에서 확인하기
헤더 위의 휴대폰을 누르세요. 돌아가려면 데스크톱을 누르세요.
휴대폰에서는 어느 칸을 골랐든 이미지가 텍스트 위에 놓여요.
이렇게 보여요: 헤더가 휴대폰 너비로 좁아져요.
13단계: 저장하기
편집기 아래쪽의 저장을 누르세요. 바꾼 탭이 모두 저장돼요. 탭에 점이 있으면 저장하지 않은 변경 사항이 있다는 뜻이에요.
저장하면 헤더가 초안에 보관돼요. 게시하기 전까지 방문자에게는 보이지 않아요. 홈 헤더를 저장하면 홈의 이미지와 태그라인은 여기서 관리해요. 홈 편집기에는 그 자리에 헤더 편집이 나오고, 버튼은 홈 편집기에 그대로 남아요.
이렇게 보여요: "저장됨".
14단계: 사이트 게시하기
왼쪽 메뉴에서 게시를 누르고 게시하세요. 사이트 게시하기를 참고하세요.
이렇게 보여요: 게시 전에는 변경 사항 목록에 페이지 헤더가 나오고, 게시 후에는 사이트에 새 헤더가 보여요.