본문 바로가기
반응형

홈커버란?

홈커버는 티스토리가 2018년 10월 새로운 공식 스킨을 출시하면서 생긴 기능입니다. 기존에 https://ux.stories.pe.kr 같이 세부 파라미터 없이 도메인 주소로만 접속할 경우 최신 글 리스트가 보여지도록 되어 있었으나 홈커버의 경우는 최신 글 리스트가 보여지는 것이 아니라 여러가지 아이템으로 관리자가 원하는 형태로 꾸밀 수 있게 만든 기능입니다. 이 기능을 잘 활용하면 단순한 블로그로 보여지는게 아니라 포털화면의 첫 페이지 처럼 꾸밀 수 있는 장점이 있습니다.
T스킨BASIC에서는 기본 5가지 아이템과 UX공작소애서 개발한 1개의 추가 아이템이 포함되어 있습니다.

적용된 모습

홈커버 설정 진입하기

홈커버는 티스토리 관리자 화면에서 시작합니다.

스킨편집

  1. 관리자 화면의 좌측메뉴 중 스킨편집 메뉴를 선택합니다.

홈설정 하기

  1. 스킨편집 화면의 홈설정 에서 최신글 대신에 커버메뉴를 선택합니다. 이로써 커버기능이 활성화 됩니다.
  2. 커버 아이템 추가메뉴를 선택해서 아이템을 설정하고 추가합니다.

홈커버 종류

공식 홈커버의 종류는 총 5개가 있으며 UX공작소에서 1개를 추가하여 총 6개의 아이템을 사용할 수 있습니다.

홈커버 설정

  1. 전체화면 슬라이더(UX공작소 추가)
  2. 슬라이더
  3. 리스트
  4. 섬네일 리스트
  5. 벽돌 리스트
  6. 갤러리

전체화면 슬라이더

전체화면 슬라이드

일정 크기의 이미지가 있는 글 중에서 이미지를 웹브라우저 화면 전체에 이미지가 꽉~ 차도록 배치한 형태의 아이템입니다. 이미지의 갯수를 지정할 수 있으며 이미지는 좌우 스와이프로 넘길 수 있습니다.

설정하기

설정하기

  1. 커버 아이템 중 전체화면 슬라이더 아이템을 선택합니다.
  2. 타이틀은 옵션입니다. 전체화면 슬라이드 아이템에서는 사용하지 않습니다.
  3. 콘텐츠는 최신글, 글선택, 직접입력, 인기글 중에 하나를 선택합니다.
    1. 최신글 : 전체 포스팅 중 최신글의 이미지를 보여줍니다.
    2. 글선택 : 전체 포스팅 중 원하는 하나의 글의 이미지를 고정으로 보여줍니다.
    3. 직접입력 : 포스팅 글이 아니라 직접 글과 이미지를 등록하여 보여줄수 있습니다.
    4. 인기글 : 전체 포스팅 중 조회수가 많거나 댓글이 많은 글의 이미지를 보여 줍니다.

슬라이더

슬라이더
슬라이더는 전체화면 슬라이드와 비슷하나 전체화면이 아니고 일부분의 형태로 보여 줍니다.

설정하기

설정은 커버 아이템을 슬라이드로 선택하면되고 나머지 설정은 전체화면 슬라이드와 동일 합니다.

리스트

리스트
리스트는 위와 같은 형태로 표현이 되며 갯수는 설정화면에서 지정할 수 있습니다.

  1. 옵션이였던 타이틀에 내용을 입력하면 타이틀 형태로 보여집니다.
  2. 이 형태의 리스트가 반복되어 나옵니다.

설정하기

설정은 커버 아이템을 리스트로 선택하면되고 나머지 설정은 전체화면 슬라이드와 동일 합니다. 다만 옵션이였던 타이틀 메뉴를 사용할 수 있습니다.

섬네일 리스트

섬네일 리스트
섬네일 리스트는 동일한 크기의 섬네일 이미지와 카테고리, 제목을 보여주어서 균형잡힌 이미지 리스팅을 보여 줍니다.

설정하기

설정은 커버 아이템을 섬네일 리스트로 선택하고 나머지 설정은 다른 아이템과 동일 합니다. 옵션이였던 타이틀 메뉴를 사용할 수 있습니다.

벽돌 리스트

벽돌 리스트
벽돌리스트는 섬네일 리스트와 비슷하나 이미지의 가로 X 세로 비율을 먼저 존중하는 형태로 리스팅이 됩니다. 자유분방하고 시원한 느낌을 줍니다.

설정하기

설정은 커버 아이템을 벽돌 리스트로 선택하면되고 나머지 설정은 다른 아이템과 동일 합니다. 옵션이였던 타이틀 메뉴를 사용할 수 있습니다.

갤러리

갤러리
갤러리는 택스트의 내용은 전혀 없고 이미지만 표현을 해 줍니다. 다만 이미지에 마우스를 올렸을 경우에 제목이 보여지게 되어 있습니다.

설정하기

설정은 커버 아이템을 갤러리로 선택하면되고 나머지 설정은 다른 아이템과 동일 합니다. 옵션이였던 타이틀 메뉴를 사용할 수 있습니다.

UX 공작소

UX와 UI에 관해 내가 알게된 다양한 이야기를 공유해요~