16. 원 페이지, 사이드바 모드에서 가로 폭 설정하기

16. 원 페이지, 사이드바 모드에서 가로 폭 설정하기

탕비수다 이마고 스킨은 2016년에 제작되었어요. 그동안 많은 변화를 거쳤고 이 글을 쓰는 시기에는 티스토리에서 지원하는 스킨 옵션을 활용해 다양한 기능을 제공하고 있습니다. 블로그의 전체적인 가로 폭을 변경하는 방법은 이미 '블로그 가로 폭 변경하기'에서 소개한 바 있습니다. 해당 글은 스킨 옵션을 지원하는 버전에서도 활용 가능합니다.

탕비수다 이마고 스킨은 크게 원 페이지 모드와 사이드바 모드를 제공하고 있습니다. 원 페이지는 말 그대로 본문 글에 집중된 모드입니다. 위와 아래에 각각 메뉴와 푸터가 존재하고 그 중간에 본문 글이 노출되는 모드입니다. 사이드바 모드는 거기에 다른 정보를 노출할 수 있는 공간이 본문 옆에 마련되는 방식이라 할 수 있습니다.

대부분의 티스토리 스킨에서 가로 폭을 변경하기는 어렵지 않습니다. 크롬 브라우저에서 제공하는 검사 기능을 통해 변경하고자 하는 영역을 찾고 해당하는 CSS 정의를 찾아 수정하면 됩니다. 탕비수다 이마고 스킨을 사용하는 많은 분이 자주 질문하는 내용 가운데 사실, 이런 내용이 많습니다. 즉, 어떻게 하면 원하는 영역을 찾아 수정할 수 있냐는 문의입니다. 어떻게 보면 쉬울 수 있겠고 그렇지 않을 수 있습니다.

최근 탕비수다 이마고 스킨에 관련 기능이 추가되었습니다. 과거 버전에서는 사용자에게 스킨 관련 지식을 요구했으나 이제는 간단한 수치만 입력하면 원하는 결과을 얻을 수 있습니다.

특별한 설명이 필요 없을 것 같군요. 기본 색상 및 기본/보호이미지를 제외하면 모두 각 영역의 너비를 설정할 수 있는 공간입니다. 주의할 점은 반드시 너비의 단위를 포함해야 합니다.

이미지 맵

롤랑존

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

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

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

      • 탕비수다님 블로그를 보면 제 블로그와 같은 화면인데, 사이드바1이 나타나지 않네요. 어디를 조절해야하는지요?
        위에 숫자로 줄여보았는데 아무변화가 없더군요..ㅜ.ㅜ

      • 그렇게 말씀하시면 난감한데요. 뭘 수정하셨는지요? 아니면 원래부터 나타나지 않았는지요? 원인이라고 생각하는 것이 있는지요? 혹 사이드바1은 스킨 옵션을 통해 사용 상태로 변경하셨는지요?

      • 건들지 않고 있는 상태로 사용 중입니다.
        큰모니터에서는 나타나는데요.
        처음부터 노트북에서는 나타나지 않아 위의 방법대로 수치를 조정해봤는데, 그래도 안나타나서 문의드린겁니다.
        같은 모니터인데 탕비수다님의 블로그는 나티나다군요.ㅜㅜ

      • 탕비수다 이마고 스킨은 기본적으로 원 페이지 모드에요. 스킨 옵션에서 사이드바1 사용 여부를 설정하셨나요?

        해당 글은 가로 폭 변경에 대한 글이나 사이드바 사용 여부랑은 관계가 없습니다. 스킨 옵션 설정에서 사이드바1 관련 글을 살펴보세요.

      • 사이드바 1이 사용중으로 되어 있구요.
        일정 화면 비율에서 숨김이 되는데요.
        같은 화면 비율인데, 제 블로그는 숨김이 되고, 탕비수다님의 블로그는 나타납니다.ㅜㅜ

      • 노트북 해상도가 낮나보군요. 그리고 사이드바1 관련 글은 아직 다 작성된 것이 아닙니다. 더불어 탕비수다 이마고 블로그는 가로 폭을 재조정한 상태입니다. 노트북 해상도에 따라 다르게 나올 수 있습니다.

      • 혹시 가로폭을 얼마로 하셨는지 알수 있을까요?
        저는 몇번이고 수정을 했는데, 안되서요.
        죄송합니다. 이런 소소한거 까지 물어봐서요.ㅜ.ㅜ

      • 728px로 변경해 봤어요. 소스보기를 해서 해당 부분을 찾으면 쉬울 것 같아요.

      • 옙^^,감사합니다.
        즐거운 하루 되세요^^

      • 안녕하세요. 혹시 댓글 url 을 사용하려면 어떻게 해야 할까요?

        https://avada.tistory.com/652

        위 글을 참고하여 하려고 했는데 잘되질 않습니다. 도움 좀 받을 수 있을지요?

      • 안녕하세요.

        관련 글을 살펴보았습니다.

        티스토리 댓글 내용 가운데 링크를 감지해
        활성화하는 방법이더군요.

        아쉽게도 탕비수다 스킨에서 지원하지 않는
        기능은 도움을 드릴 수 없어요.
        워낙 다행한 케이스가 많아서요.

        뿐만 아니라 잠시 내용을 살펴봤는데요.
        처음 진입시에 관련 기능을 임시 활성할 수 있지만
        새로 글이 달리거나 답변을 입력하면
        그걸 감지할 수 없을 것 같더군요.

        저도 관련 기능은 고민을 하다가
        구현하지는 않았습니다.

        고맙습니다.

      • 아 이 스킨에서는 안되는군요. 여러 방법으로 해봤는데 잘 안되더라구요.
        다른 부분은 마음에 드는데 좀 개선해보고 싶었는데.. 아쉽네요. 빠른 확인 감사합니다.^^

        많이 늦었지만 새해 복 많이 받으세요!

      • 넵 고맙습니다.

        새해복많이받으세요^^

      • 모바일 환경에서 가장 큰 문제점이 탕비수다 스킨의 모바일버전에서 메뉴를 클릭하면 글의 가장 윗부분으로 페이지가 강제로 이동된다는 점입니다.

        이 점이 정말 큰 문제인거 같네요.

      • 음 그렇게 되지 않는 다른 티스토리 스킨이 있나요?

        비동기식이라고 해서 유연하게 메뉴 목록을 불러오는 방식이면 화면 움직임 없이 가능한데요.

        티스토리 스킨은 네이버나 다음과 같이 직접 프로그램으로 제어하는 것이 아닌 api를 통해 제어하기 때문에 관련 기능은 어려울 수 있어요.

    *

    *