사용 가이드
나인하이어업데이트 노트공지 사항채팅 상담
  • 나인하이어 사용자 가이드
  • 자주 묻는 질문
  • 업데이트 노트
  • 사용 가이드
    • 역할별 권한 이해🌟
      • 역할별 권한 미리보기
      • 워크스페이스 권한 설정
      • 워크스페이스 관리자/멤버 권한 비교 상세
      • 채용 관리자/매니저/평가자 권한
      • 채용 관리자/매니저/평가자 권한 비교 상세
    • 워크스페이스 관리자 가이드
      • 워크스페이스 만들기
      • 메뉴 구성
      • 워크스페이스 설정
        • 워크스페이스 권한 설정
          • 기능별 권한 설정 상세
        • 워크스페이스 정보
        • 홈페이지 및 공고
          • 브랜딩
          • 다국어
        • 채용 정보
        • 지원자 로그인 설정
        • 중복 지원 설정
        • 지원자 연락
          • 워크스페이스 메일 주소 설정
          • 카카오 비즈니스 채널 연동
        • 요금제 구독/변경
        • 보안 및 데이터
          • 보안
            • 2차 인증 번호 사용하기(OTP)
            • 중복 로그인 방지
            • 로그인 만료 설정
            • SSO 연동
              • Okta
          • 데이터 기록
          • 지원자 데이터 폐기
      • 서비스 연동
        • 채용 플랫폼
          • 잡코리아 연동
          • 블라인드하이어 연동
        • 외부 서비스
          • 화상 회의 연동
          • 회의실 등록
          • 서비스 연동
            • NAVER WORKS
            • 모두싸인(전자계약)
            • 몬스터(AI 평가)
            • 스펙터(평판 조회)
            • ORP 연구소(인적성 검사)
            • 시프티 연동
            • 코딜리티 연동(코딩테스트)
        • 웹훅 연동
        • API 연동
      • 템플릿 생성/관리
        • 메시지 템플릿
        • 지원서 템플릿
        • 공고 템플릿
        • 평가표 템플릿
        • 면접 질문지 템플릿
        • 자동화 플로우 템플릿
        • 채용 오퍼 템플릿
        • 불합격 사유
        • TRM 메일 템플릿
      • 채용 생성
        • 채용 만들기
        • 채용 복사
        • 채용 생성 승인
      • 워크스페이스 멤버 초대 & 관리
      • 리포트 활용
        • 사용자 설정 차트 추가
        • 차트 템플릿 활용
      • 전체 지원자
      • 내부 공지 사항 관리
    • 워크스페이스 멤버 가이드
      • 초대 수락 및 워크스페이스 합류
      • 채용 생성 승인 요청
    • 채용 관리자/매니저 가이드
      • 채용 관리
        • 모집 공고 관리
        • 공고 편집
        • 지원서 편집
        • 채용 프로세스 관리
        • 권한 기본값 설정
        • 채용 참여 멤버 설정
        • 채용 단계 참여 멤버 설정
        • 채용 수정 / 마감 처리
      • 지원자 모집
        • 공고 링크 활용
        • 채용 플랫폼 공고 게시
          • 잡코리아 공고 게시
          • 블라인드하이어 공고 게시
        • 지원자 직접 추가
        • 지원자 일괄 등록
        • 크롬 확장 프로그램 활용
        • 지원자 접수 메시지 설정
        • 사내 추천
      • 유입 경로 (UTM 활용하기)
      • 지원자 정보 확인/수정
        • 접수 확인
        • 지원자 관리 탭 활용
        • 지원자 관리 탭 필터 사용
        • 지원자 정보 확인
        • 지원자 모아보기
        • 중복 지원자 정보 확인
        • 지원자 정보 수정/삭제
        • 민감 정보 가리기
        • 지원자 정보 다운로드/인쇄
        • 요청 자료 확인
        • 내부 자료 공유
        • 지원자 데이터 다운로드
        • 지원자 정보 PDF 다운로드
      • 지원자 관리
        • 지원자 단계 이동
        • 불합격 처리
        • 지원자 상태 대량 업데이트
        • 다른 채용으로 이동
        • 다른 채용으로 복사
        • 지원자 다중 선택 후 액션 활용
          • 채용 업무 관리
          • 지원자 데이터 관리
          • 외부서비스 실행
          • 불합격 관리
        • 활동 내역 확인
        • 팀 채팅 활용
        • 지원자 태그 활용
        • 칸반 보기 설정
      • 지원자 연락
        • 채팅 메시지 전송
        • 메일 전송
        • 자료 요청
        • 채용 오퍼
          • 채용 오퍼 만들기
          • 채용 오퍼 승인/거절하기
      • 면접 일정 조율/추가
        • 면접 일정 이해하기
        • 면접 일정 조율
          • 일대일/일대다 일정 조율
          • 면접관 회전문식 일정 조율
          • 조별 면접, 다대다 면접 조율
          • 조율 확인/확정/취소/불참
        • 일정 추가
        • 일정 확인/변경/삭제
        • 구글 캘린더 주최자 설정
      • 전체 캘린더
      • 지원자 평가
        • 면접 질문지 활용
        • 평가표 만들기
          • 평가표 생성
          • 평가 진행 설정
        • 평가자 설정 및 평가 요청
        • 평가 설정 변경/현황 확인
        • 평가 완료/결과 확인
        • 평가 내역 다운로드
      • 채용 프로세스 자동화
        • 자동화 플로우 추가
          • 액션 사용
          • 조건 사용
          • 타이밍 사용
        • 자동화 플로우 실행
        • 자동화 플로우 내역 확인
        • 자동화 플로우 활용 예시
          • 접수 단계 지원자 분류
          • 과제 평가 단계 진행
          • 합격 / 불합격 안내
          • 면접 일정 조율
          • 지원자 평가 진행
      • 내 작업 보드 활용
      • 채용 일정 캘린더 연동
      • 대시보드 활용
    • 평가자 가이드
    • 지원자 가이드
      • 로그인/정보 수정 및 삭제
      • 마이페이지
    • 나인하이어 TRM 🔆
      • 프로젝트 생성/관리
        • 프로젝트 만들기
        • 프로젝트 관리하기
        • TRM 대시보드 활용
      • 후보자 추가/확인/관리
        • 후보자 추가
        • 후보자 정보 확인
        • 후보자 관리하기
          • 후보자 관리
          • 후보자 연락
          • 활동내역/팀채팅/태스크
          • 후보자 다중 선택
      • 전체 후보자 관리
      • 중복 등록 설정
    • 알림 설정
    • 캘린더 및 이메일 연동
    • 계정 관리
      • 회원 가입
      • 계정 관리
      • 작업 대기열
      • 언어 및 시간대 설정
      • 회원 탈퇴
    • 모바일 앱 📱
  • 채용 홈페이지 빌더 가이드
    • 채용 홈페이지 만들기
    • 빌더 구성 및 기본 개념
      • 메뉴, 버튼 구성
      • 페이지 구조(헤더/바디/푸터)
      • 디자인 편집 영역(바디)
      • 미리보기, 저장/업데이트
      • 조작 방법 안내
    • 디자인 요소 활용
      • 페이지 스타일
      • 섹션 추가, 섹션 설정
      • 레이아웃 추가, 레이아웃 설정
      • 블록 사용
        • 배너 블록 사용 유의 사항
    • 채용 홈페이지 설정
      • 편집 권한 설정
      • 편집 버전 관리(버전 되돌리기)
      • 파비콘 설정
      • 도메인 관리
      • GA 연동
      • 채널톡 연동
      • 구글 태그 매니저 연결
      • 업데이트 내역 확인
      • 광고 최적화 도구 사용
    • SEO 설정
      • 페이지별 설정
        • 채용 홈페이지 SEO 관련 안내
      • 웹마스터 도구 사용
        • 네이버 서치어드바이저
        • 구글 서치콘솔
