[티스토리-20] 커스텀 스킨 적용하기

[티스토리-20] 커스텀 스킨 적용하기

이번 시간에는 티스토리 커스텀 스킨 제작자이신 정상우님의 hELLO 블로그에서 스킨을 제공받아 이를 적용해보는 시간을 가져보도록 해보자.

반응형

 

 

---

 

1. 커스텀 스킨 다운로드 및 압축 풀기

 

 - 아래 커스텀 스킨을 다운아 압축을 푼다. (버전 3.6.3)

 - Release 버전에 버그가 조금 있어 자체 수정하여 업로드 하였음.

 

hELLO-dist.zip

0.34MB

---

2. 커스텀 적용하기

 

 ① 좌측 메뉴 - '스킨 변경' 클릭 

 ② 우측 상단 '스킨 등록' 클릭

 

 

 ③ '추가' 클릭

 

 

④ 폴더 내 모든 파일들 업로드

 

※ 파일 중 하나라도 누락하면 작동 안함!!

 

 

⑤ '저장' 클릭

 

 

⑥ 스킨명 저장

 

반응형

 

 

⑦ 스킨 적용 확인

 

 - 스킨변경 탭에 가면 사용중인 스킨에 hELLO 스킨이 적용된 것을 확인한다.

 

 

---

3. 게시글 포맷 설정하기

 

- 적용하고 블로그 메인페이지를 가보면 아래처럼 썸네일이 엄청나게 크게 적용된 것을 볼 수 있다. 해당 장절에서는 레이아웃을 가독성 좋게 적절히 수정한다.

 

 

 

① 스킨편집 클릭

 

 

 

② 기본 목록 스타일 리스트로 변경

 

반응형

 

 

③ 적용 확인

 

 - 썸네일 배율이나 레이아웃이 예쁘게 적용된 것을 확인할 수 있다.

 

 

---

 

4. 코드블럭 등 수정

- 기존에 HTML, CSS가 수정된 부분들이 커스텀스킨 적용으로 인하여 모두 초기화되었다. 다시 적용해주도록 한다.

  (아래 링크 확인)

 

[티스토리-3] 소스코드블럭 작성 & 코드 하이라이트 예쁘게 출력하기

[티스토리-3] 소스코드블럭 작성 & 코드 하이라이트 예쁘게 출력하기

 

반응형

 

---