[티스토리 스킨 NO.2] TISTORY 블로그 예쁘게 꾸미기 / 스킨 설명 / 적용방법

티스토리 디자인 유형 

티스토리 스킨은 7가지 카테고리로 나눌 수 있다.

1. Odyssey

#반응형#블로그형#커버 지원

 

2. Poster

#반응형#블로그형#초보#커버 지원

 

3. Whatever

#매거진#반응형#블로그형#사이트#초보#커버 지원

 

4. Letter

#미니멀#반응형#블로그형#초보#커버 지원

 

5. Portfolio

#반응형#사이트#커버 지원

 

6. Book Club

#반응형#블로그형#초보

 

7. Magazine

#매거진#반응형#커버 지원

 

 

처음엔 POSTER 디자인을 사용했다가, 이미지를 상단 메뉴처럼 보이게 디자인하기에는 Portfolio형이 더 적합하다는 생각이 들어 현재는 Porfolio를 이용중이다. Poster 디자인으로 티스토리를 꾸미는 방법은 아래 글에 상세하게 기재해 놓았다. 이미지를 돋보이게하여 디자인 할 수 있다는 점이 가장 마음에 든다. 티스토리에서도 이미지 비중이 큰 여러 콘텐츠를 모아서 보여주기에 적합한 스킨이라고 설명하고 있다. 사진,그림,영화,디자인에 대한 블로그라면 추천한다. 

포스터 디자인으로 꾸미는 방법 click

2020/01/28 - [티스토리/블로그] - [티스토리 스킨 변경] TISTORY 블로그 예쁘게 꾸미기/ 옵션 설정하기

[티스토리 스킨 변경] TISTORY 블로그 예쁘게 꾸미기/ 옵션 설정하기

 

---

 

포트폴리오 스킨으로 디자인하기

 

1. 스킨 기본 설정 / 웹반응형 디자인

포트폴리오 디자인은 반응형웹 디자인으로 꼭! 블로그 관리에서 모바일웹 자동연결을 사용하지 않음으로 설정해줘야한다.

반응형웹 설정 안내 ▼

*본 스킨은 반응형웹으로 제작되어 있습니다.
'블로그 관리>꾸미기>모바일 메뉴'에서 '모바일웹 자동연결을 사용하지 않습니다.' 로 설정해주세요.

 

2. 스킨커버설정 

블로그의 메인 얼굴인 커버를 편집해준다. 스킨 적용 후 > 스킨 편집

편집에 들어가면 홈설정이 보통 최신글로 되어 있는데, 이걸 커버로 바꿔줘야 커버 적용이 가능하다.

커버들은 내가 원하는 글을 보여줄 수 도 있고, 따로 이미지와 링크를 걸어 디자인 할 수도 있다. 

 

2-1 슬라이더 

보통 홈페이지들에서 보이는 메인 배너 역활을 할 수 있는 슬라이더 커버. 화면 높이를 100% 채워준다.

 

2-2 갤러리

세로 직사각형 형태로 이미지를 보여준다. 4배수 목록을 권장하고있다. 나는 현재 최상단에 배치하여 메뉴바처럼 디자인하였다. 마우스 커버오버 효과가 있다.

현재 설정되어 있는 갤러리 커버

 

 

2-3 썸네일 리스트

사용중인 섬네일 리스트

 

제목과 내용이 함께 보여진다. 이미지와 글(정보)이 함께 보이기 때문에 개인적으로 가장 블로그다운 커버라고 생각한다. 

 

2-4 와이드패널

배너 형태의 이미지를 차례로 쌓아서 출력한다. 줄배너의 느낌이 나는데, 현재 나는 이용하지 않고 있다. (이미지배너가 깨지는 경우가 종종있기때문에)

 

2-5 리스트

좌측에 섬네일이 보여지고 제목+내용을 보여주는 일반적인 리스트 형태. 

 

---

 

스킨 옵션 설정하기

 

여기까지 했다면 기본적인 디자인의 형태는 다 잡았다. 이제는 세부적인 옵션을 설정하면 된다.

Porfolio에서는 다양한 스킨 옵션이 있다.
로고 유무 / 컬러셋 지정 / 글 목록 형태를 설정하고 다양하게 디자인하면 된다.

---

 

로고 넣기

포트폴리오 커버의 단점은 블로그 이름이 제대로 보여지지 않을때가 많다는 것이다. 로고를 제작하여 삽입하더라도 정해진 사이즈이상으로는 노출이 되지않는다. 높이48px의 간결한 로고 또는 짧은 글이 가장 알맞다. 로고는 좌측 상단에 노출된다.

---

블로그 컬러 설정 

컬러셋에서 제공하는 컬러를 선택하여 스킨의 컬러포인트 설정한다. (이 스킨에서는 컬러 포인트가 블로그 자체에 큰 임팩트는 없는 것 같다.)

---

 

글 목록 형태 

글목록이 어떤 형식으로 보여지는지 설정해준다. 본인이 보기에 가독성이 좋고, 이미지가 잘 표현되는 디자인으로 선택하면 된다. (포트폴리오 스킨 자체가 이미지에 힘이 실리는 레이아웃이라, 블로그형을 추천) 

---

 

하단카피라이트 / 하단 텍스트 링크 

원하는 카피라이트가 있다면 입력하면 되고, 입력되어 있지 않으면 노출되지 않는다.

원하는 링크를 넣을 수 있다. 나는 하단 텍스트링크를 사용하지 않고 갤러리 스킨을 이용하고 있다. 다양한 외부링크를 삽입할 수 있는 영역인데, 나는 갤러리 스킨을 이용하여, 이미지에 외부링크를 삽입하였다. 

 

 

---

 

 

 

스킨편집에 들어가면 어려울 것 없이 디자인 할 수 있으니 이미지에 포인트가 되는 디자인 스킨을 원한다면 한번쯤 사용해보는 걸 추천한다. (이제 어떤 스킨을 또 디자인 해보지)

 

 

 

오늘 나의 흔적 DearJ.