본문 바로가기

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

티스토리 스킨 - 반응형 민트페이퍼 2단 티스토리 스킨 배포합니다.

스킨명 : 반응형 민트페이퍼 2단 티스토리 스킨



-----------------------------------------------------


2019-06-01 1.1.4 패치 - 모바일 검색폼 클릭시 사이드바 메뉴 닫히는 버그 패치


2019-05-27 1.1.3 패치 - 모바일 사이드바 스크롤락 호환성 개선


2019-05-20 1.1.2 패치 - 댓글 플레이스홀더 글자색 버그 패치.


2019-05-19 1.1.1 패치 - 탑스크롤 사용 옵션 추가. 모바일 화면 메뉴 버튼 상단에 고정.


2019-05-07 1.1.0 패치 - 스킨 옵션 기능 3종 추가(짧은 날짜 여부 선택, 좁은 헤더 높이 여부 선택, 본문영역 그림자 효과 여부 선택). 반응형 방식을 자바스크립트 계산 방식에서 순수 CSS 방식으로 전환


2019-04-15 1.0.2 패치 - 스킨 설정에 카테고리 위치를 탑메뉴/사이드바 선택 기능 추가. 사이드바 프로필, SNS 아이콘 섹션 표시여부 설정 추가.


2019-04-15 1.0.1 패치 - 스킨 설정에 글목록, 글보기 페이징 타입 선택 기능 추가(아래 설명 참조)


-----------------------------------------------------



- 다양항 스킨 추가 설정이 가능해 다채로운 느낌을 줄 수 있습니다.


- 스킨 전체 레이아웃은 1260px로 넓은 편이며, 컨텐츠 글 영역 너비는 840px 입니다. 에디터 기본 너비도 840px 으로 설정되어 있습니다.




- 스킨 추가 설정 안내


- 글목록,글보기 페이징 타입 : 글목록, 글보기 하단의 페이지 이동 표시 방법을 이전/다음, 또는 페이지 리스트 중 한가지로 선택할 수 있습니다. 페이지 리스트로 할 경우 "목록 더보기" 옵션은 반드시 꺼야 합니다.(수선순위가 목록 더보기에 있습니다.)



2019년 5월 11일 추가 기능

