메인 콘텐츠로 건너뛰기

푸터 디자인 설정하기

채용 홈페이지 빌더에서 푸터의 레이아웃 구성, 배경 스타일, 로고, 이미지, 메뉴, 세부 정보, SNS 링크, 드롭다운 등을 설정해 보세요.

오늘 업데이트함

1. 푸터 레이아웃 구성

푸터는 아래 ①~⑥ 요소로 구성됩니다. 각 요소는 푸터 영역 선택 후 우측 푸터 설정 패널에서 표시 여부를 선택할 수 있습니다.

① 로고 - 좌상단에 고정 배치되는 회사 로고 이미지 (1개)

② 이미지 - 우측에 배치되는 인증마크 등 추가 이미지 (추가/삭제 가능, 최대 3개)

③ 세부 정보 - 상단에 회사명, 하단에 사업자등록번호·주소 등 텍스트 정보 (1개)

④ 메뉴 버튼 - 개인정보 처리방침, 문의하기 등 페이지 이동 링크 버튼 (추가/삭제 가능, 최대 10개) ⑤ SNS 버튼 - 홈페이지, 블로그, 인스타그램 등 소셜 미디어 링크 아이콘 (추가/삭제 가능, 최대 10개)

⑥ 드롭다운 - 패밀리 사이트 등 선택형 버튼 (1개 / 하위 항목 최대 20개)

2. 푸터 스타일 설정

푸터 전체의 배경색과 본문과의 구분 방식을 설정합니다.

채용 홈페이지 빌더에서 [푸터] 영역을 클릭한 후, 우측에 나타나는 [푸터] 설정 패널에서 설정할 수 있습니다.

1) 배경색

푸터 영역의 배경색을 색상 피커로 지정하거나 컬러 코드를 직접 입력하여 변경할 수 있습니다.

2) 구분 방식

푸터와 본문 사이의 경계 표시 방식을 선택합니다.

  • 구분선 (기본값): 푸터 상단에 얇은 선을 표시합니다. 구분선의 색상은 색상 피커로 지정하거나 컬러 코드를 직접 입력하여 변경할 수 있습니다.

  • 사용 안 함: 구분선 없이 본문과 자연스럽게 이어집니다.

3. 푸터 로고 설정

푸터에 표시할 로고 이미지와 크기를 설정합니다.

1) 로고 유형 선택

(1) 워크스페이스 브랜드 로고

나인하이어 [관리] > [워크스페이스 설정] 에 등록된 브랜드 로고를 그대로 사용합니다. 브랜드 로고가 변경되면 푸터의 로고도 자동으로 반영됩니다.

브랜드 로고는 채용 홈페이지 푸터 외에도 공고 및 지원서 작성 페이지에 동일하게 표시됩니다.

(2) 채용 홈페이지 전용 로고

채용 홈페이지 푸터에만 사용할 별도 로고 이미지를 직접 업로드합니다. 브랜드 로고와 다른 이미지를 푸터에 사용하고 싶을 때 선택합니다.

  • 로고 이미지 권장 등록 사이즈 : 140px*36px

2) 로고 링크 설정

  • 브랜드 로고 및 채용 홈페이지 전용 로고 각각에 링크를 연결할 수 있습니다.

  • 각 로고를 클릭하면 링크 설정 옵션이 표시됩니다.

  • 링크는 페이지, 외부 URL, 또는 섹션과 연결할 수 있습니다.

3) 채용 홈페이지 로고 크기 조절

업로드된 채용 홈페이지 로고의 표시 크기를 조절합니다.

  • 조절 범위: 10% ~ 100%

💡 브랜드 로고가 등록되어 있지 않거나 채용 홈페이지 전용 로고를 설정하지 않으면 로고 영역이 빈 값으로 표시됩니다. 푸터에 로고를 표시하려면 브랜드 로고를 등록하거나 채용 홈페이지 전용 로고를 설정하세요.

💡 채용 홈페이지 전용 로고로 업로드한 이미지가 권장 크기(140px*36px) 비율과 다를 경우, 잘리거나 변형되지 않고 원본 비율 그대로 표시됩니다.

4. 푸터 이미지 등록

푸터에 인증마크, 수상 배지 등의 이미지를 추가로 등록할 수 있습니다.

  • 최대 3개의 이미지를 등록할 수 있습니다.

  • 이미지는 1:1 비율 기준으로 표시됩니다. (정사각형 이미지 권장)

  • 표시 크기는 슬라이더로 10% ~ 100% 범위에서 조절할 수 있습니다.

  • 이미지 등록 권장 사이즈 : 96px * 96px

  • 각 이미지를 클릭하면 링크 설정 옵션이 표시됩니다. 채용 홈페이지 내 페이지, 섹션, 외부 URL과 연결하거나 새 창으로 열도록 설정할 수 있습니다.

5. 푸터 메뉴 디자인 설정

푸터에 표시되는 메뉴 링크 텍스트의 디자인을 설정합니다.

  • 폰트: 메뉴 텍스트에 적용할 서체

  • 사이즈: 텍스트 크기 선택 (12px / 14px / 16px)

  • 색상: 메뉴 텍스트 색상

  • 굵게: 메뉴 텍스트를 굵게 표시하는 옵션

6. 세부 정보 설정

저작권 문구, 회사 정보 등 푸터 하단에 표시되는 텍스트를 설정합니다.

1) 회사명

회사명 또는 워크스페이스 명을 입력합니다.

  • 최대 200자까지 입력 가능합니다.

  • 기본값으로 ‘© 워크스페이스명’이 자동 입력됩니다.

2) 회사 정보

사업자등록번호, 대표자, 주소 등 법적 고지 사항이나 회사 세부 정보를 입력합니다.

  • 최대 1,000자까지 입력 가능합니다.

7. SNS 설정

소셜 미디어 링크를 아이콘 버튼 형태로 푸터에 표시합니다.

1) 링크 관리

[링크 관리] 탭에서 각 SNS 채널의 링크를 등록합니다.

  • 최대 10개의 SNS 버튼을 추가할 수 있습니다.

  • 각 아이콘 별로 배치를 변경 할 수 있습니다.

2) 디자인 설정

[디자인] 탭에서 SNS 아이콘 버튼의 스타일을 선택합니다.

  • 배경 있음 (기본값): 아이콘 주변에 배경이 있는 형태

  • 배경 없음: 아이콘만 표시되는 형태

8. 푸터 드롭다운 설정

자사 홈페이지 및 패밀리 사이트 등 여러 외부 링크를 하나의 선택형 버튼으로 모아 푸터에 제공할 수 있습니다.

1) 드롭다운 디자인

  • 배경색: 드롭다운 버튼의 배경색

  • 테두리색: 드롭다운 버튼의 테두리 색상

  • 모양: 버튼 외형 선택

    • ① 사각형 (기본값): 직각 모서리

    • ② 라운드: 둥근 모서리

  • 사이즈: 버튼 크기

드롭다운을 클릭했을 때 펼쳐지는 선택 목록을 구성합니다.

2) 하위 항목 구성

  • 하위 항목은 최대 20개까지 추가할 수 있습니다.

  • 각 항목에 표시 텍스트와 이동 링크 또는 동작을 지정합니다.

  • 푸터 드롭다운 하위 항목은 흰 배경, 검은 글자로 고정되어 별도 변경이 불가합니다.

답변이 도움되었나요?