bskyvision RSS 태그 관리 글쓰기 방명록 kyohoonsim@gmail.com
2021-02-13 00:32:38

안녕하세요. 개발자를 위한 티스토리 반응형 스킨, 리눅스킨을 개발한 비스카이비전입니다. 

 

 

코딩을 취미로든, 전공으로든, 직업으로든 하다보면 언젠가는 리눅스 운영체제를 접하게 됩니다. 윈도우 운영체제에 비해 좀 더 개발을 하기에 편리한 점들이 있고, 또한 여러 명이서 같이 사용할 수 있는 장점이 있기 때문에 리눅스를 선호하게 됩니다. 리눅스는 윈도우에 비해 분명 처음에는 사용하기 어렵지만, 좀 더 "간지"가 납니다. 

 

그래서 저는 리눅스만의 심플하고 전문적인 느낌을 살린 티스토리 스킨을 만들어봤습니다. 저는 이 스킨에게 리눅스킨(LinuXkin)이라는 이름을 붙여주었습니다. 

 

 

내가 그의 이름을 불러 주기 전에는

그는 다만 하나의 "스킨"에 지나지 않았다.

 

내가 그의 이름을 불러주었을 때,

그는 나에게로 와서

"리눅스킨"이 되었다

 

-김춘수님의 "꽃" 패러디-

 

 

PC 화면에서 리눅스킨은 이렇게 보입니다. 현재 제 블로그에 설치되어 있으니 여기저기 가보시면서 구체적으로 디자인이 어떠한지 살펴보시면 됩니다. ㅎㅎ

 

 

그리고 모바일 화면에서는 이렇게 보입니다. 

 

 

저는 리눅스킨(버전 3.0이상)을 디자인할 때, 클라우드 통합개발환경인 구름 IDE의 UI를 참고했습니다. 전체적으로 구성이 매우 심플하고, 요소요소에 포인트로 들어간 색상들이 예쁘더라고요. 구름 IDE의 UI를 예쁘게 만들어주신 디자이너 분께 감사의 마음을 표합니다. 

 

구름 IDE의 UI입니다. 예쁘죠?

 

어떠신가요? 좀 비슷하게 구현이 된 것 같나요?

 

리눅스킨 설치 방법

리눅스킨이 마음에 드신 분들은 다음과 같은 절차로 설치하시면 됩니다. 

 

1. 먼저 아래 파일을 다운로드 받으신 후에 압축을 풀어주세요. 

현재버전: v4.0

 

리눅스킨 v4.0.zip
0.02MB

 

2. 그 다음에 티스트리 관리자 페이지에 들어가셔서 좌측 메뉴 중에 [꾸미기] - [스킨 변경]에 들어가주세요.

3. [스킨등록 +]을 클릭해주세요.

 

 

4. 다운로드 받은 파일들을 업로드해주세요. 아래 그림처럼 되었다면, [저장]을 클릭하시면 됩니다.

 

 

5. "리눅스킨 v버전"이라고 스킨명에 기입하신 후 [확인]을 클릭합니다. 

 

 

6. 스킨 목록에서 [스킨 보관함]을 클릭합니다.

 

 

7. "리눅스킨 v버전"을 선택한 후에 [적용]을 클릭하면, 스킨 설치가 완료됩니다. 

 

 

리눅스킨 사용시 주의사항

1. 마음껏 수정해서 쓰세요. 

리눅스킨은 설치 후 각자의 필요에 따라 마음껏 수정해서 쓰셔도 됩니다.

2. 배포는 리눅스킨 제작자의 블로그, bskyvision에서만 합니다. 

대단한 스킨은 아니지만, 꽤 많은 정성이 들어간 스킨입니다. 리눅스킨을 마치 자신이 직접 만든 것처럼 배포하지 마세요.

3. copyleft는 수정하시면 안됩니다. 

본문 영역 최하단에 보시면 Copyleft ⓒ bskyvision (리눅스킨 v버전)과 같은 것을 보실 수 있는데, 이것은 이 스킨을 제가 만들었다는 것을 나타내기 위함이니 이 부분은 수정하지 말아주세요. 이것을 통해서 무료 스킨을 제공하는 제 블로그에 조금이나마 유입이 늘기 바라는 것이니 부디 제 바람을 좌절시키지 말아주세요.

4. 리눅스킨을 설치하신 분들은 댓글로 설치했다고 알려주세요.

다른 분들의 블로그에는 리눅스킨이 어떻게 적용되었는지 궁금하기도 하고, 또 살펴보면서 개선점은 없는가 파악하기 위함입니다.

 

리눅스킨은 계속해서 발전 중!

리눅스킨은 계속해서 업그레이드되어 가고 있습니다. 아마도 제가 티스토리 블로그를 운영하는 동안은 계속해서 업데이트시켜갈 것 같습니다. 제가 다른 스킨으로 갈아타지 않는 이상 말이죠. 여러분이 많이 사용해주실 수록 제가 더 애정을 갖고 업데이트시켜 갈 것 같습니다. 많이 사용해주세요^^ 그리고 사용하시면서 개선되었으면 하는 점이 있다면, 제게 알려주세요. 리눅스킨은 아래와 같이 발전해가고 있습니다. 

 

