미넴 스킨 제작 프로젝트

티스토리 미넴 스킨 업데이트 계획

변태 개발자 아미넴 2021. 3. 27.

미넴 스킨 업데이트가 너무 잦다는 의견이 있어서 피드백 버전으로 내 놓습니다. 스킨이 자주 바뀌면 SEO에도 안 좋은 영향을 미칠 수 있다고 하며 스킨을 덮어 씌우면 설정을 다시 다 손 봐야 하므로 번거롭다는 지적도 있었습니다.

 

그래서 앞으로 어느정도 시간을 두고 안정적인 버전만 내 놓을 예정입니다. 그렇다고 만들어 놓은 기능을 쌓아 놓고 있기도 아쉽고 단점을 계속 안고 가기도 찝찝해서 피드백 버전을 만들었습니다.

 

해당 버전은 새로운 기능을 좀 더 빨리 사용해 보고 싶은 사용자만 이용해 주시길 바라겠습니다. 써 보신 후 피드백 환영합니다.

 

피드백 버전은 예고없이 수시로 업데이트 될 수 있음에 유의 바랍니다.

 

(2021.09.17) 당분간은 피드백 버전을 따로 내놓을 계획은 없습니다.

 

이 게시물은 미넴 스킨 업데이트 계획을 간단히 정리하는 목적으로 사용할 예정입니다.

 

