본문 바로가기

티스토리스킨/반응형 1단 스킨

반응형 티스토리 스킨 118 솔플 배포합니다.

반응형

 

 

사이드바 모듈을 헤더 하단 영역과 푸터 상단 영역에 나누어서 배치할 수 있는 미니멀 느낌을 최대한 살린 반응형 스킨입니다.

사이드바 모듈은 스킨 옵션 설정에서 전체를 감춤 처리를 하거나 선택적으로 "사이드바1"과 "사이드바2"를 본문 영역 상하단에 나누어 표시할 수 있습니다.(Ver 1.1 패치)

 

 

 

사이드바 위젯이 감추어진 레이아웃

 

SEO 최적화 스킨으로 최대한 가볍게 동작하도록 제작한 스킨입니다.

외부 라이브러리 없이 가볍게 로딩되기 때문에 검색엔진 친화적입니다.

 

티스토리 애드센스 및 구글 애드센스를 안정적으로 지원합니다.

 

블로그 각 영역과 요소들의 배경색 및 글자 색상을 자유롭게 설정할 수 있습니다.

 

미니멀한 스킨 컨셉에 맞춰 전체 블로그 영역의 글자 크기가 다른 스킨보다 1px씩 작게 설정되어 있습니다.

 

 

미리보기

 

 


 

주요 기능 안내

  1. 인터넷 익스플로러 11 지원 - 레이지로드, 구글 번역 기능을 제외하고 인터넷 익스플로러11 지원합니다. 레이지로드와 구글 번역 기능은 옵션을 켜도 인터넷익스플로러에서는 동작하지 않습니다.
    인터넷 익스플로러11 지원 화면



  2. 반응형 모바일 레이아웃 옵션 - "목록", "썸네일 한행에 1개", "썸네일 한행에 2개" 3가지 모드중 한가지를 선택해서 모바일 글 목록을 출력할 수 있습니다..
    모바일 글목록 타입 옵션


    데스크탑과 타블렛 레이아웃은 목록, 썸네일 한행에 2개, 썸네일 한행에 3개 지원.



  3. 검색 최적화 추가 지원 - 글목록의 이미지에 alt 속성에 글 제목이 표시되도록 개선되었습니다.
    글 목록 썸네일 alt 속성 값 표시



  4. 자동 목차 생성 기능 추가 - 글 안의 제목 스타일을 수집해 자동으로 다단 목차를 글 맨 위에 생성합니다.

    자동목차 생성 옵션

    자동 목차



  5. 사이드바 표시 구글 번역 기능 추가 - 다국어 번역 기능 지원. 인터넷 익스플로러와 구형 엣지 브라우저 자체의 문제로 지원되지 않습니다.
    사이드바 구글 번역 사용 옵션

    기본 구글 번역 기능
    깃발 아이콘으로 표시되는 구글 번역 기능(주요 9개 언어만 지원)


  6. 글링크, 내용 복사 기능 - 글의 하이퍼링크 태그를 자동으로 복사해주는 기능 및 글 내용을 복사해 갈 수 있는 기능 버튼 표시. 퍼가기를 허용하는 글 내용을 HTML, 또는 텍스트로 바로 퍼갈 수 있도록 기능 버튼을 표시할 수 있는 옵션입니다.

    기능 버튼 옵션
    글 제목 옆에 HTML복사, 텍스트복사, 하이퍼링크복사 3가지 기능 버튼을 선택적으로 표시


  7. 스무스스크롤 - 화면 스클롤을 할 때 우측 하단에 표시되는 페이지 탑으로 가기 버튼을 클릭하면 부드럽게 스크롤 되면서 페이지 탑으로 이동합니다. 인터넷 익스플로러는 미지원합니다.


  8. 스크롤 인디케이터 지원 - 화면을 스크롤 할 때 어느 정도 스크롤 했는지 알 수 있도록 블로그 최상단에 스크롤 프로그레스바가 표시됩니다. 옵션으로 켜거나 끌 수 있습니다.

 

 

 

 


 

스킨 다운로드

118 솔플 다운로드

 

 


 

옵션 설정

 

설정할 수 있는 스킨 옵션은 다음과 같습니다.

 

솔플 스킨 옵션들

 

 

 

 

 

반응형

