Skin maker - eclipse

 

포스팅을 작성해야겠군요. 이번 포스팅은 티스토리 스킨을 다뤄보는 내용입니다. 티스토리 블로그는 기본 스킨 외에 꾸미기-스킨에서 다른 스킨을 적용시킬 수 있는 기능이 있습니다. 타 블로그 서비스나 홈페이지 제작 툴에 비슷한 기능이 있는지는 모르겠는데 티스토리 블로그를 제법 길게 접했으면서도 저는 아직도 생소한 영역입니다.

 

현재 포스팅을 하는 시점에서는 그 기능을 활용해서 이클립스라는 스킨을 블로그에 적용해본 상태죠. 티스토리 유저 중에는 웹프로그래밍을 통하여 블로그 스킨을 제작하는 능력을 지닌 분이 계시기도 하는데요. 저도 블로그 스킨에 관심이 있는 편이라서 넷 서핑 중 멋진 스킨을 발견하면 눈여겨 보곤 할 때가 있습니다. 그러다가 한 스킨 제작자를 알게 되었는데 그가 바로 이클립스를 배포해주신 분이에요.

 

저는 그에게 코드 네임(?)을 붙여서 스킨 메이커로 칭하고 있습니다. 유입을 통해서 우연히 그의 블로그를 방문했다가 링크 추가를 한 거였는데 서로 교류를 하는 관계로까지 이어졌죠. 글에서도 높은 내공이 느껴져서 저랑 또래거나 연상 정도로 보고 옆에서 배우려고 했는데 알고 보니 동생이어서 놀라고 생각보다 활발한 성향이라서 또 놀랐습니다. 스킨 메이커 씨는 얘기도 잘해요! 본인은 재능이 없다, 라고 표현을 했지만 제가 보기에는 습득 속도가 보통 사람을 상회합니다. 한참 혈기왕성할 시기라 여러 활동을 하고 계신데 어떤 방향으로 나가도 자기 할 몫을 다하고 여력이 남아서 다른 사람을 도울 수 있는 인물이 될 것 같습니다.

 

스킨 메이커님의 소개는 여기까지 하고 계속해서 그가 제작한 이클립스 스킨을 이미지와 글로 공개해볼게요.

 

 

1. 상단

 

 

먼저, 상단 부위에 왼쪽을 살펴봐야 할 것 같은데요. 차례로 익스팬드 기능과 책이랑 비슷하게 생긴 방명록, 톱니바퀴 모양의 관리자 버튼이 있습니다. 아래로는 블로그 타이틀이 화면에 나타나게 되어 있어요. 그 밑에는 프로필 이미지인데 이미지가 가로 방향으로 긴 편이 잘 어울리더군요. 익스팬드를 눌러보면 접혀져 있던 사이드바가 열리는데 공간 활용이 돋보이는 탁월한 구조라고 생각합니다. 덕분에 블로그 포스팅을 부각시킬 수 있으면서도 사이드바에 여러 기능을 포함시킬 수 있게 되었다고 봅니다.

 

그나저나 익스팬드와 컬랩스는 트위터에서 볼 수 있는 기능이죠 ㅋㅋㅋ 이것은 이클립스가 요즘 유행하는 SNS 서비스, 트위터의 영향을 받았음을 확인할 수 있는 부분이겠습니다.

 

 

2. 서체

 

 

이클립스의 특징 중 하나로는 첫 스킨 적용 시에 제주고딕체라는 폰트가 설정되는 것이 있습니다. 그래서인지 이클립스는 제주고딕체로 텍스트를 쓸 때 가장 멋지게 보이는 것 같다고 저는 생각하는데 문제는 이 서체로 글을 쓰면 한자가 제대로 출력되지 않을 때가 있더군요. 영어로 텍스트를 입력시켰을 경우에는 이상이 없었습니다. 이것으로 보아 이클립스는 한자보다 영어와 더 호환이 잘 맞는 게 아닌가 싶어요.

 

그래서 저는 카테고리명하고 포스트 네임을 주로 영어로 바꿔보았는데 이건 여러 폰트를 적용해보시면서 마음에 드는 쪽을 찾아보는 것도 괜찮겠습니다. 조금 탄력성이 떨어진다고 느낄 수도 있겠지만 전 기존에 자주 사용되는 폰트에서 벗어나 새로운 서체를 활용해보려고 시도한 점을 좋게 평가받아야 한다고 생각합니다.

 

그밖에 블로그 이름이나 카테고리 쪽에 마우스 커서를 올려놓으면 자연스럽게 노란불이 들어오는 기능도 멋집니다.

 

 

3. 링크

 

 

상단에 있는 익스팬드를 클릭해서 사이드바를 펼치면 바로 위에 구독하고 있는 RSS 링크를 확인할 수 있는 모듈이 있습니다. 티스토리 자체 기능인 링크 추가로 입력한 웹페이지도 여기 적용이 되는데 원하는 블로그나 사이트 등의 글을 편하게 구독이 가능합니다. 써 보시면 금방 이해하실 수 있어요. 왼쪽에 나타나 있는 링크 이름을 클릭하면 최근 업데이트 된 피드 내역이 오른쪽란에 출력됩니다. 블로그라면 포스팅이 나오겠죠. RSS 피드의 특성상 발행글만 보이게 되는데 이것도 클릭하시면 해당 주소의 웹페이지로 들어갈 수 있습니다.

 

