본문 바로가기

SW Storys/오피스 및 넷 활용 등

[사용팁] 티스토리 처음 도전기 ③ 티스토리 이용자 제작 스킨으로 변경해 보기 (*추가 : 카테고리 위치 변경)

이번에.. 스킨 선정에 시간을 다소 많이 빼앗겼는데요.

저의 티스토리 블러그에 적용한.. "이용자 제작 스킨" 적용과정을 올려 보도록 하겠습니다 ^^..

 

 

 

ㅁ 먼저, 기본스킨을 사용하지 않고, 이용자 제작스킨을 사용한 이유는??

    - 티스토리 기본스킨의 경우.. 스킨에 따라서 본문 글씨를 보기가 어려운 경우가 있더라구요.

      스킨이 마음에 들면 글씨 판독 및 가독도가 영~ 별로이고, 글씨가 잘 보이면 카테고리 미지원 및 스킨이 별로이고,,,

    - 여튼, 티스토리의 장점중의 하나는 이용자가 마음데로 스킨을 손댈 수 있는 부분인 듯 싶구요.

      무료로 제작해서 배포해 주니.. HTML 1도 모르는 하수는 그저 감사할 따름입니다 ^^.. 

 

 

 

 

 

1. 티스토리 기본스킨 변경하기

 

ㅁ 먼저, 저의 취향은?? "고정 카테고리"와 "글 내용"만 잘보이면~ 그닥 불만이 없습니다만..... 그러나,, ㅠㅠ

 

 

 

ㅁ "관리자"들어가서 -> "스킨변경"으로 들어갑니다.

 

 

 

ㅁ 원하는 스킨이 있으면.. 마우스 클릭 후 "미리보기" 및 "적용"을 클릭해 보면 됩니다.

▲ 티스토리 기본 스킨은?? 자동 적용되는 부분이라서.. 이정도에서 마치겠습니다.

 

 

 

 

 

 

2. 티스토리 홈 - 기본시킨 및 이용자 제작 스킨 찾아보기

 

 

* 티스토리홈에서 기본스킨 및 다양한 이용자 제작 스킨을 검색해 볼 수 있습니다.

 

 

① 티스토리 기본스킨!!

 

- 티스토리 홈 탑메뉴 - "티스토리 스킨" 항목을 클릭해 보시면 설명 및 바로 적용이 가능합니다. 

 

 

 

 

② 이용자 제작 스킨 

 

- 티스토리 홈 탑메뉴 - "이용자 제작 스킨" 항목을 클릭해 보시면.. 무료 스킨이 상당히 많습니다.

▲ 이용자 제작 스킨의 경우는?? 자동 적용이 되지 않고, 수동으로 적용해야 합니다. 

 

 

 

 

 

 

3. 이용자 제작 스킨 적용해 보기!! - 어포스트 반응형 3단 트리플 스킨

 

* 제가 열심 검색 후.. 적용한 "어포스트 반응형 3단 트리플 스킨" 적용 과정을 올려 봅니다.

  - 고정 카테고리 지원하고, 카페와 비슷한 형태의 보편적이고, 익숙한 스타일로 한번 골라 봤습니다. 

 


[링크] apost.kr/470?category=849258

▲ 아래 실습은?? 위 "스킨 설치안내"글을 천천히 따라서 해본 사항입니다. 
    [설치안내참조] apost.kr/27

 

 

 

 

1단계. 스킨 다운로드 및 압출풀기

 

 

 

2단계. 관리자 - "스킨편집"으로 들어갑니다.

 

 

 

3단계. 스킨편집 - "HTML편집"항목을 클릭합니다.

 

 

 

 

4단계. "HTML" 항목을 클릭 및 skin.html 소스를 복사합니다.

 

ㅁ 먼저, HTML 항목 클릭 후.. 이전 기본스킨 HTML 소스를 모두 삭제 합니다.

 

 

 

ㅁ 다운 받은 skin.html 파일을 메모장에 열어서 -> "HTML"항목 창에 "복사 & 붙여넣기"해 줍니다.

(주의) 복사 후 "적용"은?? 누르지 말라는 군요!!

 

 

 

 

5단계. 이어서 "CSS" 항목을 클릭 후 style.css 소스를 복사합니다. 

 

ㅁ CSS 항목 클릭 후.. 이전 기본스킨 CSS 소스를 모두 삭제 합니다. 

 

 

 

ㅁ 마찬가지로, 다운 받은 style.css 파일을 메모장에 열어서 -> CSS항목 창에 "복사 & 붙여넣기"해 줍니다.

 

 

 

6단계. "HTML", "CSS" 소스 복사 후 "적용하기"를 클릭합니다.

▲ 왼쪽창에서 새로고침을 해도.. 아직은 아무것도 바뀌지 않는군요!!

 

 

 

 

7단계 : 마지막으로.. index.xml 및 기타파일을 업로드합니다.

 

ㅁ 아래 빨간 사각의 파일들을 업로드 해야 합니다.

 

 

ㅁ "파일업로드" 항목을 클릭 후.. "전체선택" 후  이전 기본스킨 파일들을 모두 "-삭제" 합니다.

 

 

