3. 스킨 옵션

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

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

스킨 옵션

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

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

1) 색상(COLOR) 타입

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

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

2) 선택(SELECT) 타입

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

3) 문자(STRING) 타입

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

4) 이미지(IMAGE) 타입

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

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

이미지 맵

롤랑존

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

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

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

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

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

      • 비밀댓글입니다

      • 이미지가 본문과 일치하게 나오는 부분은 스킨 옵션 가운데 "글 - 강제 확대 이미지"를 끄면 정상 출력됩니다.

        나머지 문의는 제가 도움을 드리기 힘들겠네요. 탕비수다 이마고 스킨은 초기부터 스킨이 지원하는 기능에 대한 문의를 성실히 답변을 드리지만 사용자 정의에 해당하는 부분은 답변을 드리기 힘듭니다.

        말씀하시는 부분은 전부 CSS 변경을 통해 가능할 것으로 보이며 크롬 브라우저의 검사 기능을 사용하면 수월합니다.

        다만 사이드바2는 미디어 쿼리를 알고 계셔야 변경하실 수 있겠네요.

      • 비밀댓글입니다

    *

    *