Powered by GitBook
On this page
  • 섹션 추가
  • 섹션 편집 툴바 활용
  • 섹션 설정
  • 섹션 고정

Was this helpful?

  1. 채용 홈페이지 빌더 가이드
  2. 디자인 요소 활용

섹션 추가, 섹션 설정

Previous페이지 스타일Next레이아웃 추가, 레이아웃 설정

Last updated 1 year ago

Was this helpful?

섹션 추가

섹션을 추가하는 방법은 크게 두 가지가 있습니다.

  1. 편집 화면에서 섹션을 선택한 후 활성화되는 섹션 추가 버튼을 클릭합니다. 선택한 기존 섹션의 위 혹은 아래에 추가가 가능합니다.

  1. 왼쪽 상단 섹션 버튼 클릭 후, 빈 섹션 추가를 클릭하거나 샘플 섹션을 선택하여 추가합니다. 나인하이어팀이 준비해 둔 샘플 섹션을 활용하면 조금 더 빠르게 쉽게 채용 홈페이지를 편집하실 수 있습니다.

섹션 편집 툴바 활용

섹션을 선택하면, 우측 상단에 섹션 편집 툴바가 나타납니다. 이 툴바의 버튼을 활용해 섹션 설정, 섹션 고정 및 이동, 다른 페이지로 이동, 복사, 삭제 등이 가능합니다.

