3. 스킨 옵션

이미지를 활용해 다양한 기능을 제공하는 티스토리 반응형 스킨

스킨 옵션은 티스토리 스킨 제작시 제공하는 기능입니다. 사용자가 스킨 제작자가 제공하는 스킨 옵션을 통해 쉽게 어떤 기능들을 제어할 수 있습니다. 물론, 스킨 옵션에 대해 잘 이해하고 있다면 스스로 원하는 기능을 추가할 수 있겠죠. 스킨 옵션이 궁금하다면 티스토리에서 제공하고 있는 '스킨 옵션' 안내 페이지를 살펴보세요.

스킨 옵션

'블로그 관리 > 꾸미기 > 스킨 편집'을 통해 볼 수 있는 화면입니다. 오른쪽 아래 스킨 옵션이 보이시나요? 예전 탕비수다 이마고 스킨은 자바스크립트를 이용해 이러한 기능을 제공했습니다. 사용자가 접근하기 어려운 단점이 있었지만 반대로 다양한 기능을 제공할 수 있었습니다.

워드프레스가 예전부터 스킨 제작자 그리고 스킨 사용자에게 제공하는 방식입니다. 사용자가는 간편하게 마우스 클릭만으로 설정을 저장하고 살펴볼 수 있으며 스킨 제작자는 어떤 값을 늘 유지하고 참조할 수 있기 때문에 다양한 상황에 대응할 수 있습니다.

1) 색상(COLOR) 타입

스킨 옵션에는 몇 가지 타입이 존재합니다. COLOR 타입은 첫 번째로 색상을 선택할 수 있도록 색상표를 제공합니다. 탕비수다 이마고 스킨은 다양한 영역에 색상을 설정하는 기능을 제공합니다. ** 색상이라는 표시가 보인다면 사용자는 색상표를 통해 원하는 색상을 선택할 수 있습니다.

간혹 하얀 색상이나 투명 색상을 선택했을 경우에는 어디를 클릭해야 할지 막막할 수 있는데요. 보이지 않더라도 마우스를 근처에서 클릭하면 색상표가 나타납니다. 처음에는 당황스럽겠지만 익숙해지면 어렵지 않습니다.

2) 선택(SELECT) 타입

몇 가지 선택 값 중에서 원하는 값을 선택할 수 있는 타입입니다. 한 가지 예로, 서브 메뉴는 텍스트 혹은 썸네일 방식을 선택해 변화를 줄 수 있습니다. 탕비수다 이마고 스킨은 기본적으로 썸네일 방식으로 선택되어 있습니다. 

3) 문자(STRING) 타입

문자 타입은 말 그대로 어떤 문자를 입력할 수 있는 타입입니다. 에를 들어 탕비수다 이마고 스킨에서는 홈링크 방식을 텍스트, 이미지 그리고 SVG 방식을 제공하고 있는데요. 텍스트 방식을 선택했을 경우 나타낼 블로그 명을 입력할 수 있습니다.

4) 이미지(IMAGE) 타입

그 동안 정말 필요했던 방식인데요. 사용자가 선택한 이미지를 바로바로 적용해서 확인할 수 있는 타입입니다. 탕비수다 이마고 스킨은 제목에 배경이미지 기능을 지원하고 있습니다. 원하는 이미지를 해당 기능으로 추가하면 간편하게 배경 이미지를 변경할 수 있습니다.

무엇보다 중요한 것은 어떤 타입을 통해 변경했다면 반드시 [저장] 버튼을 클릭해 변경사항을 저장해야합니다. 그렇지 않을 경우 실제 적용되지는 않습니다. 향후 제공할 설명서는 스킨 옵션을 기준으로 소개됩니다. 뿐만 아니라 해당 설정을 적용하면 어떤 효과가 있을지 상세하고 설명하고자 합니다.

이미지 맵

롤랑존

이미지를 활용해 다양한 기능을 제공하는 티스토리 반응형 스킨

    '설명서' 카테고리의 다른 글

    글에 남긴 여러분의 의견은 2개 입니다.

      • 개발자님 수고가 많습니다.
        개인적으론 4.0.6 이후 현재의 버전은 썩 내키지 않는 게 사실입니다.
        이전의 버전에선 articleSite 설정시 Width값을 max, shrink, comport 별로 달리 지정할 수 있어서
        원페이지 모드시 와이드 이미지를 취하면서도 글쓰기 가로폭을 사용자의 의도대로 조정할 수 있어 좋았는데
        뉴버전에서는 그런 기능은 빼버린 것인지요?
        이마고 스킨에서만이 가진 특화된 장점은 계속 유지해주시면 좋겠습니다.
        사이드바에 노출되는 메뉴글 이미지 적용도 참신하기는 하지만,
        칸 배열이 넓어서 5 줄 이상 노출시 시계를 벗어나고 각각의 메뉴들과의 조화감도 부자연스런 것 같습니다.
        물론 계속 다듬어가는 일련의 과정들이므로 더욱 진화되리라는 여망이 큽니다
        세상에 처음 예쁜 모습으로 태어나 우리에게로 와준 이마고 스킨, 아름다운 모습으로 성장해가는 모습을 보는 즐거움도 배가 됩니다.
        감사합니다.

      • 네 저도 크기 조정은 탕비수다 이마고 특징 중의 하나라고 생각하는데요. 장점임에도 해당 부분이 스크립트로 작동해 개선이 필요하다고 생각이 들었습니다. 관련해서는 글을 하나 적을 생각이에요. 더불어 사이드바도 관련 안내를 정리할 예정입니다.

    *

    *