ㅁ "+추가"를 클릭 후 index.xml  jpg파일들을 업로드 합니다. 

▲ 그랬더니.. 위 처럼 모래시계가 계속 돌면서 멈추질 않습니다.

    - 설치안내글 댓글을 보면.. 티스토리 버그이고, 모래시계가 계속 돌면 정상 업로드 된거라고 하는군요!!

 

 

 

ㅁ 그냥.. "스킨편집창"을 강제로 닫고, 다시 열어 보니.. 정상적으로 업로드 되어 있습니다. 

▲ 좌측 새로고침창을 보면.. 디자인이 변경된게 확인이 되네요 ^^..

 

 

 

ㅁ 마지막으로.. "+추가"를 클릭한 후 "image폴더"의 파일을 업로드해 줍니다.

▲ 폴더는 생성하지 않아도 된다고 하며, 파일을 업로드 하면 알아서 생성이 된다고 합니다. 끝!!

 

 

 

 

 

4. (추가) 최종 확인 및 카테고리 위치 변경하기!!

 

* 블러그에 진입해 봅니다... 정상적으로 잘 적용이  되었네요 ^^..

 

ㅁ 다만, 카테고리의 위치가 상단에 위치해서 사이드바쪽으로 변경을 해 보도록 하겠습니다.

 

 

 

ㅁ 관리자 - 스킨편집 - "레이아웃" 항목에서.. 카테고리 위치를 "사이드바"변경해 줍니다. 

▲ 이용자 제작 스킨을 적용한 후에.. 뭔가를 변경할 수 항목 들이 많아 졌습니다 ^^..

   - (빨간 화살표) 저는 컨텐츠영역 너비를 조정할 수 있는게 마음에 듭니다.

 

 

 

ㅁ 카테고리 위치를 "사이드바"로 설정 및 적용 후 화면입니다. 굿!!

▲ 저는 디폴드 위주로 사용하고, 이만하면 충분히 만족스러운 듯 합니다 ^^..

 

 

 

 

 

 

* Special Thanks 어포스트 & 녹차빙수님!!

HTML 1도 모르는 하수인데 성공했습니다. 그럼, 좋은 하루 되세요 ^^.. 

 

 

 

 

 

 

■■ 티스토리 처음 도전기 - 활용팁 목차 ■■ 

* 아래 목차 링크는?? 배포처 링크가 아닌.. 참조용으로 티스토리 링크로 배포합니다. 조금씩 개선 되어가는 모습도 보실 수 있습니다.  

① 티스토리 가입하기

    [Link] realitreviews.tistory.com/294

② 카테고리 구성하기

    [Link] realitreviews.tistory.com/295

③ 티스토리 스킨 변경 : 이용자 제작 스킨으로 변경해 보기

    [Link] realitreviews.tistory.com/296

 구글 서치콘솔 등록하기 (* Site Map 자동 제출 됨!!)

    [Link] realitreviews.tistory.com/297

⑤ 구글 서치콘솔 등록 후 색인 생성 확인해 보기..( 제외됨 항목.. 색인 생성 요청하기!!) 

   [Link] realitreviews.tistory.com/298

⑥ 구글 애드센스 가입하기 및 내 사이트연결하기

   [Link] realitreviews.tistory.com/307

⑦ 구글 애드센스.. 승인거절 메일 도착 및 재신청합니다 ^^..

   [Link] realitreviews.tistory.com/313

⑧ 구글 애널리틱스

    a. 가입하기 및 사이트 등록하기

       [Link] realitreviews.tistory.com/323

    b. 내부 트래픽 필터링을 나의 접속 제외하기

       [Link] realitreviews.tistory.com/324
    c. 구글 서치 콘솔과 연결하기

       [Link] realitreviews.tistory.com/325

⑨ 구글 애드센스.. 한달만에(6전 7기) 심사 승인 완료 되었습니다 ^^..

    [Link] realitreviews.tistory.com/334

⑩ 구글 애드센스.. 애드센스 광고코드 생성 및 상하단 광고넣기 ^^..

    [Link] realitreviews.tistory.com/335

⑪ 카카오 애드핏

    a. 가입 및 신청하기 (* 심사대기중!!)

        [Link] realitreviews.tistory.com/355

    b. 심사보류 조치 및 승인완료

        [Link] realitreviews.tistory.com/357

⑫ ......

 

PS. 최종 목차는?? 저도 앞길을 잘 몰라서.. 완료되면 정리하도록 하겠습니다.

    - 언제나 처럼 저의 사용기는?? 궁금한 순서데로 진행되며, 언제 끝날지 저도 잘 모릅니다.

      * 통장 입금까지 생각하면 수년 걸릴 수도..

    - 이제 티스토리를 입문한 초짜이고, 엇을 해야할지 아직 잘 모르는 상태라서..

      시간을 가지고 천천히 적응 및 공부해 보면서.. 알게된 활용팁이 있으면 직접 도전해 보고, 메모 삼아 한번씩 올려보도록 하겠습니다.

     

 

 

★ 미흡한 글이지만 조금이나마 참고가 되었다면.. "구독" 또는 "공감" 표시는 서로에게 든든한 힘이 됩니다 ★

 

 

댓글 0