리눅스킨 v3.0

  • 전반적으로 구름 IDE의 디자인을 흉내냈습니다. 참고로 구름 IDE는 클라우드 방식의 통합개발환경입니다. 전반적인 UI가 이쁘더라고요.
  • 색 사용을 최대한 줄였습니다. 흑백의 아름다움을 극대화시켰습니다. 완전한 검은 색보다는 살짝 연한 검은색을 사용해서 좀 더 고급스러운 효과를 줬습니다.
  • 최하단에서 언제나 쉽게 블로그내 검색이 가능하게 했습니다. 이전 버전(v3.0 미만)에서는 최상단에 위치했던 블로그내 검색 기능을 최하단으로 옮긴 것입니다.

리눅스킨 v3.1

  • 사이드바 영역과 본문 영역의 스크롤이 따로 작동하게 했습니다. 이전에는 함께 올라가고 내려가고 해서 불편했는데, 이제는 글을 읽다가 사이드바의 내용을 확인하기가 훨씬 더 수월해졌습니다. 
  • 사이드바 스크롤과 전체 스크롤을 좀 더 예쁘게 꾸몄습니다. 스크롤을 좀 더 얇게 만들었고, 스크롤과 스크롤 배경 색상도 모두 변경했습니다. 
  • 사이드바 카테고리명 앞에 폰트어썸의 아이콘을 넣어서 좀 더 시각적으로 도드라지게 했습니다. 

리눅스킨 v3.2

  • 모바일 화면에서 사이드바 요소들이 메인 요소 아래에 하나씩 순차적으로 위치하게 했습니다.
  • 모바일 화면의 팝업 사이드바에는 RSS, 태그, 관리, 글쓰기, 방명록 메뉴와 카테고리만 나오게 변경했습니다.
  • PC 화면에서 사이드바의 z-index를 높여서 푸터 위에 오게 했습니다.
  • 사이드바에서 글 제목의 경우는 아쿠아(aqua) 색상을 줘서 좀 더 구별된 느낌이 들게 했습니다. 
  • 화면 크기를 줄일 때 메인 요소의 일부가 가려지는 현상을 해결했습니다.
  • 푸터 영역에 있는 검색 창의 너비를 조금 더 넓혔습니다.

리눅스킨 v3.3

  • 목록에 썸네일을 넣어서, 글이 어떤 주제에 대한 것인지 한 눈에 파악할 수 있게 했습니다.
  • 티스토리 편집기에서 글을 작성할 때 제목1, 제목2, 제목3으로 선택한 부분에는 아래에 옅은 회색 줄이 그려지게 해서, 글에서 소제목을 나타내는 부분들을 좀 더 시각적으로 명확하게 했습니다.
  • 방문수 통계에서 오늘 날짜 방문수 앞에는 달리는 사람 이모티콘을 넣어서 좀 더 부각시켰습니다. 
  • 스크롤바를 좀 더 예쁘게 꾸몄습니다.
  • 글 제목 부분에서 카테고리명을 앞으로 옮겨서 파일의 경로처럼 보이게 했습니다.
  • 공감 버튼을 강조해서 글을 읽은 이후에 공감 버튼을 쉽게 찾을 수 있도록 만들었습니다.

리눅스킨 v4.0

  • 스크롤을 내리면 헤더와 푸터가 사라지게 했고, 스크롤을 올리면 다시 나타나게 했습니다.
  • 팝업 사이드바의 바깥 영역을 클릭할 때 팝업 사이드바가 닫히도록 했습니다.
  • 팝업 사이드바가 열릴 때 다른 부분은 어두워지게 만들었습니다.
  • 댓글, 방명록 남긴 사용자 이름 앞에 아이콘을 넣었습니다.
  • 본문 글자 크기를 키웠습니다. 
  • 본문 글씨체로 리디바탕체를 적용시켰습니다.
  • 블로그 소개에 소개 이미지가 보여지게 했습니다.
  • 방명록 창, 댓글 창, 방명록 입력 버튼, 댓글 입력 버튼을 꾸몄습니다.
  • 공감 유도 문구를 수정했고, 공감 버튼 부분에 배경색을 줬습니다.
  • 사이드바 공지사항 제목 앞에 아이콘을 추가했습니다.
  • 공지사항 제목 앞에 공지사항 카테고리가 오도록 위치를 바꿨습니다.

 

마무리 인사

퀄리티 있는 글들이 심플하면서도 예쁜 스킨에 담겨진다면, 훨씬 더 많은 사람들이 찾는 블로그가 될 것입니다. 리눅스킨이 충분히 심플하고, 충분히 예쁜지는 모르겠지만, 현재 제 눈에는 만족스럽습니다. 그러나 아마도 얼마 후 저는 예쁘지 않은 부분을 찾아낼 것이고, 또 수정할 것입니다.

 

저 말고도 일반적으로 많은 분들이 좋아하실 만한 스킨이 되도록 계속해서 업그레이드시켜 가겠습니다. 리눅스킨을 설치해주신, 또 설치해주실 모든 분들께 진심으로 감사의 말씀을 드립니다. 

 

 

(이 글은 2021-2-13에 마지막으로 수정되었습니다.)

 

 

728x90
댓글



이 페이지는 리디주식회사에서 제공한
리디바탕 글꼴이 사용되어 있습니다.