Comments

  • 스킨맛집! ~ 어포스트

    잘구경했어여

    어포스트님처럼 티스토리도 스킨옵션을 친절하게

    넣어주면 좋은데...너무 불친절 ㅋ

    수고하세염~~ 초보에 대한 배려가 전혀없엉!!!

    앞으로 많은분들이 더 편리하게 스킨을 사용할 수 있게

    해주는 부분이 많아질수록 더 오래~ 많이쓸거라 예상

    html / css 알아도 바빠서 쳐다볼 시간도 없는 사람들도 있을테니

    스킨옵션 강화는 <신의한수>

  • 알 수 없는 사용자 2021.11.04 06:33 댓글주소 수정/삭제 댓글쓰기

    스킨 너무 깔끔해서 바로 적용했어요~
    저도 윗님 말씀에 백퍼 공감합니다.
    친절하신 설명 덕분에 아무런 문제 없었으니까요.
    잘 쓸게요~ 감사합니다~

  • 오랜만에 티스토리 복귀해서 스킨 알아보다가 너무 취향이라 적용했습니다.
    감사합니다!!

  • 익명 2021.11.22 22:41 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 버그입니다.

      정해진 컬러 테마가 있는 목차 기능에서 CSS를 가져오면서 임의로 컬러를 선택할 수 있게 개선했는데 CSS를 맞춰서 조정하지 않아서 발생한 버그입니다.

      스킨 다시 다운로드 받아서 적용하면 됩니다.
      skin.html 파일만 변경되었기 때문에 html만 재적용하면 목차 컬러 옵션이 적용된게 바로 확인될 겁니다.

  • 익명 2021.11.26 01:04 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 포함된 아이콘 폰트가 업로드되지 않아서 구멍나 보이는 것일겁니다.
      다운로드 받은 스킨 images 폴더 안에 있는 모든 파일을 업로드 해야 합니다.
      ttf 확장자인 것들이 아이콘 폰트입니다.

  • 최고에요!!!

  • 마음에 들어서 다운로드 합니다@ 잘 쓸게요 감사합니다@@@ 새해 복 많이 받으세요

  • 티에디션이 종료된다하여 저도 이 스킨으로 바꿨어요.
    좋은 스킨 제공해주셔서 감사해요~^^

  • 익명 2022.02.17 17:20 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 스킨이 1.1 버전으로 패치되었습니다.
      인라인으로 본문 영역 상/하단에 표시하는 사이드바1 과 사이드바2를
      본문 영역 상단, 또는 하단에 선택적으로 배치할 수 있도록 스킨 옵션이 추가되었습니다.

      스킨 옵션 설정 레이아웃 그룹의 변경된 옵션 사항에 대해서는 글 상단의 수정된 내용을 참고하시기 바랍니다.

  • 고민하던중에 스킨을 찾았는데 너무 좋네요
    하나 질문이 있어서요

    검색최적화(SEO)

    네이버 검색 메타 태그
    구글 검색 메타 태그
    MS 빙 검색 메타 태그

    이부분은 웹마스터 태그인것일까요?
    플러그인에서 메타태그등록 및 구글서치콘솔 플러그인 연결되어 있으면 따로 입력은 안해도 되나요?

  • 넵 스킨 너무 깔끔하고 좋아서 잘 쓰겠습니다
    감사합니다 ^^

  • 스킨 너무 예쁘네여! 잘쓰겠습니다..!!!

  • 익명 2022.08.01 12:38 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 다운로드 받은 스킨에 포함된 images 폴더 안의 파일들은 모두 업로드 해야 합니다.
      파일이 업로드 되지 않아서 아이콘들과 실행 기능들이 동작하지 않고 있습니다.

      사진을 클릭하지 않고 볼 수 있게 한다는게 무슨뜻인지 모르겠습니다.

      1300px로 이미지를 크게 한다는게 어떤 이미지를 크게한다는 건지 모르겠습니다.
      글 보기 내용의 이미지를 말하는건지, 아니면 라이트박스의 이미지를 말하는건지...

      질문을 조금 더 상세하게 해주시면 답을 다는데 도움이 될 것 같습니다.

    • 익명 2022.08.01 12:55 댓글주소 수정/삭제

      비밀댓글입니다

    • 이미 너비를 조정해서 1240px로 이미지가 표시되는 걸로 보입니다.

      이거보다 더 큰걸 원하시면 레이아웃을 원하는 용도게 맞게 수정해서 사용하셔야 할 거고, 제가 보기에는 1240px도 이미 충분히 커보입니다.

      개인 감상용이면 상관없겠지만, 이미지가 더 커지면, 이미지 다운로드에 시간도 더 걸릴 뿐더러 웹 브라우저 너비를 더 키워야 큰 이미지를 볼 수 있게 되서 그다지 권장하지 않는 구조의 블로그가 되게 됩니다.

      더 큰 이미지로 글 본문의 이미지가 표시되는걸 원하시면 스킨을 손을 보시거나, 이전에 사용하던 더 큰 이미지를 표시하는 스킨을 사용하는게 맞을 것 같습니다.

    • 감사합니다.
      깔끔한 스킨이라 정말 마음에 드네요.
      잘쓰겠습니다^^

  • 익명 2022.08.09 18:35 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • "N" 아이콘 이미지는 스킨에서 띄우는 것이 아닙니다.
      카테고리 목록 전체를 티스토리 시스템에서 표시하고, 스킨은 레이아웃만 조정을 합니다.
      사용자가 임의로 조정할 수 없다는 뜻입니다.
      회색으로 보이는 건 새로 등록된 글이 없어서입니다.
      새 글을 해당 카테고리에 등록하면 N 표시가 칼라로 변합니다.
      마찬가지로 티스토리 시스템에서 자동으로 표시하는 것입니다.





❌ 닫기