페이지 구조(헤더/바디/푸터)

채용 홈페이지는 헤더, 바디, 푸터 세 영역으로 구성돼 있어요. 각 영역에 맞는 콘텐츠를 배치해 구조적으로 완성도 높은 페이지를 만들어보세요.

채용 홈페이지의 한 페이지는 헤더, 바디(본문), 푸터로 이루어집니다.

헤더와 푸터는 모든 페이지에 동일하게 적용되며 각 페이지의 실질적인 편집 항목은 바디(본문) 부분입니다.

바디(본문)는 1개 이상의 섹션으로 이루어지며 디자인 항목은 섹션 > 레이아웃 > 블록 순서로 이루어집니다. 이 페이지에서는 헤더와 푸터를 중심으로 설명하고, 다음 페이지에 바디(본문)에 대한 상세 안내가 이어집니다.

헤더에서 설정할 수 있는 항목

  • 로고 이미지 설정(워크스페이스 설정 - 브랜드 설정의 이미지와 동일)

  • 메뉴 추가/삭제/수정, 메뉴 순서 변경(드래그 앤 드롭)

  • 메뉴와 페이지/URL 연결 (기본 메뉴)

  • 메뉴의 하위 페이지 설정 (드랍다운 메뉴)

  • 메뉴 버튼에 링크를 설정하는 방식으로 페이지 혹은 외부 URL과 연결합니다. 드롭다운 메뉴의 경우 하위 페이지를 10개까지 연결할 수 있으며 URL 연결은 지원하지 않습니다.

  • 헤더는 모든 페이지에 동일하게 적용됩니다.

개별 페이지의 실질적인 편집 영역인 바디(본문)에 대한 설명입니다.

본문(바디)은 하나 이상의 섹션이 나열된 집합체입니다.

섹션 내에는 하나 이상의 레이아웃이 존재합니다. 레이아웃은 1~4단 구성이 가능하며 각 단에는 하나 이상의 블록이 위치합니다.

즉, 섹션 ⊃ 레이아웃 ⊃ 블록으로 구성됩니다.

섹션, 레이아웃 내에 블록을 추가하지 않는다면 빈 섹션으로 처리됩니다.

푸터에서 편집이 가능한 항목

  • 푸터 메뉴 푸터에도 페이지나 url을 연결할 수 있는 메뉴를 추가할 수 있습니다. 최대 10개까지 추가가 가능하며, 드래그 앤 드롭으로 순서를 변경할 수 있습니다.

  • 텍스트 텍스트 입력 부분을 이용하여 사업자 등록 번호, 주소 등 회사 정보를 표기할 수 있습니다.

  • SNS 링크 SNS 링크는 7개까지 설정이 가능하며 네이버 블로그, 인스타그램, 유튜브, 페이스북, 카카오채널, 트위터, 링크드인 아이콘을 지원합니다. 이 또한 드래그 앤 드롭으로 순서 변경이 가능합니다.

푸터도 헤더와 마찬가지로 모든 페이지에 동일하게 적용됩니다.

채용 홈페이지 헤더(상단) 메뉴바 색깔을 변경하고 싶습니다.

현재 채용 홈페이지 헤더(상단) 메뉴바의 컬러는 흰색으로 고정되어 있으며, 별도로 변경은 불가능합니다.