섹션 설정

톱니바퀴 모양의 설정 버튼을 클릭하면 섹션 설정 모달이 나타납니다. 이 모달에서 섹션 명을 설정할 수 있고, 전체 화면 사이즈에 맞춤 설정과 배경 설정, 오버레이 설정도 가능합니다.

섹션 명 활용

편집 중인 섹션명을 설정할 수 있습니다. 특정 섹션으로 이동시킬 수 있는 링크 설정에 활용됩니다. 어어지는 이미지와 내용을 참고해 주세요.

위 이미지처럼 링크 설정이 가능한 블록(버튼, 이미지, 텍스트 등)에는 섹션 이동을 설정할 수 있습니다. 이때 특정 섹션을 찾을 때 위에서 설정한 섹션명이 활용됩니다.

전체 화면 사이즈에 맞춤

이 설정을 켜면, 채용 홈페이지에 접속하는 사용자의 화면 비율을 기준으로 이미지나 동영상의 비율이 적용됩니다.

위 이미지의 예시(오른쪽)를 보면, 화면 전체 사이즈에 섹션이 맞춰지는 것을 확인할 수 있습니다.

이 설정은 사용자의 화면의 전체 화면을 가득 채우는 방식으로 적용됩니다.

그러므로, 사용자의 화면 가로 세로/ 비율과 이미지(동영상)의 가로/세로 비율이 다를 경우 이미지나 동영상의 가장자리로부터 가로나 세로의 일정 부분이 표시되지 않을 수 있습니다. 또는화면의 비율에 따라 확대되는 것처럼 보일 수 있습니다.

중요한 컨텐츠는 넣지 않고 추상적인 배경 이미지로 활용하는 것을 추천합니다.

섹션 배경 적용

같은 페이지 내에서도 섹션별로 다른 색, 이미지, 동영상을 적용할 수 있습니다.

  • 섹션 배경 색의 경우, 컬러 픽커를 클릭하여 단색 혹은 그라데이션으로 설정이 가능합니다.

  • 이미지와 동영상은 파일을 업로드하는 방식으로 설정합니다. 동영상 블록과 달리 섹션 배경의 동영상 설정은 링크가 아닌 파일 업로드 방식이며, 50MB 이하의 제한이 있습니다. 업로드가 가능한 동영상의 확장자는 “.mp4 .avi .mkv .wmv .mov .flv .m4v”입니다.

오버레이 설정

섹션의 배경으로 지정된 색, 이미지, 동영상 등에 오버레이 색상을 입혀 섹션 배경보다 그 위에 표현된 컴포넌트들이 강조되는 효과를 줄 수 있습니다.

섹션 고정