- 검정색 글 본문 색상 적용 : 본문 기본 색상은 스킨 테마에 맞는 회색톤입니다.(#888888). 검정색으로 글자가 잘보이게 하려면 이 옵션을 켜면 됩니다.

SNS 아이콘 유튜브 추가 

더보기 토글 옵션이 글목록, 글보기 페이징 타입으로 통합



2019년 5월 7일 추가 기능

- 짧은 날짜 : 기본 표시인 년월일시분초를 대신해 년월일만 표시합니다.

- 좁은 헤더높이 사용 : 헤더 영역의 여백중 높이값을 100px 줄여 헤더 영역이 작은 영역을 차지하도록 합니다.

- 본문영역 그림자 효과 : 밝은 배경과의 구분을 위해 본문 영역의 그림자 효과를 줍니다.



- 사이드바 위치 : 사이드바를 왼쪽/오른쪽에 배치할 수 있습니다.


- 사이드바 프로필 보기 : 사이드바에 표시되는 프로픽 영역 표시여부를 선택합니다.


- 사이드바 SNS 아이콘 보기 : 사이드바에 표시되는 SNS아이콘 영역 표시 여부를 선택합니다.

   * 나머지 사이드바 영역은 티스토리 관리자 기능 꾸미기 > 사이드바에서 표시 여부를 지정할 수 있습니다.


- 카테고리 위치 : 카테고리 표시 위치를 탑메뉴/사이드바 중 선택할 수 있습니다. 카테고리가 사이드바에 위치할 경우 상단 헤더 영역이 50px만큼(카테고리가 탑메뉴에서 차지하던 영역) 줄어듭니다.



- 탑스크롤 버튼 사용 : 자동으로 페이지 탑으로 스크롤 애니메이션으로 올라가는 버튼을 사용합니다.



- 스킨 배경 이미지 : 스킨 배경이미지를 끄거나(스킨 배경색 선택한 것으로 배경색 표시), 6가지 샘플 배경 이미지중 하나를 선택할 수 있습니다.






- 스킨 배경색 선택 : 스킨 배경색을 선택합니다. 스킨 배경 이미지를 없음으로 해야 스킨 배경색이 적용됩니다.


- 블로그 타이틀 컬러 선택 : 상단 블로그 타이틀 컬러를 선택할 수 있습니다.


- 커버 기능 지원합니다.


- 반응형 스킨으로 모바일 및 타블렛 대응 됩니다.







* 웹브라우저 너비를 변경하면 반응형으로 변경되는 레이아웃을 확인할 수 있습니다.





_설치안내


1. index.xml 파일을 반드시 업로드해야 합니다. 티스토리 신스킨은 스킨 옵션 설정을 위해 반드시 이 파일이 필요합니다.


2. script.js 파일 업로드 후에는 웹브라우저 캐시 소거를 한번 해주시기 바랍니다. 브라우저 환경에 따라 구 사용 스킨의 자바스크립트 파일이 캐시에 남아 자바스크립트가 정상 동작하지 않는 경우가 있습니다.

사이드바 메뉴가 펼쳐지지 않는다거나 할 경우 캐시 소거를 하면 됩니다.


3. images 폴더에 있는 *.jpg 이미지는 모두 업로드 해야 합니다.


4. 스킨 컨셉에 옅은 파스텔톤이라 글자 색상이 옅은게 마음에 안드시는 분은 style.css 에서

style.css 에서 아래 텍스트 컬러 색상 지정한 것들을 텍스트 편집기에서 일괄 바꾸기로 바꾸면 됩니다.
color: #686868;
color: #848484;
color: #868686;
color: #666666;
color: #888888;
이렇게 5가지 색상 지정한 것을 다른색상로 전체 바꾸기를 하면 됩니다.



044_mintpaper.zip


스킨 설치 방법






  • 이전 댓글 더보기
  • 음...안녕하세요.
    어제 집가면서 댓글을 보았는데요. 항상 질문보다 글자가 많은 댓글을 남기시는걸 알고 살짝 감동 했습니다.
    고생이 많으실거란 생각에 먼저 감사의 말씀을 또 드립니다.

    어제는 고정값을 수정하면 손이 많이 가는게 예측되서, 해도 되는지 먼저 질문드려봤었구요.
    그리고 오늘은 다시 초기화를 해서 최소한으로 수정하려 했습니다.
    여기까진 디자인적인 거였고 , 근데 쉽게 될거라 생각했던 기능적인 면이 걸리게 되네요.
    그동안 조금씩 해보았지만 뭔가 각각 사용하는거에 맞게 제작해야되는거 같더라구요.

    사실 제가 원하는 스타일은 거의 정해져 있습니다.
    네이버 블로그의 좌측 사이드바가 적용된 모양이거나, 티스토리 블로그 관리홈 같은 모양입니다.
    그냥 깔끔한 일반적인 문서형 모델이라고 알고있습니다.
    검색도 용이하고 목록도 한눈에 보기 편한 그런.
    근데 디자인 적으로 티스토리에서 그런 스킨이 반응형으로는 잘 없드라구요.
    우연히 본 관리자님 홈피가 그나마 비슷했고 디자인 먼저 챙기려 했었습니다.


    어쨋든 본론으로 오늘은 기능적인 부분이 어디까지 수정 가능한가 여쭤봅니다.
    사실 이런건 수정보다 커스텀에 관한게 아닌가 싶은데 그냥 물어봐도 되는건지 잘 모르겠네요.

    1. (스킨편집-홈화면글수) 에서 홈화면이 보일때 포스팅 자체가 보이는거 가능한가요? (썸내일x,본문미리보기x)

    2. (스킨편집-기본설정-글목록형태-목록) 으로 설정시 제목과 ,작성날짜,댓글수,가 보이는 리스트 형식 가능한가요?

    3. 카테고리를 눌러 목록이 많을 경우 - 더보기로 2번째 3번째 다른 목록을 더 넘어가보고 -
    원하는 포스팅을 눌러 살펴보고 - 다시 뒤돌아 나왔을때 - 전에 있던 위치로 보였으면 좋겠습니다.
    초기화 되서 더보기는 접히고 해당 카테고리의 첫 목록으로 다시 가더라구요.
    이건 더보기의 특성이 원래 그런건지 잘모르겠지만서도.

    4. 블로그 최상단에 핫링크? 라고하나요. 타이틀겸 스크롤 내리면 상단에 고정되는거요.
    대표카테고리를 스크롤 내려도 고정으로 한줄로 볼수 있게 하는거.
    또한 배경그림도 추가 설정가능 하게끔 되는지 궁금합니다.

    요것들도 블로그에 사진 첨부해놔 볼께요.

    • 1. 티스토리 스킨 치환자 구현으로는 불가능합니다. 자바스크립트로 따로 구현해야 합니다.
      된다고 해도 비추입니다.
      네이버 블로그는 이걸 5개단위 보기 뭐 이런형태로 디폴트로 타입을 제공해주기는 하는데 요즘은 안쓰는 옛날 블로깅 방식입니다.


      2. 글목록 형태는 님이 생각하는 그런 기능이 아닙니다. 글목록 형태의 "목록만"은 상단 카테고리 제목만 나오는 것이고 "내용만"은 썸네일 목록만 나오는 것입니다.
      목록만을 선택하고 스킨을 확인해보시면 이해될 겁니다.


      3. 님이 원하는 그런 보기 방식은 글보기 화면이 일종의 팝업으로 뜨는 구조여야 가능합니다. 티스토리 스킨 치환자로는 불가능하고, 자바스크립트로 글보기 내용을 불러다 띄우는 기능을 만들어 붙여야 합니다.
      뒤로 돌아갔을때 전체 목록이 보이는 구조로 가면 결국 여러페이지를 다 로딩하는 결과가 되고, 페이지 로딩 느려짐과 서버 부하를 유발합니다.
      10페이지 로딩한걸 뒤로가기할때마다 재로딩한다고 생각하면 이해가 될겁니다.


      4. 가능합니다.

      css에서는 이걸
      position: fixed;
      속성으로 구현을 합니다.

      핫링크던 뭐던 화면 스크롤과 무관하게 무조건 특정위치에 고정하는 ui형태는 다 이걸로 구현합니다.
      배경도 조금 설정을 하면 스크롤되지 않고 고정시킬 수 있습니다.
      이걸 이용해서 화면 스크롤과 연동해서 이미지가 스크롤되고 있는 듯한 효과를 만들 수 있어서 이런 용도로 활용하기도 합니다.

  • 답변감사합니다.
    1,2 번에 대한 내용이
    square 라는 티스토리 기본 스킨에서는 적용되고 있어서요.
    2번에 대한 목록만을 설정했을때 카테고리목록이 아닌 글목록이 보이고 있습니다.
    다른 스킨에서 목록만 보이는건 내용을 수정한거일수도 있지만.
    아무튼 늦은밤 답변 감사합니다. position fixed 참고하겠습니다.

    • 1,2번 내용에 대한 답변은 신스킨 기준입니다.
      현재 티스토리 스킨은 구스킨의 일부 기능들이 신스킨의 기능들과 섞여 있는 부분이 있습니다.

      스퀘어 스킨은 구스킨입니다. "목록만/내용만"은 구스킨 시절에 스킨을 만들던 방식에서만 해당 되는 기능이고 구스킨에서만 정상적으로 동작합니다.
      신스킨을 만드는 방식에서는 다르게 동작하기 때문에 사실상 필요가 없습니다.(먼저 답변에 설명한 것처럼 동작합니다.)

      신스킨 레퍼런스에서 이런방식으로 가이드를 제시해주었기 때문에 저도 그에 따라 만들고 있습니다.

      스퀘어 스킨처럼 만들 수 있냐...는 가능합니다. 구지 이렇게 만들지 않을뿐...
      이렇게 만들면 글보기 화면이 따로 없는 블로그가 되고.. 지금 보시는 글처럼 댓글이 이렇게 달리면 스크롤 하다 하루가 다가게 됩니다.

      앞서 답변한데로 자바스크립트로 구현할 수도 있고 스퀘어 스킨처럼 구현할 수도 있습니다. 방식에 따라 장단점이 은 있습니다.

      다만 스퀘어 스킨은 인프라적인 측면에서 보면 굉장히 비효율적인 스킨입니다. 리소스도 너무 많이 먹고, 뿌려지는 내용도 너무 많기 때문에 이런 스킨만으로 티스토리가 서비스되면 티스토리 서비스에 부담이 많이 가게 됩니다.

      스퀘어 스킨은 댓글이 적게 달리고 글 내용도 적은 짧은 글을 많이 써서 밀어내리는 블로그에 적합한 스킨입니다.

    • 예 제작 방식상 차이가 그런식으로 있었군요.
      옛날꺼가 되버린거 같지만 마크쿼리와 fastboot에서도 글목록이 보여서 가능 한가 여쭤봤죠. ㅎㅎ
      질문이 좀 그런가 싶기도 하네요.
      지금 스킨에서 글+내용이 제목만 보이게 설정한다던지 좀 고민 해봐야겠네요.
      밤늦게 고생하십니다 .

  • 안녕하세요. 질문이 좀 있어서요.

    1. 썸네일 크기가 고정값으로 넣는다고 별 문제는 없겠죠?
    글목록 보기에서 썸네일크기를 고정값으로 100px 80px 주어서 맞추었습니다.
    그에 따른 다른것들을 패딩으로 그리고 excerpt는 높이로 조절 하여 대충 맞추었습니다.
    최대한 html를 건드리지 않고 할려고 하였습니다.

    1-1. 사이즈 조정 또는 css 삭제로 , 썸네일, excerpt 자체가 사라지지는 않더라구요.
    어떻게 만져야하는지 감좀. 부탁드립니다. 간단히 표현해보고 싶기도 하거든요.

    2. 여기에 댓글 개수 표시하기를 넣고 싶습니다. 올리신 다른 스킨들을 살짝 봤는데 없는것 같더라구요. 이거는 css외로 만져야 되나요?

    3. 썸네일 - 제목- [(날짜 - 댓글개수)우측정렬] 순서로 일렬로 넣고 싶습니다.
    inline이란걸로 살짝 바꿔봤는데 , 무반응. ㅋㅋ 어디를 만져야되는지 감좀 부탁합니다.

    4. 지금만지고 있는 글목록보기 작업을 각각의 카테고리에 다르게 적용할수있나요?

    5. 이런것들을 인덱스? 상에서(스킨편집에서 만지는거요) 간단히 조절되게 하는건 무리죠?

    6. 혹시 제가 항상 질문 하고있는 것들이 페이가 들어가야 되는게 있어 답변이 껄끄러운게 있다면 , 그부분 그냥 편하게 말씀해주시면 될 것같습니다.

    • 1. 문제없습니다.

      1-1.
      skin.html 에서 해당되는 치환자를 지우셔야 합니다.
      스킨 원본기준 skin.html
      393~397행이 해당 부분입니다.
      excerpt는 티스토리에서 내용 썸네일 뿌릴때쓰는 클래스명이라서 그냥 쓰고 있습니다만, 치환자를 내용 썸네일이고, 구지 쓰자면 "article_summary" 정도로 클래스명을 쓰는게 좀더 알아보기는 쉬울겁니다.


      2.
      4월말 업데이트된 치환자에서 지원되는걸겁니다.
      지금 보는 제 사이트에는 테스트용으로 붙여놓기는 했습니다만...
      1-1 설명한 위치(393~397행) 사이에 태그붙여서 치환자를 넣으면 됩니다.

      제사이트에 적용된 것은
      <s_rp_count>
      <i class="fas fa-comment-dots"></i>

      </s_rp_count>

      이정도인데
      <s_rp_count>는 카운트 변수 유무여부
      <i class="fas fa-comment-dots"></i> 는
      말풍선 폰트어썸 아이콘
      은 댓글갯수 치환자
      가 됩니다.


      3.
      현재 스킨 상태에서 대충은
      "inline" 으로는 우측 정렬을 줄수가 없습니다.
      .post-item .date 속성을
      floatL: right;을 줘서 우측으로 붙이고
      margin: 0 0 10px;

      margin: -28px 0 10px;
      로 바꿔서 마진탑을 마이너스를 줘서 위로 밀어올립니다.

      이렇게하면 대충 레이아웃은 맞지만
      (그리고 2번 답변의 댓글 갯수 표시를 ".date" 클래스 <span> 안에 넣어주면 날짜를 따라서 움직일 겁니다.)

      제목이 길어지면 겹쳐지면서 레이아웃이 밀리게 됩니다.
      따라서
      .post-item .title 클래스에
      padding-right: 100px;
      을 줘서 오른쪽 패딩을 주면 날짜 영역까지 넘어가지 않고 제목이 잘리게 됩니다.
      나머지는 숫자값을 조금씩 더 조정해서 여백을 주면 됩니다.


      4. 일반적인 스킨 제작 방식으로는 불가능합니다. 자바스크립트로 카테고리 단위로 css를 따로 넣어주는 코드를 넣어야 합니다.
      이런걸 원하시면 티스토리보다는 워드프레스가 더 쓰기가 편합니다.
      카테고리 단위로 레이아웃을 아얘 따로 입혀줄 수도 있습니다.


      5.
      4번과 같습니다. 되도 의미가 그다지 있을지는 모르겠습니다. 카테고리 옮겨갈때마다 레이아웃이 변하면 방문자들이 혼란을 일으킵니다.
      UI 디자인 가이드라인상 권장되지도 않습니다.


      6.
      페이같은건 없어도 되구요, 질문을 나누어서 해주세요. 한번에 너무 많은 질문이 한번에 달리면 답변도 그만큼 길어지기 때문에 답글을 다는 거보다 보는 사람이 더 힘듭니다.

    • 답변감사합니다.
      그리고 밤늦게 고생하셨습니다.
      짧은 답변이 아니라 바로 답변해도 글쓰는 시간이 있는데. 감사합니다.
      내일 토대로 수정해보겠습니다..
      질문은 나눠서 달도록 하겠습니다.

  • 원하는 스킨이었습니다 감사히 다운하고 적용했습니다 궁금한게 있는데 프로필 부분이 너무 작게 나오는데 좀 크게 하려면 어떻게 해야하나요 도움 부탁드립니다

    • 관리자님이 답변해주시겠지만
      .blogger-profile .thumb-profile img {
      에서 사이즈 수정 가능하던데요.

    • 이미 다른 분이 댓글을 달아주셔서 수정하셨군요.
      조금 더 이뿌게 하자면
      속성값으로
      border-radius: 50%;
      또는
      border-radius: 25%;
      를 추가하면 거울을 보는것같은 조금은 보기좋은 테두리가 동그란 프로필 사진이 됩니다.

  • 어포스트 apost/ 감사합니다 하나만 더 여쭤볼께요 상단부분하고 포스트 사이가 너무 넒어서 좀 줄이고 싶은데 방법이 있을까요?

    • style.css만 수정해서 맞추자면

      1.
      .categoryside #header{
      height: 140px;
      }
      로 줄여주고
      스킨원본 기준 151행입니다.
      190 -> 140

      2.
      #header{
      }
      클래스를 찾아서(스킨 원본 기준 144행)

      margin-bottom: 50px;

      속성행(스킨원본기준 148행) 삭제

      #header > .title {
      padding: 50px 0 0;
      }
      으로 패딩값만 70->50으로 (스킨 원본기준 218행) 수정하면 적당히 맞아 보입니다.

  • 안녕하세요. 알려주신 "댓글갯수 보이기"의 태그를 이렇게 넣어봤습니다.

    <div class="article-info">
    <span class="title">
    <s_rp_count>
    <i class="fas fa-comment-dots"></i>
    <span class="cnt"></span>
    </s_rp_count></span>
    <span class="date"></span>
    <span class="excerpt"></span>
    </div>
    1. 문제는 제목뒤에 넣어 제목이 길경우 '''되면서 보이지가 않구요.
    2. 날짜 뒤에 넣을경우 갑자기 작성시간까지 표현이 되더라구요? 2019 05 08 18:07 이렇게.
    어떻게 하면 좋을까요?

    • 1.
      댓글 갯수를 제목 내용 앞쪽 영역에 붙이시거나, 2번 답변 방식으로 해결을 하시거나, 레이아웃을 CSS table / table-cell 로 짜서 붙이는 방식으로 변경을 하시는게 맞아보입니다.
      블로그시스템에 게시판 목록 같은 레이아웃을 붙이시려면 흐름 기준의 css 레이아웃을 쓰면 안되고, table 형태로 정형화되서 짜는 형태로 레이아웃을 짜는게 구현이 훨씬 더 쉽고 방향이 맞습니다.

      2. 자바스크립트로 긴날짜 자르는 로직이 있는데 날짜 길이 뒤에 댓글 영역 추가로 붙으면서 인식이 안되는 것입니다.
      현재 적용한 스킨에서는 이 방법은 문제가 있습니다.
      4월말에 티스토리 신치환자가 나오면서 스킨이 패치되어 있습니다.
      스킨 옵션에서 긴날짜 짧은날짜를 선택할 수 있고, 자바스크립트로 날짜 자르는 로직을 더이상 사용하지 않습니다.
      패치된 스킨을 쓰면 날짜뒤에 댓글갯수를 붙일 수 있습니다.

  • 새벽 답변 고생하십니다.
    날짜뒤에 "댓글개수 보이기" 달려면 date치환자를 simple_date_ 로 바꾸라는 말씀이신거죠?
    앞에 놔도 다보이더라구요.
    관리자님이 홈피는 date로 되어있는듯한데.
    관리자님이 html넣은것좀 알려주실수있나요?

    그리고 사실 제가 "댓글 개수 보이기 " 자체의 크기나 색상도 조절하고싶은데
    그것도 마찬가지로 이렇겐 안되고 table 로 다시 짜야 된다는 말씀이시구요?

    • 1.
      현재 구조에서 최대한 손을 안대고 해결하자면 date치환자를 simple_date로 바꾸면 됩니다.
      다만 자바스크립트랑 간섭이 있을지는 모르겠습니다.

      제 사이트는 목록까지는 simple_date로 글보기는 date로 되어있습니다.
      본인 사이트 특성에 맞춰 쓰시면 됩니다.

      제사이트에 적용된 것은 현재 패치된 스킨 올라간 것에 모두 적용되어 있습니다. 패치된 스킨을 다운로드 받아서 체크를 해보시면 됩니다.

      댓글 갯수 색상은 현재 위치 기준으로 하면
      .post-item .title span {
      color: #전체컬러값;
      }
      .post-item .title span i {
      color: #아이콘만따로채색컬러값;
      }
      이렇게 클래스를 2개 더 만들어 넣으면 될 것 같습니다.

      2.
      테이블로 짤지 여부는 본인 스킨 느낌이나 성격에 맞추시면 되구요..
      테이블로 짠다는게 실제 <table>태그로 완전히 새로 짜는게 아니라
      display: inline; 속성 쓰듯이

      display: table;
      display: table-cell;
      속성이 있습니다.
      div나 span 태그로 구성된 레이아웃을 그대로 유지하지만 테이블처럼 레이아웃을 짤 수 있습니다.

      display: table 로 인터넷 검색을 좀 해보시면 어렵지 않게 튜토리얼 찾을 수 있습니다.

    • 1. 패치된 스킨 살펴볼께요.

      2. 예 아까 글목록 길면 제목 '''' 없앨수 있나 싶어 해보다가
      힌트를 얻은 table이 display table
      이게 그건가 싶어 한번 만져보았습니다. 감사합니다.

      3. 글목록 제목 y j g 밑에 짤림현상이 아무것도 안건드린 스킨 원본에도 보이고 있는것 같습니다.

      답변감사합니다.



  • 그리고 y j g 의 글자가 글목록에서 보일시 밑에 부분이 짤리는 현상있는데
    왜 그런지 아시나요?

    • .post-item .title 의 line-height 값을 조금 늘리면 잘리는게 해결됩니다.
      글자 크기와 별도로 라인 높이값을 설정해야 합니다.
      1.4 정도면 잘리지 않고 보입니다.

  • 안녕하세요
    새로 패치된거로 해보고 있는데, 이것저것 물어왔던게 다 적용되어 있어서 굉장히 좋네요.
    버튼으로도 구현되어있고요. 대단하십니다. 어느새 만드시고 멋지시네요.
    그래서 최대한 원본상태서 만지는게 날꺼 같아서. 다시 해보는중인데요.

    1. 앞으로도 스킨이 업데이트가 될텐데, 저는 버튼이 굉장히 좋거든요.
    그런데 버튼 또 생기면 ,원본 안갈아도 그냥 태그 수정으로도 버튼이 생기겠죠? 당연한건가...

    • 스킨 업데이트는 티스토리 기능 추가로 인해서 패치가 된 것입니다.
      버그가 특별히 있지 않는한 스킨 패치는 가능하면 하지 않습니다.

      버튼이라고 하신게 뭔지는 모르겠습니다.
      아마도 스킨 설정을 말씀하시는게 아닌가 싶은데 마찬가지로 티스토리에 치환자가 늘어나거나 해서 패치를 해야하지 않는 이상은 설정이 추가될 일은 거의 없습니다.

  • 2. html을 만지면 검색누락이 생길거라 들어서 그런데.
    지금처럼 버튼추가,date치환자 바꾸는 정도거나, 인기글, 댓글개수, 댓글위치변경 등등 은 괜찮을까요?
    업데이트 말고도 앞으로 블로그 특성, 광고에 따라 조절하면서 html 변경이 예상됩니다.

    3. 짧은 날짜 보기로 할경우 아카이브와 댓글에 날짜표시가 아예 안보이게 되더라구요.
    다른건 아직 확인 못했습니다.

    • 2.
      스킨 업데이트 정도 수정으로는 검색 인덱스에 영향을 주지 않습니다. 스킨이 완전히 바뀌어도 글의 url이 바뀐게 아닌 이상 검색 순위에 별다른 영향을 주지도 않습니다. 결과에 크게 영향을 줄정도가 되려면 글 내용이 상당부분 바뀌어야 합니다.
      검새 인덱스는 레이아웃을 스캔하지 않습니다. 제목과 내용의 주요 문장, 그리고 검색 엔진이 필요하다고 판단하는 주요 키워드, 이미지 동영상 등의 컨텐츠 정보를 인덱스 합니다.

      3
      아카이브, 댓글, 방명록 화면에서는 짧은 날짜가 구현되어 있지 않습니다. 티스토리에서 누락시킨듯해서 나중에 추가될듯 싶지만 일단은 스킨에서는 제외하기로 했습니다.
      스킨은 패치되어 있는 상태입니다.

      이 블로그 스킨은 배포하는 스킨하고는 많은 부분이 다릅니다.
      배포하는 스킨에는 없는 것들이 이것 저것 붙어있는게 많습니다.

  • 답변 고맙습니다.
    1. 그럼 스킨자체가 바뀌면 무조건 url이 변한다는 얘기도 맞는게 아닌건가요?
    1-1. 그냥 일반적 html 수정할때 url이 바뀔수 있는 상황은 없다고 봐야 할까요?

    포럼에서 물었을때는 아예 스킨은 바꾸면 안된다. html도 웬만해서는 건들지 말라고 답변을 들었었고.
    사실 제가 지금 질문도 많고 하는 이유가, 저것 때문에 스킨을 최대한 html을 건드리지 않으면서
    css만으로 변화가능하게 할려고 하고 있습니다.

    2. 아카이브 등에서의 짧은 날짜 구현이, 티스토리 에서는 아직 안되있어서.
    민트페이퍼 스킨에서 빼놨었는데.
    어제 제가 말한뒤로 일단은 다시 스킨에 패치는 해서 업데이트 올리셨다는 말인건가요?

    • 1
      스킨바꾼다고 url이 변하는 블로깅 시스템이라는게 존재하지 않습니다.

      어느 포럼인지 알려주세요.
      검색엔진은 글제목, 내용, 내용에 포함된 이미지, 동영상 정보를 인덱싱합니다.
      껍데기가 어떻게 보이는지는 검색엔진의 관심사가 아닙니다.
      시중에 떠도는 검색 관련 무슨 마케팅하는 사람들이 하는 말은 대부분 네이버 기준인 경우가 많습니다. 네이버오 구글은 검색 엔진의 인덱싱 방식이 많이 다를 뿐더러 티스토리가 배제되고 있기 때문에 네이버 관련 최적화는 의미가 없습니다.

      스킨이 중요한게 아니라 컨텐츠가 중요합니다. 스킨은 그냥 레퍼런스 스킨 써도 무방합니다.
      예쁘게 만든 블로그에 아무도 안오는건 존재하지 않는 블로그입니다.

      2.
      스킨은 문제가 있으면 계속 패치를 합니다. 상단에 패치내용과 기능 개선 내용이 적혀 있습니다.
      다운로드 하신 이후로 기능이 추가로 더 붙었고, 짧은 날짜 관련 패치도 되어있습니다.

  • 3. 사이드바와 콘텐트의 좌우 길이 변화를 줬을때,
    창모드의 크기를 변경하면서 보다보면, 디스플레이 되는 비율이 원본일 경우와 다르게 적용됩니다.(우측공간이 더 넓음)
    일정하게 맞추고싶고요, 비율자체를 늘리거나 줄이고싶기도 하고, 기본위치도 조정하고싶구요(화면끝에서 끝까지 다쓰게).

    4. 같은 말인지 모르겠지만, 풀화면시 보이게되는 사이드바와 콘텐트의 고정 위치를 조정하고싶습니다.
    화면 전체를 끝에서 끝까지 다 쓰고 싶기도 하고, 반대로 지금보다 오밀하게 만들고 싶기도 하고요,
    패딩과 마진으로 조절하는 영역이 아닌것 같아서 문의드립니다.

    예전에 script.js 파일의 function setContentWidth() 를 조정해보라고 팁을 주셨었는데,
    어제 찾아보니까 제가 못찾는건지 안보이고,
    1.20 스킨패치내용에 자바를 css로 바꿨다는게 이말인거 같기도 하네요.

    • 3.
      애초에 스킨이 좌우 여백이 어느정도 있게 만들어진 스킨입니다.
      원하시는 걸 하려면 기본 레이아웃부터 수정을 해야하기 때문에 완전히 새로운 스킨이 됩니다.
      그것보다는 원하시는 디자인이나 용도에 최대한 맞는 새로운 스킨을 찾아서 그냥 그걸 쓰는걸 추천합니다.

      4. 스킨 업데이트가 되면서 자바스크립트로 크기를 동적으로 조정하는 방식에서 css 만으로 크기를 조절하는 방식으로 바뀌었습니다.
      잠재적으로 애드센스 부착시 레이아웃이 깨질 가능성이 있어서 문제가 없는 css 방식으로 변경되었습니다.
      방식이 바뀌면서 전체 레이아웃 좌우 여백이 좀더 남는 구조로 변경되었습니다.

  • 비밀댓글입니다

    • 그건 그렇게 답변한 사람의 의견입니다.
      운영 블로그들 스킨 패치나 변경을 수시로 하지만 검색 결과가 밀린다거나 하는 경우는 없었습니다.
      판단은 본인이 알아서 하시면 됩니다.

  • 5.11일 패치내용을 추가하려면 다시 설치해요??

  • 1. 스킨 원본상 본문 글이 444444444444이렇게 이어서 길게 쓸경우
    글이 본문영역을 넘어서 모니터를 뚫습니다.
    엔터키를 쳐도 그렇고, 스페이스바 에서만 문장이 끊나고 그마저도 본문영역은 넘고요.
    숫자만 그런거 같습니다.

    2. 글목록 보기에서 y j g 밑에 끊어져서 안보이는 현상 있구요.

    • 1. html 기본설정이 그렇게 길게 공백없이 붙은 것은 줄바꿈이 되지 않습니다.
      .entry-content p
      클래스에
      word-break: break-all;
      을 주면 강제로 모두 줄바꿈이 됩니다.
      다만 특별한 경우에만 쓰는 속성입니다.

      2.
      앞서 답변 달았습니다.
      해당 클래스에 line-height 속성으로 높이값을 조절해서 글자 크기와 상태적으로 맞춰줘야 합니다.

  • 아무튼 스킨 패치하는겸 변경과 검색누락에 대해 스킨제작자로서 의견이 어떤가 궁금해서 물어봤습니다.
    저는 스킨 패치가 첨이니까요. 그리고. 중요한 얘기자나요 음.. 견해에 감사드립니다.

    1. 근데 혹시 업데이트 할때마다 html , css,script ,index, 다 바꿔야 하나요? 이번만 그런건가요?

    2. y j g 짤리는건 전에 알려주셔서 저는 알고있는데,
    원본상 계속 짤리니까 깜박 잊고 안고치신게 아닌가 해서, 혹시나 싶어서 글 올려 봤습니다.

  • 5 11 패치 하시거 해보고있는데.
    짧은날짜 사용시 댓글의 댓글은 날짜가 나오지 않고 있는것 같습니다.

    그리고 커버 사용시 갤러리 예시에서
    설정을 해놓지 않은상태에서는 noimage가 네모낳게 4개 있었던거 같은데 지금은 뭔가 표현이 되지 않고 있습니다.

    중요하진 않은데 그냥 눈에 띄어서 글남겨봅니다.

    • 대댓글 날짜 안나오는 버그 패치되었습니다.
      리스트, 벽돌리스트 에는 빈이미지 표시가 나오지 않습니다. 리스트는 표시가 필요할거 같아 패치가 되었습니다.

    • 좌우에 아이콘을 맞춰서 배치를 한 것이라 검색 아이콘이 사라지면 조금 짝재기로 보입니다.
      그래도 바꿔봐야 겠다면...

      검색 버튼을 눌렀을 때 현재 검색폼이 표시되는 위치도 괜찮은거면
      스킨 원본기준

      skin.html
      32행
      <div class="search">

      <div class="search on">
      으로 on을 추가합니다.

      36행은 삭제(폼 감추기 X 표시)

      이렇게 하면 검색폼 표시상태로 고정이 됩니다.

      위치를 sns 아이콘 밑쪽으로 내리려면
      style.css

      219행 삭제
      #header .search 클래스의 top: 20px; 입니다.

      284행
      margin: 40px 100px 0; -> margin: 20px 100px 0; 으로 윗마진을 20px 축소

      127행
      padding: 100px 20px 0; -> padding: 40px 20px 60px; 로 패딩 위쪽값을 아래로 배분

      이렇게 하면 아래로 옮겨집니다.

      그리고 모바일에서 검색창이 위로 붙기 때문에
      style.css

      1825 행
      top: 40px -> top: 140px; 로 밑으로 끌어내려주면 됩니다.

    • 모에요 갑자기 스압 ㅋㅋ
      커버기능이 굉장히 깔끔한거 같아.
      살펴보니 인기글도 있고 굉장히 유용할것같네요. 필요했던건데. ㄳㄳ
      슬라이더도 뭔가 있어보이고, 좋네요.

      근데 뭔가 커버 애들 만지면 오류가 있는거 같아.
      내일 모아서 말씀드릴까했는데 댓글본김에 말씀 또 드리면.
      커버를 벽돌리스트만 표현할시 레이아웃이 깨져보이는것도 있는것 같아요. 이건 방금 수정중이셔서 그런가요. 아무튼. 그렇습니다.

    • 해당확장 설치해봤는데 충돌현상 없습니다.
      충돌 현상이 없다기 보다는 설치는 되지만 이 확장이 정상 동작하지 않습니다.

      npapi기반 확장이고 그래서 크롬웹스토어에서 검색이 안되는 것으로 보입니다.

      최근버전인 크롬74 버전에서 이 확장이 정상 동작하는지 불확실합니다.

      script.js 파일을 지우거나 코드를 손본 후에는 업로드 후 반드시 웹브라우저 캐시를 소거해야 변경내용이 반영됩니다.

  • 안녕하세요. 스킨 수정 중에 민트색을 다른색으로 바꾸려고 합니다. 다른 곳은 다 바뀌는데 우측 하단에 화면을 위로 올리는 화살표의 색이 안바뀌네요. 상단 화살표는 어떻게 수정해야할까요?

    그리고 본문영역 가로길이를 늘리려면 어디를 수정해야할까요?? 감사합니다.

    • 반투명 색상을 주기 위해 컬러값을 rgba 단위로 사용해서 변경이 안되는 것입니다.
      스킨원본기준
      style.css
      790행
      에 색상이 정의되어 있습니다.
      클래스는
      #footer .btn-top
      으로 찾으시면 됩니다.

      rgba(127,199,175,0.5);

      요게 반투명 컬러 rgba입니다.
      반투명 컬러 을쓸거면 위 컬러값을
      그냥 #ffffff 형태 웹컬러로 바꾸시면 되고
      구글에서 "color picker" 로 검색하면 결과에 컬러픽커가 바로 나옵니다. rgb 컬거값을 여기서 고르시고, 뒤에 0.5붙은 것은 투명도입니다. 0 ~ 1까지이고 0으로 가까워지면 점점 투명해집니다.

    • 아하 rgb로 되어있었군요. 해결했습니다. 감사합니다. 혹시 본문영역 가로길이는 수정이 불가한가요??

    • 본문 영역의 가로 길이라는게 레이아웃 너비를 조정하고 싶으신 건지 아니면 본문 영역에 표시되는 컨텐츠 내용의 너비를 말하는건지 모르겠습니다.

    • 흰색배경으로 표시되는 레이아웃 전체 넓이를 말한거였습니다.

    • 반응형이라 최대 너비를 조금 늘리거나 줄이는 정도일 거구요...

      style.css
      705행
      940px
      값을 조금 늘리거나 줄이면 됩니다.
      클래스는 #content 입니다.

      거기에 맞춰서
      437행의
      1260px도 같은 크기만큼 늘리거나 줄여주면 됩니다.
      클래스는 .container 입니다.

      반응형으로 되어있어서 940 밑으로 840이 되면 자동으로 또 레이아웃이 맞춰서 둘어들게 되니까 #content 크기는 840보다는 크게 설정해야 합니다.

    • 감사합니다. 하나만 수정하니까 흰 화면만 뜨던게 두개 다 수정하니까 정상적으로 출력이 됩니다.

      다만 늘려보니 원래가 더 나은거 같아요. 역시 고심해서 만드신 스킨의 디폴트 값인가 봅니다..!

      한가지 스킨 외적으로 질문 드리고 싶은데, 저는 크롬 확장 프로그램 중 pig toolbox를 이용중인데

      이 툴의 기능중 마우스 제스쳐 기능을 통해서 페이지 최상단, 최하단 가기를 사용하는데

      이상하게 이 스킨만 적용하면 게시글 페이지 내에서 최상단, 최하단으로 가지 않고 찔끔 찔끔 움직이는 현상이 발생하네요.

      지금 apost 게시글 페이지도 마찮가지이구요. 대단한 불편함은 아니지만 혹시 원인을 알수있을까 질문드려봅니다. 감사합니다.

    • 크롬확장 pig toolbox 가 크롬 웹스토어에서 검색이 되지 않습니다. 다른 이름인거 같습니다.
      확인이 안되서 테스트를 해볼 수 없습니다.
      스킨 377~379가 스크롤탑 애니메이션 구현 자바스크립트입니다. 표준 제이쿼리 애니메이트 함수로 구현되고 있고, 보통 이렇게 스크롤탑을 다 구현해서 씁니다.
      아마 이부분하고 충돌이 나는 걸겁니다.
      크롬확장이라는 것들도 대부분 자바스크립트로 만드는게 많기 때문에 같은 스크롤 이벤트를 중복 처리하면서 충돌일 날 수 있습니다.
      script.js
      48~57행
      377~380행
      을 지워보시고 충돌이 나는지 확인해보시기 바랍니다.
      스크롤 관련해서 스킨에서 자바스크립트로 처리하는 단은 이게 전부입니다.

    • 말씀하신 단락 지웠는데도 현상은 그대로입니다. 아에 script.js 파일을 없애봐도 그대로네요..

      https://chrome.google.com/webstore/detail/pig-toolbox-super-gesture/oiplkfaidhjklglajdpfehoagkmlcakh?utm_source=chrome-ntp-icon

      프로그램링크입니다. 주말인데 거듭 답변해주셔서 감사합니다.

    • 해당 확장 설치해봤는데 충돌은 없습니다.
      충돌이 없다기보다는 해당 확장이 정상동작하지 않습니다.
      크롬74이고...

      npapi 기반이라 크롬 웹스토어에서 검색이 안되는 것으로 보이고, 구글에서는 이런 npaip 확장은 퇴출시킬 예정입니다.

      script.js 파일 수정 업로드 후에는 웹브라우저 캐시를 한번 소거해야 수정한 내용이 반영됩니다.
      삭제시에도 동일합니다.

    • 감사합니다. 확장 프로그램에 문제가 있나보군요..

      어제 밤새 스킨 수정해봤는데 해결이 안되는 부분들이 있어 추가 질문드립니다.

      1. 사이드바에 최근글, 최근댓글 등에 글자수 제한을 늘려도 사이드바 레이아웃까지만 가다가 짤리는데, 이걸 제목이 다 표시될 수 있도록 2줄 이상 줄바꿈을 넣는게 가능한가요?

      2. 카테고리 다른글 플러그인 사용시, 모바일 화면에서는 [제목 | 날짜] 로 분리되는게 아니라, [제목 줄바꿈 날짜]로 분리가 되는데, 이걸 테이블 레이아웃을 유지하는게 가능할까요?
      + 카테고리의 다른 글 부분은 글자크기가 변경이 안되는데 어디를 수정해야할까요?

      3. 본문 하단에 태그들이 나열되는데, 이걸 꾸며봤는데 태그 사이에 콤마들이 안어울리더라구요. 혹시 이 콤마들을 제거할 수 있나요?

      4. 이건 건의사항인데 모바일에서 사이드바 열기 버튼이 지금은 다시 올라가서 열어야되는데 고정되면 편리할 것 같습니다.

      좋은 스킨 감사합니다..

    • 1. 한줄만 뿌리고 잘리게 css로 막아서 그렇습니다. 구지 2줄로 하자면
      .sidebar ul li 클래스의 (스킨 원본 기준 style.css 458행)
      white=space:nowrap; 을 삭제
      margin-bottom: 10px;
      을 추가
      하면 대충 엇비슷하게 맞습니다.

      다만 이게 사이드바 전역 공통이라 사이드바 다른 항목에도 영향을 줍니다.
      회피하려면
      .sidebar ul li 클래스 밑에
      .sidebar ul.multiline li 클래스를 하나 만들어서

      .sidebar ul.multiline li{
      white=space:nowrap;
      margin-bottom: 10px;
      }

      적용할 사이드바 항목 ul 태그에
      class="multiline"
      을 주면 해당되는 하옥만 멀티라인 적용이 되서 조금더 관리가 편해질겁니다.


      2. 티스토리 레퍼런스 디자인이 모바일에서 제목/날짜 줄바꿈이어서 그대로 이어서 쓰고 있고, 레이아웃 구조상 이게 심플하고 모바일에서 보기가 더 수월합니다.
      테이블 구조로 짜면 날짜를 오른쪽에 붙이고, 제목을 날짜 영역을 침범하지 않게 잘라내야 합니다.
      위에 댓글 찾아보시면 글 목록을 그렇게 테이블로 짜려고 문의하신 분 글이 있습니다.
      생각보다 귀찮고 손이 많이갑니다.
      작은폰에서는 제목이 많이 잘려서 제목을 알아보기 힘들어지는 단점도 있습니다.


      3. 태그 리스트 전체가 [샵샵_tag_label_rep_샵샵] 치환자로 뿌려지는 겁니다. 구지 지우자면 이전 저런 꼼수를 쓸 수도 있겠지만, 시스템에서 뿌려지는걸 건드리는건 좋지 않습니다.

      4. 상단고정으로 패치되었습니다.

    • 감사합니다. 답변을 토대로 오늘 새 버전으로 처음부터 다 수정했습니다. 너무너무 마음에 드는 스킨이 되었습니다. 다음에 또 패치가 되면 다시 어떻게 수정할지가 걱정이네요...

      제가 수정하면서 느낀 건의 사항입니다.

      1. 사이드바 열기 버튼이 고정되었는데, 배경색이 흰색이라 반투명으로 고쳤습니다. 위로가기 버튼과 같이 반투명이 되면, 약간의 가독성 향상과 통일성 효과가 있을 것 같습니다.

      2. 홈커버의 갤러리 항목에 마우스 호버시 글씨만 뜨는데, 뭔가 어색하다 싶어서 티스토리 기본 스킨을 뜯어봤더니 사진이 살짝 어둡게되는 효과가 있었습니다. 그래서 해당 코드를 복사해서 넣었는데, 특별한 이유가 있는게 아니라 빠트렸을 수도 있을것 같아서 적어봅니다.

      그리고 질문사항입니다.

      1. 스킨 전체의 폰트를 수정하려면 어떻게 해야하나요??

      2. 댓글 작성 폼에서 이름, 비밀번호, 댓글창의 placeholder가 크롬, 엣지 브라우저에서는 출력이 안되는 것 같습니다. 확인 부탁드립니다.

    • 1.
      style.css 29, 77행 두개의 글꼴명을 바꾸면 전역으로 적용됩니다.
      24행의 폰트 임포트 한것을 원하는 폰트로 변경해주면 됩니다.
      https://fonts.google.com에서 원하는거 찾아서 적용하면 되고, 아니면 웹폰트 업로드해서 링크 걸어도 되고 그렇습니다.

      2.
      버그입니다.
      style.css 2086행
      #fff -> #686868
      로 변경하면 됩니다.

    • 답변달아주신것과 이것저것 뜯어보고 검색하고, 여기 블로그 팁들도 보고 공부해서 마음에 들게 수정했습니다..

      무료 스킨도 써보고 유료 스킨도 써보고 했지만 한군데씩 아쉬운점이 있는데 정말 최고의 스킨입니다..

      답변도 친절하게 달아주셔서 너무너무 감사합니다. 스킨 잘 쓰겠습니다..

    • 감사합니다. =^^=/

  • 안녕하세요. 수정하다가 혼자 힘으로 막히는 부분이 있어서 질문드립니다.

    모바일 화면에서 사이드바 메뉴키를 누르면 본문 화면이 최상단으로 올라가고 사이드바가 나오는데요,

    본문 화면을 안건드리고 사이드바만 불러올 수 있을까요??

    • iOS 호환성 문제때문에 깨끗하게 현재 위치에 락을 걸 수 없어서 현재같은 구조로 처리가 되고 있었습니다.
      개선된 스킨 버전이 올라갔습니다.
      script.js 파일만 새로 업로드하고 캐시 소거하면 해결될 겁니다.

    • css쪽은 이제 요소 검사하면서 바꿔보고 혼자 어떻게든 해보는데, 자바스크립트 쪽은 또 새로운 영역이라 주말 내내 붙잡고 있다가 질문했었는데, 이렇게 해결해주시니 너무 감사합니다.. 버튼이 안먹히다가 캐시 소거하고 다시 업로드해보니 제대로 되네요..

      + 추가 질문입니다.

      모바일 화면에서
      [헤더] [사이드바]
      [dimmed] 헤더를 상단에 고정시켜놓은 상태입니다.

      사이드바를 불러왔을 때 dimmed가 화면 가리는데 헤더는 못 가리더라구요,

      그래서 z-index로 dimmed를 헤더보다 높게 주니까 사이드바까지 어둡게 잡아 먹습니다.

      사이드바에 z-index를 엄청 높게 줘도 무시하고, 헤더보다 z-index가 높아진 순간 화면을 다 잡아먹는데,

      사이드바를 불러왔을때 나머지 영역만 어두워지게 할 수 있을까요?

      제가 알아본 것은 header에 background를 투명으로 주니까 여기가 어두워지긴 하는데,

      그러면 스크롤할 시 아래 내용물이 다 비쳐서 쓸 수가 없더라구요..

    • z-index는 동위끼리 순서가 정해지고, 그 하위(자식)는 다시 해당 위치에서 자식끼리 동위끼리 순서가 정해집니다.
      header와 dimmed는 동위입니다.
      menu는 header의 하위입니다. header와 항상 같이 움직이기 때문에 dimmed는 header(타이틀바)와 menu 사이에 끼워넣을 수 없습니다.

      제일 쉬워보이는 방법은 dimmed를 header 안으로 집어넣으면 menu밑에 dimmed가 오게되고(동위이기 대문에 z-index 순서대로 정해짐),
      그리고 타이틀은 z-index가 0이므로 가장 밑으로 가면서 dimmed에 가려지고 그렇게 순서가 정해집니다.

      script.js 32행의 "body"를 "#header" 로 바꿔주면 헤더 안에 dimmed가 붙게 됩니다.

      기능적인 동작은 동일하니까 헤더타이틀이 가려지게 됩니다.

      사이드 이펙트가 있는지 조금 더 보기는 해야겠지만, 일단은 잘 동작합니다.

    • 감사합니다. js파일 수정하니까 완벽하게 작동됩니다.. 혹시 다른 영향이 생기면 다시 말씀드리겠습니다. 잘 사용하겠습니다..

  • 안녕하세요. 스킨에 버그가 있는 것 같아 제보 드립니다.

    휴대폰에서 사이드바를 연 뒤에 검색창을 누르니까 사이드바가 닫히는 현상이 있습니다.

    일단 제 휴대폰(갤럭시 노트9, 안드로이드 파이, 삼성 기본 브라우저&크롬)에서 발생했구요,

    혹시 제가 사이드바를 오른쪽 옮겨서 그런가해서 수정하지 않은 기본 스킨에서도 확인해봤는데 동일 증상 발생했습니다.

    apost 사이트도 마찮가지구요.

    컴퓨터에서 브라우저 크기를 작게 만든 상태에서는 사이드바에 검색이 제대로 클릭되는데, 휴대폰에서는 왜 이런지 모르겠습니다.

    확인 부탁드립니다. 감사합니다.

    • 실기기에서만 나타나는 버그입니다.
      스킨 패치되었습니다.
      script.js 파일만 재업로드하고, 캐시소거하면 정상 동작합니다.

    • 감사합니다. 새 파일로 해결했습니다.

      최대한 혼자 해결해보려고 하는데 html, css 영역을 벗어나는건 힘드네요..😂