목차

     

    업데이트 계획

    사이드바 내 목차

    플로팅 목차 하위 카테고리 접힘

    그리드 인피드

     

    신규 기능 및 개선 사항

    없음

     

    소개 및 설치 방법

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

     

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

     

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

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

    sangminem.tistory.com

     

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

     

    미넴 스킨 피드백 버전 다운로드

    진행 중인 피드백 버전 없음

    BIG

    댓글41

    • 모코코 2021.03.27 21:07

      이게 저만 그런건지 잘 몰라서 한번 물어볼려고 댓글 답니다.

      지금 비교해보니 아미넴님의 스킨과 기존 티스토리에서 제공하는 폰트가 살짝 틀리다는걸 알 수 있습니다.
      문제는 글을 쓰면서 "글 에디터에서" (글을 작성하는 에디터 안에서~") 글꼴을 "나눔 고딕"으로 바꿧다가 맘에 안들어서 다시 "기본 서체"로 바꿧는데 아미넴님의 폰트로 변경되지 않고 티스토리 "기본서체"로 폰트가 적용이 되더군요.

      이게 혹시 문제가 있는 부분일까요?
      답글

      • 안녕하세요.
        에디터에서 글꼴을 바꾸신 거라면 HTML 모드로 들어가셔서 태그에 글꼴이 직접 먹여져 있는지 살펴 보셔야 할거 같습니다.

        style="font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"

        글꼴을 바꾸는 순간 위와 같은 스타일이 적용됨을 알 수 있는데 하나씩 지우는 수밖에는 답이 없어 보입니다. 그래서 저는 에디터에서는 글꼴 변경 기능을 아예 사용하지 않습니다.

    • TetraTheta 2021.03.30 20:16 신고

      피드백 반영 버전의 피드백은 이 덧글 밑으로 달겠습니다.

      파이어폭스에서도 덧글 입력시 이제 글이 요동치지 않네요!

      skin.html에서 'section, section, footer, .floating-toc' 등, <style> 태그 밑에서 중복된 CSS 항목이 종종 보입니다. 이게 의도된 사항인지 아닌지 잘 모르겠습니다만, 'section, section'은 의미가 없는 것으로 알고 있습니다. 'section'으로 통일하는게 좋을 것 같습니다.

      그런데 덧글을 입력하고 나니 다크모드에서 덧글쪽의 글씨가 도로 검정색으로 변해버리네요... 다크모드 관련해서는 body 등에 class를 설정해서 class별로 CSS를 별도 설정하는게 낫지 않을까 합니다.
      또한 다크모드에서 덧글창의 우측 드롭다운 메뉴(수정/덧글 등)의 글자가 여전히 흰색이라 구분이 어렵습니다.
      답글

      • 아 section 두 번 쓴건 오타네요. 지적 감사합니다.
        다크모드는 아직 손 볼 부분이 많은거 같은데 좀 더 수정해 보도록 하겠습니다! 지속적인 피드백 감사합니다 ㅎㅎ

      • 말씀하신 부분은 수정해서 스킨 소스파일 재 업로드 하였습니다. 감사합니다!

      • TetraTheta 2021.03.30 20:48 신고

        1. 스킨 자체에서 다크 모드 지정 불가능
        사용자가 다크 모드를 선택할 수 있게 만드는 것 이외에도, 블로그 주인이 강제로 다크모드를 지정할 수 있으면 좋겠습니다. 현재로서는 사이드바에 다크모드를 노출시킨 후, 여기서 다크모드를 지정하는 수 밖에는 없네요.

        2. 본문 폭 설정
        현재 설정은 전체 폭의 최대값만을 설정 가능합니다. 만약 사용자가 '나는 본문 폭을 최대 980px로 하고 싶어'라고 한다면 이를 적용하기가 매우 힘든 상황입니다.
        본문 폭만을 설정 가능한 옵션이 있었으면 좋겠습니다.

        3. 목차
        제가 목차에서 원했던 것은 '본문 폭이 충분할 때에는 화면 좌측의 빈 공간에 자그맣게 목차가 나타나고, 본문 폭이 부족하다면 본문 최상단에 드롭다운 리스트 형식으로 목차가 나타나게 할 수 있는 옵션' 정도였는데, 현재로서는 그게 불가능한 것 같습니다.
        목차의 위치에 대해 각각의 선택지를 줄 수 있으면 좋겠습니다.
        - 본문 좌측 (스크롤 해도 따라 내려오며, 화면 폭이 충분할 때에만 나타남)
        - 본문 최상단 (스크롤 해도 따라 내려오지 않음)
        - 본문 최상단 드롭다운 리스트 (스크롤 해도 따라 내려옴, 선택하면 자그마한 목차가 드롭다운으로 나타남)


        이와는 별개로, GitHub 등에 Repository를 개설하면 Pull Request 등을 받을 수 있으니 관리에 편리함이 있지 않을까 합니다.

      • 1. 의견 감사합니다. 두 가지는 약간 다른 문제라서 저도 생각 중인데 곧 추가해 보겠습니다.
        2. 말씀하신 내용은 구조가 흔들리는 문제라서 추후 시간될 때 의견을 반영하도록 하겠습니다.
        3. 이건 목차에 대해 완전 스타일을 달리 하는 요청이 포함되어 있어서 당장은 어려울 것 같구요. 추후 다양하게 목차를 개발하여 선택지에 추가해 보겠습니다.

        스킨 제작에 Git까지 사용할 마음은 없었는데 생각 좀 해보겠습니다. 이런거까지 아시는 걸로 보아 개발자 같으신데 제 스킨에 관심을 가져 주시니 감사하네요 ㅎ

      • 안녕하세요. 말씀하신 내용 중에 1, 2번 적용하여 피드백 버전 올려 놓았습니다 ㅎㅎ

      • 2021.04.05 22:36

        비밀댓글입니다

      • 네~ 목차는 전면적으로 수정할 예정입니다. 말씀하신 부분도 공감하구요. 최초 만들 때 이해가 부족하여 구조적으로 허접한 부분이 많고 억지로 적용하느라 setTimeout 함수 사용을 많이해서 깔끔하지 못한 부분도 있습니다.

        코드 블럭은 기본적으로 코드 블럭 강조 플러그인을 사용하셔야 정상적으로 표현이 되는데 사용하지 않은 상태에서도 정상적으로 표현되도록 수정해 볼게요~

      • 코드블럭 스타일 수정하여 반영해 놓았습니다 ㅎ
        css에서 .content-article pre code.hljs 찾아서 .content-article pre code로 바꾸기만 하셔도 됩니다.

    • 2021.03.31 22:14

      비밀댓글입니다
      답글

    • all analysist 2021.04.06 22:35 신고

      안녕하세요 잘쓰고있습니다. 모바일 폰트 크기변경은 font-size를 수정해도 안바뀌는데 방법이 있을까여?
      답글

      • 안녕하세요. 폰트 사이즈 변경을 원하시는 부분의 스타일 속성에 font-size 값을 주시고 끝에 !important를 붙이시면 적용될거예요~

      • all analysist 2021.04.06 23:58 신고

        { /* 모바일 본문 폰트 수정 */
        margin-bottom: 24px;
        font-size: 0.5em !important;
        line-height: 1.6;
        color: #141414; }
        이렇게해도 적용이 안되내요ㅠ

      • 그렇게만 보면 불완전한 문법인데... 어디에 작성하셨다는 건가요?

      • all analysist 2021.04.07 06:40 신고

        배포하신 스킨 css쪽에있습니다~

      • 아 일부만 적으신건가요. 어쨌든 스타일의 우선순위가 있어서 태그 style에 직접 먹이시는 것이 가장 우선 순위가 높습니다. 모바일 기기에서만 폰트 크기를 조정하고 싶으신 거면 미디어 키워드를 사용하여 화면 크기별로 현재 적용되고 있는 스타일을 재정의 하셔야 합니다. 이 부분은 css에 대한 이해가 어느정도 있어야 가능한 부분이라 관련 레퍼런스를 좀 보셔야 할거예요.

    • 2021.04.19 17:03

      비밀댓글입니다
      답글

      • 안녕하세요. 먼저 스킨을 사용해 주셔서 감사드려요 ㅎㅎ
        새로운 목차는 현재 개발 중이라서 아직 배포전이구요. 조만간 새로운 버전 배포 예정입니다 :)

        목차를 원하는 위치에 넣는 방법은 아래 링크를 참고 바랄게요.
        https://sangminem.tistory.com/506#%EB%AA%A9%EC%B0%A8_%EC%84%A4%EC%A0%95_%EA%B8%B0%EB%8A%A5

        아래 링크를 참고하셔도 됩니다.
        https://sangminem.tistory.com/307

    • 밤구름 2021.05.11 17:26 신고

      잘사용하고 있습니다. 만들어 주셔서 감사해요
      혹시 왼쪽의 추천글 사이드 바는 어떻게 만드는지 알수 있을까요??
      답글

    • 퍼니즈 2021.06.06 15:34 신고

      스킨을 새로 교체하면 되나욤?
      답글

    • 퍼니즈 2021.06.06 15:43 신고

      네 잘사용하겠습니다~
      답글

    • 퍼니즈 2021.06.10 18:05 신고

      감사합니다 다름이 아니라 타이틀 제목 우측 끝에 검색창을 달수 없을까요?
      답글

      • 정확한 의미를 잘 모르겠습니다. 타이틀 내부에 검색바를 넣고 싶다는 말씀이신지 그냥 우측에만 위치하면 된다는 의미인지..
        후자라면 사이드바를 우측으로 옮길 수 있는 옵션이 있긴 합니다.

    • 퍼니즈 2021.06.11 21:59 신고

      inner 블로그명 옆에 검색창을 달려고욤 ㅎㅎ
      답글

      • 아 블로그명 얘기셨군요~ 원하는 대로 꾸미고 싶으시면 기본적인 html, css 문법은 알고 있어야 수월할 겁니다.
        <div class="search"> 태그만 옮기면 돼서 그리 어려워 보이진 않네요 ㅎ

    • 샬롱한 2021.06.14 21:31 신고

      안녕하세요. 제가 스킨을 적용했는데 스크롤을 내리고 나면 자동으로 흔들리는 떨림현상이 나타나는데 왜 그러는걸까요?~
      답글

    • 알 수 없는 사용자 2021.06.16 00:05

      안녕하세요 미넴님 스킨 잘 쓰고 있습니다. ㅎㅎ 궁금한 점이 있는데 제가 본문을 쓰다가 본문 중간에 제목을 항상 다는데 정작 글을 다 쓰고보면 목차는 항상 포스팅 제목 바로 아래에 위치하고 있더라고요. 목차 위치를 포스팅 제목 바로 아래가 아닌 본문 중간으로 바꾸는 방법은 따로 없나요...?
      답글

      • 네 안녕하세요. 자동목차 기능을 사용하고 계신 것 같은데 오히려 목차 태그를 본문 원하는 위치에 따로 삽입하는 것이 기본입니다.

        https://sangminem.tistory.com/506#%EB%AA%A9%EC%B0%A8_%EC%84%A4%EC%A0%95_%EA%B8%B0%EB%8A%A5

        이 링크 참고해 보세요~

    • 알 수 없는 사용자 2021.06.16 00:39

      감사합니다! ㅎㅎ 잘 적용되었네요.
      답글

    • 흑염룡 2021.07.03 13:56

      피드백 버전은 꾸준히 업데이트 하나요? 따로 릴리즈 노트나 게시물 시간도 변함이 없어서.. 만약에 지금과 조금 차이가 있다면 피드백 버전 한번 써볼려고요.
      답글

      • 미넴스킨 이용해 주셔서 감사합니다. 현재는 피드백 버전과 최신 버전이 거의 동일한 상태여서 피드백 사용을 권장드리진 않습니다.
        말씀하신대로 피드백 버전은 변동이 있을 경우 글 수정만 이루어지기 때문에 게시물 시간은 그대로인게 맞습니다.

    • 시후민 2021.07.05 19:47 신고

      문의 드립니다~ 미넴스킨이 알트이미지가 자동으로 들어간다고 하던데 alt="내용" 이렇게 안들어가면 seo에서 누락이 되더라구요 한번 확인 부탁드립니다~
      답글

    💲 추천 글