블록 사용

블록 종류

1~4단 레이아웃 구성에서 사용할 수 있는 블록은 아래와 같습니다.

텍스트 블록 사용 시에는 아래 설정이 가능합니다.

설정을 클릭하여 아래와 같은 설정을 할 수 있습니다.

텍스트 스타일 설정 후 폰트 사이즈 변경 방식으로 사용하는 것을 추천합니다. 폰트 사이즈 변경 후 텍스트 스타일을 바꾸면 텍스트 스타일의 기본 사이즈가 적용됩니다.
제목 스타일은 굵게(Bold)로만 설정됩니다.
텍스트 스타일은 SEO 설정에 영향을 줍니다.
폰트 사이즈는 모바일 환경에서 일정한 규칙에 따라 사이즈가 변경되거나 유지됩니다.

이미지 블록에 첨부할 이미지는 3:2 비율을 권장하며 jpeg, png, gif 유형의 이미지(10MB 이하) 업로드를 권장합니다. 이미지 설정을 클릭하여 아래와 같은 설정을 할 수 있습니다.

이미지 삽입 시에는 추천 비율을 제공하지만, 커스텀 비율로도 업로드할 수 있습니다. (이미지 자르기 기능)
이미지 크기 설정의 퍼센트는 레이아웃 크기에 대비한 비율입니다. [이미지 크기 : 레이아웃 크기]의 비율은 모바일 환경에서도 그대로 반영됩니다.
이미지에 링크를 삽입할 수 있습니다.

모바일 환경에서는 마우스 오버 기능이 실행되지 않습니다.

이미지 블록을 선택하여 마우스 오버 액션 추가를 클릭합니다. (위 이미지처럼 기본 이미지는 이미 추가되어 있는 상태를 가정하여 설명합니다)

기본 이미지가 블러처리되면서 텍스트가 덮히는 마우스 오버 효과를 만드는 방법을 소개합니다. 이 방법은 디자인 툴 사용이 필요합니다. 대부분의 디자인 툴에서 가능한 방법이니 차근차근 따라와 주세요.

먼저, 기본 이미지와 마우스 오버용 이미지를 준비합니다.
a. 배경이 될 기본 이미지를 준비합니다. (이 이미지는 가공 없이 추출합니다) b. 이미지를 복사하여 두 개로 만듭니다. c. 복사된 이미지에 블러를 적용합니다. - 포토샵 기준 : 필터 → 흐림효과 → 가우시안 흐림 효과 - 피그마 기준 : Effects → Layer blur d. 블러를 적용한 이미지 위에 텍스트를 올립니다.

텍스트가 올려진 이미지를 추출합니다. 기본 이미지와 마우스 오버용 이미지가 준비되었습니다.
두 이미지를 업로드합니다.
a. 이미지 블록 생성 후 기본 이미지를 먼저 업로드합니다.
b. 이미지 블록 선택 후 마우스 오버 추가 버튼을 클릭합니다.
c. 이어서 마우스 오버 클릭, 이미지 수정 클릭 후 마우스 오버용 이미지를 업로드합니다.
미리보기를 클릭하여 효과를 확인합니다.

동영상은 16:9 비율을 권장합니다.

설정을 클릭하여 링크 주소를 입력하는 방식으로 동영상을 첨부합니다. 설정을 통해 동영상을 레이아웃에 맞추거나 여백을 채우는 방식으로 구성할 수 있습니다.

채용 공고 블록은 나인하이어 ATS 채용 관리 탭에서 생성하여 모집 시작 상태로 설정한 공고 리스트가 표시되는 블록입니다.

설정을 클릭하여 아래와 같은 설정을 할 수 있습니다.

공고 레이아웃 설정
- 기본형 / 사이드 필터형 중 선택
필터 구성
- 필터로 제공할 항목 선택 (직군, 소속, 고용 형태, 관리 태그)
- 노출할 고용 형태, 경력 사항 설정
- 관리 태그 기본 상태 설정
기본 정렬 설정 : 최신순, 오래된 순, 마감일 가까운 순, 채용명 오름차순(ㄱ~ㅎ), 채용명 내림차순(ㅎ~ㄱ) 중 선택
한 페이지 최대 목록 수 : 10개, 15개, 20개, 25개, 50개, 100개 중 선택