미넴 스킨 제작 프로젝트/업데이트

티스토리 미넴 스킨 2.6.1 업데이트 - 목차 개선

아미넴 2022. 2. 8.
반응형

안녕하세요.

 

이번에는 간단한 업데이트이므로 다시 적용하기 귀찮으신 분은 스킵하셔도 될 것 같습니다. 저만 고쳐쓰다가 나중에 큰 개선 사항이 있을 때 배포하려다가 언제가 될 지 몰라서 일단 올리기로 결정했습니다.

 

목차

     

     

    개선 사항

    1. 떠 다니는 목차 기능을 개선했습니다.

    2. 추천 글 박스 닫기 버튼을 추가하였습니다.

    3. 기타 자잘한 문제점을 개선하였습니다.

     

    미리보기

    판단에 도움을 드리기 위해 개선된 부분에 대한 설명을 간단히 해드리겠습니다.

     

    떠 다니는 목차 개선

    다음과 같이 목차에 포함된 제목 길이에 따라 목차 박스 크기가 정해집니다.

     

    현재 위치를 가리키는 화살표 공간을 미리 확보하여 좀 더 깔끔하게 보이도록 하였습니다.

     

    모바일에서 목차를 클릭하여 이동 시 제목 앞 부분이 가려지는 현상이 발생하여 접힌 목차 박스를 항상 오른쪽에 위치하도록 하였습니다.

     

    추천 글 닫힘 버튼 추가

    글 읽을 때 방해가 될 경우 추천 글을 닫을 수 있도록 닫힘 버튼을 추가하였습니다. 왼쪽에서 등장할 경우는 박스의 우측상단에 위치하고 오른쪽에서 등장할 경우 박스의 좌측상단에 버튼이 위치하도록 하였습니다.

     

    소개 및 설치 방법

    다음 게시물을 참고하여 설치 바랍니다.

     

    친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설치 방법

     

    친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설치 방

    기본 제공 스킨을 나름대로 고쳐 쓰다가 만족하지 못하고 그냥 새로 만들었습니다. 여태까지 블로그를 하면서 적용한 많은 기능들을 대부분 포함하였으니 누군가에게는 상당히 유용한 스킨이

    sangminem.tistory.com

     

    업데이트 후 적용이 잘 안 되신다면 강제(강력) 새로고침을 해보세요. 단축키는 윈도우10 크롬 기준 Ctrl+Shift+R, 맥 크롬 기준 Command+Shift+R 입니다.

     

    궁금한 점이 있으시면 자주 묻는 질문 게시물 먼저 확인 바랍니다.

     

    미넴 스킨 자주 묻는 질문(FAQ)

     

    미넴 스킨 자주 묻는 질문(FAQ)

    미넴 스킨 게시물에 대부분 설명이 나와 있지만 내용이 많아서 찾기 어렵거나 빨리 훑어 보고 싶으신 분들을 위해 작성하였습니다. 지속적으로 추가해 나가도록 하겠습니다. 목차 사이드바 기

    sangminem.tistory.com

     

    미넴 스킨 2.6.1 버전 다운로드

    Mynem Skin V2.6.1.zip
    2.64MB

    반응형
    그리드형(광고전용)

    댓글43

    • 서근 2022.02.09 03:04 신고

      업데이트 감사드립니다 미넴님. 기존에 사용하던 미넴스킨을 수정하여 사용중이였는데 새로운 버전 스크립트를 업데이트해서 2.6.1로 업데이트했네요 ㅎㅎ 블로그에 스킨이 이쁘다는 댓글이 달리는데 그때마다 스킨 홍보중입니다 🥰 항상 감사드립니다

      아참 혹시 h1 본문 타이틀만 존재할때 자동으로 플로팅 목자가 '목차' 라는 텍스트만 나타나는현상이 있는데 해결방법이 있을까요?
      답글

      • 아미넴 2022.02.09 08:16 신고

        좋은 말씀 감사합니다~ 홍보도 감사드려요 ㅎㅎ
        저는 플로팅 목차 관련해서 그런 현상을 본 적이 없는데 혹시 말씀하신 현상을 확인할 수 있는 글이 있을까요?

      • 익명 2022.02.09 08:27

        비밀댓글입니다

      • 아미넴 2022.02.09 09:37 신고

        일단 저는 h1 태그를 작성하여 테스트 해보니까 같은 현상이 나타나지는 않네요.

        아마 스킨을 커스터마이징 하시면서 뭔가 영향이 생겼을거 같습니다. 제가 볼 땐 Written by 부분에 h4 태그를 쓴게 문제로 보이는데 javascript 로직을 수정할 수도 있지만 그것보단 h4 태그를 다른 태그로 대체하시는 방법을 추천드립니다.

        참고로 h1 태그는 말씀하신 현상과 직접적인 연관은 없지만 페이지 내에 하나만 존재해야 SEO에 유리하다고 본 기억이 있어요. 글 에디터에서 제목1이 h2 태그인 이유도 같은 맥락입니다.

      • 서근 2022.02.09 09:47 신고

        우와... 말씀 하신대로 h4 태그를 다른 태그로 수정했더니 말끔히 해결됐습니다! 정말 감사드립니다 ㅎㅎ

        제 블로그의 대부분의 포스팅이 h1 태그로 도배되어있었는데 저번에 미넴님께서 SEO에 대한 정보를 주셔서 게시글 하나하나 h2 태그로 변경하는 작업을 했는데 한결 마음이 편하더라구요 ㅎㅎ

        좋은 정보 그리고 해결방안 주셔서 정말 감사드립니다 :)

      • 아미넴 2022.02.09 10:31 신고

        아 저번에도 말씀드린적이 있군요~ 암튼 해결되셨다니 다행입니다 ㅎ

      • 서근 2022.02.10 20:24 신고

        미넴님 혹시 사이드바에 구글검색 기능이 제가 html중에 무언가를 잘못 건든건지.. 작동을 안하네요 ㅠㅠ 순정모드로 실행해보면 정상 작동 하는데 말이죠.. 어디가 문제일까요 흐흑

        ----

        오잉... 구글 애드센스 디자인을 '간단히' 로 바꾸니 적용이 됐습니다!

      • 아미넴 2022.02.10 21:57 신고

        정상동작을 하려면 디자인을 두 열로 해야할텐데.. 혹시 검색까지 잘 되시나요?

        제대로 안 되시면 다음 게시물의 애드센스 검색바 광고 추가 부분 참고해 보세요.
        https://sangminem.tistory.com/714

      • 서근 2022.02.10 21:58 신고

        이게 디자인을 두열에서 간단히로 바꾸고 검색을 해보면 정상표시가 되는데 또, 새로고침해보면 검색이 안되는군요 ㅠㅠ

        저 게시글 대로 디자인을 변경했는데 정상표시가 되네요 ㅠㅠ

      • 서근 2022.02.10 22:02 신고

        아! 모바일 사이드바가 문제일까요? 사이드바 숨기기 기능을 끄면 정상적으로 검색 기능이 작동하는데

        모바일 사이드바로 설정하면 간헐적으로 작동하는거같습니다

      • 아미넴 2022.02.10 22:05 신고

        제가 해봤을 때는 일단 문제가 없는데 혹시 제 블로그도 동일한 증상이 나타난다면 사용하시는 운영체제, 브라우저 정보 알려주시면 확인해볼게요~

      • 서근 2022.02.10 22:37 신고

        윈도우랑 맥북 크롬 및 사파리에서 확인해보았는데 동일현상이 나타납니다 ㅠㅠ

        새로고침을 하면 어쩔땐 표시되고 어쩔땐 안되는게 이상하네요 스킨문제는 아닌거같은데

        혹시 구글검색바 사용하는 이유가 어떤이유일까요? 수익적으로 비중이 높나요?

      • 아미넴 2022.02.10 23:12 신고

        아네 제가 봐도 스킨 문제는 아닌거 같고 추가 수정하시면서 뭔가 정보가 바뀌었을 수도 있을거 같네요.
        정확하진 않은데 구글 검색 광고로 발생하는 수익은 미미한듯 합니다.
        별도로 셋팅하기 힘드시면 사용하지 않으셔도 될거같아요~


    • 답글

    • 인파_ 2022.02.09 12:12 신고

      크 멋집니다!
      답글

    • 디스페어 2022.02.11 10:58 신고

      항상 잘 쓰고 있습니다 :)

      선생님 혹시 코드블럭의 배경을 기존의 것으로 바꿀 수 있는 방법이 있습니까?

      스킨을 적용하니 코드블럭의 배경이 사라져서 뭔가 어색하더라구요
      답글

      • 아미넴 2022.02.11 15:42 신고

        관리자 페이지 플러그인 메뉴에서 코드 문법 강조 플러그인 사용설정 하시고 Atom One Dark 선택하시면 깔끔하게 보이실거예요~ 이게 맘에 안드시면 직접 스타일 수정하셔야 할 것 같습니다 ㅠ

    • 익명 2022.02.12 00:45

      비밀댓글입니다
      답글

      • 익명 2022.02.12 00:45

        비밀댓글입니다

      • 아미넴 2022.02.12 01:20 신고

        안녕하세요~ 티스토리 앱에서는 스킨 자체가 달라지기 때문에 티스토리가 기본으로 제공하는 기능으로 삽입한 광고가 아닌 이상 불가능하다고 봐야합니다. 카카오뷰는 사용해보지 않아서 잘 모르겠는데 그것도 별도의 스킨을 사용하는거면 직접 설정한 스킨에서 삽입한 광고의 노출은 불가능할 것 같습니다.

    • 랄루 2022.02.12 11:58

      안녕하세요. 혹시 애드센스 목록상단 부분에 아미넴님 블로그처럼 꽉차게 보여지게하는 방법이 있을까요? 어쩔때는 꽉차고 어쩔때는 아주 작게 나오네요
      답글

      • 아미넴 2022.02.12 14:05 신고

        목록 상단 부분이라면 관리자 페이지에서 수익 > 애드센스 관리 메뉴에서 설정하는 부분 말씀이신가요? 그 부분은 저는 전부 반응형/반응형으로 설정해 두었고 추가로 더 해준건 없어서 아마 랄루님이랑 같은 상황일 겁니다 ㅎ

    • 서근 2022.02.13 23:12 신고

      미넴님 안녕하세요. 본문에서 스크롤을 내리다가 댓글창에서 showToast("", "bottom")을 넣는 방법이 있을까요?
      답글

      • 아미넴 2022.02.13 23:52 신고

        안녕하세요. Intersection Observer 기능을 활용하여 구현할 수 있어보여요. 댓글창이 화면에 보이는 시점을 감지하는 방법입니다.

        다음 내용만 잘 이해하시면 됩니다.
        https://developer.mozilla.org/ko/docs/Web/API/Intersection_Observer_API

      • 서근 2022.02.14 08:07 신고

        @_@ 생각보다 복잡하군요 ㅠㅠ

        제가 하고싶은건 게시글에 처음 입장하거나/추천글이 뜰 때 플로팅 문구를 showToast로 보여주고 싶은건데..

        야매(?)로 makeRecommendBlock 에 showToast를 넣었는데 플로팅 메세지는 나오네요! ㅎㅎ

      • 아미넴 2022.02.14 18:56 신고

        아하 그런 용도였군요~ 지금 확인해보니 전 다른 방법으로 띄우고 있었네요. 오히려 Intersection Observer가 더 세련되고 쉬운 방법입니다 ㅎㅎ

    • 스킨 너무 감사합니다.
      궁금한게 하나 있어서 문의 남깁니다.

      사이드바에 프로필 부분에 아무것도 안적어도 네모칸으로 자리를
      잡는데 이부분을 없애고 싶어서요.
      어디서 설정이 가능할까요?
      답글

      • 아미넴 2022.02.17 15:26 신고

        안녕하세요. 미넴 스킨 이용해주셔서 감사합니다 ㅎ 관리자페이지 > 꾸미기 > 사이드바에서 모든 요소를 추가/제거할 수 있습니다

    • 헐.. 이렇게 간단했다니 감사합니다 ㅠㅠ;;
      답글

    • 화 수 분 2022.02.17 23:23 신고

      선구독햇습니다. 맞구독해요 ...^^
      답글

    • WL.RMA 2022.02.18 10:11 신고

      좋은 스킨 감사합니다 !

      하나 문의 드리고 싶은건 메인 페이지의 리스트에 중간 광고 4개 대/소 를 다 설정했는데 미리보기에서는 광고들어가는 빈칸이 보이는데 실제 페이지에서는 표현이 안되는데요 .

      광고의 아이디를 대1개 만 넣으면 광고가 출력됩니다.

      이걸 해결할 수 있는 방법이 있을까요 ?
      답글

      • 아미넴 2022.02.19 02:02 신고

        미넴 스킨 이용해 주셔서 감사합니다~
        글쎄요. 저는 별 문제가 없는거 봐서 설정을 잘못하셨을 가능성이 높아 보이는데.. 좀 봐야 알 것 같습니다. 그런데 지금은 설정이 안 되어 있는 상태인가요?

      • WL.RMA 2022.02.21 09:20 신고

        답변 주셔서 감사합니다.

        안되서 꺼놨었는데요 . 현재는 다시 활성화 했습니다.

      • 아미넴 2022.02.21 09:36 신고

        지금 잠깐 확인해보니 layout 키값이 잘못된거 같은데 다시 확인해 보셔야 할 것 같습니다.

      • WL.RMA 2022.02.21 10:32 신고

        감사합니다. 해결하였습니다.

    • WL.RMA 2022.02.23 10:40 신고

      안녕하세요. 스킨은 잘 사용하고 있습니다. 사용중에 문의점이 있어서요.

      스킨 왼쪽 하단에 티스토리 구독하기가 플로팅으로 따라 다니는데요 . 이 옆에다가 네이버 구독하기 버튼도 만들수 있을까요 ?

      답글

    • 뚜킴 2022.03.01 01:22 신고

      안녕하세요. 미넴스킨 사용 중입니다.
      다름이 아니라 메인 페이지에서는 인피드, 사이드바 광고들이 정상 노출이 되는데 신규 글에서 노출이 안되고 다른 카테고리들로 갔을 때 카테고리 페이지에서도 광고들이 노출되지 않는 현상이 나타나서요. 아무리 찾아봐도 원인을 모르겠어서 혹시 무엇이 문제일까요?ㅜ
      해당 문제는 PC에서만 나타납니다. 모바일에서는 정상적으로 노출이 됩니다.
      답글

      • 아미넴 2022.03.01 14:41 신고

        안녕하세요. 말씀하신 문제는 애드센스 광고 특성입니다. 페이지뷰가 충분하지 않은 글에서는 광고가 정상적으로 송출되지 않습니다. 피씨와 모바일의 정책이 조금은 다를 수 있지만 스킨 문제는 아니라고 보시면 됩니다. 따라서 어떤 스킨을 쓰든 마찬가지입니다.

    • 밈아 2022.03.14 14:59 신고

      안녕하세요 미넴 스킨 애용중인 사용자입니다.
      다름이 아니라 구독 버튼이 활성화가 안 되는 거 같아서 여쭤보려고 합니다 ㅜㅜ
      메뉴바/구독 버튼 설정에서 왼쪽 하단에 활성화시켰음에도 불구하고, 메뉴바는 제대로 뜨지만 구독 버튼이 뜨지 않고 코드상에서도 보이지 않습니다..
      답글

      • 아미넴 2022.03.14 15:01 신고

        안녕하세요. 미넴 스킨 이용해 주셔서 감사합니다.
        원래 본인 블로그 구독 버튼은 보이지 않습니다. 로그아웃 후에 또는 시크릿(프라이빗) 모드로 확인해 보시기 바랍니다.

      • 밈아 2022.03.14 15:04 신고

        아이구 제가 바보 같았네요.. 감사합니다!!

    💲 추천 글