저는 개인적으로 반겼던 기능이에요. 전에 스킨 메이커님이 링커 위젯이라고 위 모듈과 비슷한 기능을 가진 위젯을 만드셨는데 제가 적용해보려다 무슨 코드를 잘못 넣었는지 쓸 수 없었던 적이 있거든요. 이번에 이클립스에는 링크 구독 기능이 내부에 포함되어 있었기 때문에 매우 좋았습니다. 아이콘 정렬 표시를 클릭하면 아이콘 형태로 링크를 볼 수도 있어요!

 

올린 이미지를 잘 보시면 Activities에 S의 아래쪽에는 회색바가 있고 중간 위쯤에 검은 막대가 존재한다는 것을 알 수 있는데 이건 스크롤바입니다. 마우스휠로 링크창을 위, 아래로 조정할 때마다 같이 움직여요. 저 막대를 보니 모노로이드라는 스킨이 떠오르는군요. 모노로이드도 스킨 메이커님이 제작했던 스킨으로 리플이 블로그 화면 옆 쪽에 달리는 것이 독특했죠. 아무튼 그때 막대를 만드는데 시간이 꽤나 걸렸다고 합니다. 왠지 이클립스에서 다시 보니 낯설지가 않네요.

 

 

4. 뮤직박스

 

 

이클립스의 또 하나의 특징인 뮤직 박스입니다. 별도의 설명을 안 드려도 되는 기능이죠. 음원이 있는 주소를 뮤직 박스 스크립트 있는 쪽에 넣으면 음악을 들을 수 있습니다. 샘플로 RWBY 곡이 설정되어 있으니 따로 조정을 하지 않으셔도 좋습니다. 일반적인 뮤직 플레이어와 차이가 거의 없어서 쉽게 익숙해지실 겁니다.

 

재밌는 점이 있다면 [ 키보드로 W가 재생, E가 일시정지, R이 정지, T가 이전 곡, Y가 다음 곡 ] 으로도 동작한다는 것입니다.

 

현재 제가 이클립스 뮤직 박스에 음원을 적용해두었으니까 W를 눌러보시면 정말로 음악이 나옵니다. 뮤직 박스를 키보드로도 조작할 수 있게끔 만들다니 감탄이 나오네요. 얼마 전에 음악 플레이어 위젯을 블로그 정비를 하다가 해제해서 내심 아쉬워하고 있었는데 참 환영할만한 기능이었습니다. 이제 원하는 곡으로 얼마든지 분위기를 바꿀 수 있겠군요.

 

사소한 버그를 하나 발견하긴 했는데 가끔 음악 재생 시간이 실제보다 길게 나올 때가 있곤 합니다.

 

 

5. 호밍

 

 

이 기능은 역시 이클립스를 써봐야 알 수가 있습니다. 이미지를 보면 오른쪽 상단에 글 수정과 글 삭제가 보이는데 이게 방문자에게는 보이지 않습니다. 이것은 사용자의 편의를 위해서 넣은 것으로 완성된 포스팅 우측 위에 마우스 커서를 가져가면 없었던 메세지가 보이는 것이에요. 그걸 마치 마우스를 따라서 움직이는 것 같다고 해서 '호밍 기능' 이라는 네이밍이 붙여졌다는 설이 있습니다. 글을 수정하거나 글을 삭제하는 단순한 기능이긴 하지만 사라졌다 나타났다 하는 게 신기하지 않습니까 ㅋ

 

저는 호밍을 글라시아라는 스킨을 직접 쓰면서 경험해보았는데 이클립스에도 이 기능이 있는 것을 보니 반갑습니다. 글라시아가 제 곁을 떠나지 않고 이클립스 안에서 함께하는 것 같은 기분이 들어요. (뭔소리야)

 

 

 

6. 蝕

 

지금까지 스킨 메이커님의 간략한 일화와 그가 배포한 이클립스를 알려드려 봤습니다. 이클립스는 기본적으로 검은 계열의 배경색을 지니고 있는데 전 블로그를 하면서 검은 스킨을 처음 써봅니다. 대개 본문 바탕을 흰색으로 하는 게 무난하다고 들어와서 그대로 따랐었으니까요. 그렇지만 한번 써보니 만족스럽습니다. 이클립스는 분명 여러모로 고안이 된 고성능 스킨입니다.

 

배경이 양피지 같은 느낌이라 포스팅을 할 때면 그 위를 하얀 잉크로 작성하는 듯한 이미지가 연상되는 게 저는 좋더군요. 기능도 얻고 싶었던 링크 구독이나 뮤직박스가 내장되어 있어서 받았을 때 무척 기뻤습니다. 사실 이클립스에는 더 다양한 활용법도 있고 커스텀을 어떻게 하느냐에 따라서 훨씬 놀라운 스킨으로 변하게 될 여지도 물론 더 있지만 제가 쓰기에는 이 정도면 충분히 오버 퀄리티에 가까운 것 같습니다. 이런 스킨을 제작하게 된 스킨 메이커님의 역량에 다시 한 번 감탄합니다.

 

분위기가 약간 어두운 편이라 다가가기에 망설여질 수도 있겠지만 이클립스는 좋은 의도로 만들어진 스킨이라고 봅니다. 일단 적용해보시고 익숙해지다 보면 점점 그 매력을 알게 되실 것입니다. 많은 분이 아직도 이클립스의 멋진 면을 몰라주시는 것 같네요. 저는 이클립스가 굉장히 마음에 드는데 어떻게 해야 더 어필할 수 있을까요? ㅎㅎ

 

스킨을 바라볼 때마다 앞으로도 나와 코드가 맞는 스킨 메이커가 이 사람 외에 없겠구나.....라는 생각을 해봅니다.