미넴 스킨 제작 프로젝트

티스토리 미넴 스킨 2.1 업데이트 - 다크 모드 추가

아미넴 2021. 4. 3.

현재 추가한 기능들을 지속적으로 써 보면서 테스트한 결과 안정적으로 동작하는 것으로 판단되어 정식 버전으로 내 놓습니다.

 

우연히 몇몇 분들이 제 스킨을 추천 스킨으로 소개해 주시고 계신 것을 보았습니다.

힘이 나네요 ㅎㅎ

 

목차

     

    신규 기능 및 개선 사항

    먼저 신규 기능과 개선 사항을 말씀 드리겠습니다.

     

    다크 모드 추가

    요새 다크 모드는 일반적인 추세가 되었습니다. 당연히 미넴 스킨에도 이 기능이 빠지면 안 될 것 같아서 만들었습니다.

     

    사이드 바에 보면 다음과 같이 다크 모드 메뉴가 추가 되었습니다.

     

    달 모양을 클릭해 보면 다음과 같이 다크 모드로 변경되는 것을 알 수 있습니다.

     

    해 모양을 클릭해 보면 원래대로 돌아 옵니다.

     

    스킨 편집에서 다크 모드 기능을 숨길 수 있습니다.

     

    이롭게바탕체 글꼴 적용 옵션

    글꼴 변경 옵션을 요청하신 분이 있어서 적용하였습니다.

     

    이롭게바탕체를 사용하면 기존대로 보이구요. 기능을 OFF 하면 다음과 같이 시스템 기본 글꼴로 보이게 됩니다. 취향에 맞게 사용하시면 될 것 같습니다.

     

     

     

     

    종이질감 사용 옵션

    혹시 종이 질감을 사용하고 싶지 않으신 분이 계실까 해서 추가하였습니다.

     

     

    기본은 사용으로 되어 있구요. OFF로 바꾸면 다음과 같이 종이 질감이 사라지게 됩니다.

     

    광고 고정 기능 옵션

    광고영역 크기를 잡아 주어야 전체적인 레이아웃이 흔들리지 않아서 추천드리지만 귀찮거나 css를 잘 모르시는 분들은 그냥 고정 영역 옵션을 끌 수도 있습니다.

     

    만약에 광고 크기에 맞지 않는 스타일로 크기고정 영역을 사용하시면  다음과 같이 광고에 스크롤이 생기게 됩니다.

     

    광고영역 크기고정 옵션을 끄게 되면 레이아웃이 좀 흔들리기는 하지만 다음과 같이 광고가 잘 보이게 됩니다.

     

    이 기능을 이용하고 싶으신 분들은 스킨 편집 html 편집기의 HTML 탭에서 다음 부분을 수정하시면 됩니다.

     

    사이드바 위치 조정 옵션

    사이드바를 오른쪽에 두고 싶어 하는 분이 계셔서 옵션을 추가하였습니다.

     

    사이드바 왼쪽으로 이동 옵션을 OFF 하시면 다음과 같이 오른쪽으로 이동하게 됩니다. 기본 값은 왼쪽 입니다.

     

    플로팅 목차 기본 위치 설정

    플로팅 목차를 왼쪽에서 나타나게 하고 싶으신 분이 계셔서 옵션을 만들었습니다.

     

    기본은 오른쪽에서 등장하며 기능을 OFF 하시면 다음과 같이 왼쪽에서 등장하게 됩니다.

     

    커버 그리드 스타일 높이 고정 옵션

    그리드 크기를 고정하고 싶은 분이 계실 것 같아서 옵션을 추가했습니다.

     

    옵션을 ON 하면 다음과 같이 제목, 내용의 길이에 상관없이 그리드 크기가 동일하게 고정됩니다.

    그리드 크기 고정 옵션 적용 전(좌) 후(우)

     

    기타 수정 사항

    1. 커버 스타일 이용 시 글 직접 입력을 하면 내용이 정상적으로 보이지 않던 부분 수정하였습니다.

    2. 커버, 사이드바 등의 스타일 설정을 좀 더 최적화 하였습니다.

    3. 그 외 자잘한 오류를 수정하였습니다.

     

     

     

     

    소개 및 설치 방법

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

     

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

     

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

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

    sangminem.tistory.com

     

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

     

    미넴 스킨 2.1 버전 다운로드

    파일 제거 됨

    반응형

    댓글38

    • 이전 댓글 더보기
    • Q쩡이Q 2021.04.04 08:36 신고

      훌륭하시네요
      잘보고 구독하고 갑니다.
      맞구독 부탁드려요~
      답글

    • teum♡ 2021.04.04 10:39 신고

      ㅎㅎㅎ 좋아요 좋아요 ~~ !주말 마무리 잘하세요 ^^
      답글

    • 주가리 2021.04.04 20:29 신고

      잘 읽고 갑니다! 구독하고 가요~
      답글

    • 퍼니즈 2021.04.05 15:08 신고

      질문점여 모바일화면에서 홈
      태그
      미디어로그
      위치로그
      방명록
      메뉴만 안보이게 하는방법점여~
      답글

      • 아미넴 2021.04.05 15:17 신고

        안녕하세요. 메뉴는 관리자 페이지에서 수정 가능합니다. 굳이 스킨에서 코드 수정으로 바꿀 필요는 없어 보이는데 불가피한 이유가 있으신건가요?

    • 퍼니즈 2021.04.05 15:38 신고

      네 타이틀 제목만 보이게 하고싶어서요
      답글

      • 아미넴 2021.04.05 15:48 신고

        그 정도도 관리자 메뉴에서 가능한걸로 알고 있는데.. 정확히 무슨 말씀하시는지 잘 모르겠어요 제가 이해를 못하고 있는건지

    • Play in Stock 2021.04.05 17:52 신고

      ㄷㄷㄷㄷㄷㄷㄷ
      ㄷㄷㄷㄷㄷㄷㄷ감사합니다변.
      답글

    • gracenmose 2021.04.09 10:42 신고

      친효 쓰고 있는데, 너무 무거운 느낌이어서 이 스킨으로 바꿔야겠네요.
      지금 서브 블로그에만 적용해 봤는데, 애드센스 일치하는 콘텐츠를 사이드바에 넣은 것은 너무 맘에 듭니다.
      친효스킨에서는 리스트의 인피드도 스킨 편집 페이지에서 넣을 수 있게 했는데, 비슷한 방식으로 추가 가능하면 좋을 것 같습니다.
      답글

      • 아미넴 2021.04.09 19:47 신고

        안녕하세요. 좋은 말씀 감사하고 의견도 감사드립니다 ㅎㅎ
        다음 버전에서 반영해 보도록 할게요 :)

    • 페페입니다 2021.04.17 11:33 신고

      안녕하세요.페페의페시브인컴 블로그 운영하는 페페입니다.

      미리님께서 올리신 정성스러운 블로그 포스팅 잘봤습니다.

      구체적으로 블로그 스킨 포스팅 부분이 마음에 들고 공감 갔습니다.

      정성스러운 포스팅에 고맙고 감사합니다.

      자주 뵙고 싶습니다 :)

      구독하고 갑니다.
      답글

    • 익명 2021.04.22 05:45

      비밀댓글입니다
      답글

    • 익명 2021.04.22 08:19

      비밀댓글입니다
      답글

    • 익명 2021.04.22 08:28

      비밀댓글입니다
      답글

      • 아미넴 2021.04.22 08:33 신고

        아 에디터 기능 이용하셨다는 말씀이었군요. 저는 안 쓰는 기능이라 이제서야 눈치챘네요. 확인 좀 해볼게요~

      • 아미넴 2021.04.22 08:39 신고

        지금 해보니 저는 잘 되네요.. 혹시 다른 스킨 이용 중에 발생하시는 문제인가요?

      • 아미넴 2021.04.22 08:53 신고

        그리고 처음 질문하신 내용을 보면 '목차 작성 중'이라고 하셨는데.. 목차를 에디터의 리스트 기능을 이용해서 수작업으로 작성하신건가요?
        실제 작성하신 글을 봐야 무슨 말씀인지 정확히 이해할 수 있을거 같아요.

    • 익명 2021.04.22 08:59

      비밀댓글입니다
      답글

      • 아미넴 2021.04.22 09:03 신고

        아네 그럼 스킨 문제일 확률이 크겠네요.
        J님 프로필에 링크가 안걸려 있는데 글 주소 남겨주시면 들어가서 보고 말씀드릴게요.

    • 익명 2021.04.22 09:50

      비밀댓글입니다
      답글

    • 익명 2021.04.22 10:08

      비밀댓글입니다
      답글

      • 아미넴 2021.04.22 10:18 신고

        스킨이 가장 큰 영향을 줄 수 있습니다. 저는 고래스킨에서도 잘 되는데 이상하네요.
        어쨌든 해결책을 말씀드리자면 css 쪽에 다음 코드를 추가해 보세요.

        ul[data-ke-list-type='disc'], ul[data-ke-list-type='disc'] li, #tt-body-page ul[data-ke-list-type='disc'], #tt-body-page ul[data-ke-list-type='disc'] li {
        list-style-type: inherit;
        }

    • 익명 2021.04.22 10:37

      비밀댓글입니다
      답글

    • 익명 2021.04.22 18:57

      비밀댓글입니다
      답글

    • 익명 2021.04.24 21:58

      비밀댓글입니다
      답글

      • 아미넴 2021.04.24 22:10 신고

        스킨 버전 문제일 수도 있고 스킨을 커스터마이징 하셨다면 그 영향일 수도 있어 보입니다.

        브라우저 개발자 모드에서 각 요소마다 적용된 스타일을 알 수 있는데 그 중에 영향있어 보이는 부분을 오버라이딩 한 것이라고 생각하시면 될 것 같아요.
        좀 더 이해하시려면 먼저 css의 적용 우선순위 개념을 보셔야 합니다.

        티스토리 어플은 적용하신 스킨의 영향을 받지 않습니다.

    • 익명 2021.04.24 22:44

      비밀댓글입니다
      답글

      • 아미넴 2021.04.24 22:56 신고

        네 기본적으로 웹 언어에 대한 이해가 필요한 부분이라서 제대로 하시려면 HTML, CSS, Javascript를 전부 공부하시는 것이 좋습니다.
        위의 문제는 CSS를 집중적으로 보시는 것이 중요한데 결국 다른 언어와도 연관되는 경우가 많아서 전부 알아야 확실히 이해가 되실 거예요.

    • 익명 2021.04.24 23:10

      비밀댓글입니다
      답글

    • 익명 2021.04.29 14:57

      비밀댓글입니다
      답글

      • 아미넴 2021.04.29 16:48 신고

        웹을 한지는 1년 정도 밖에 안돼서 부끄러운 수준이구요. 그냥 적당히 벌고 있습니다 ㅎㅎ 암튼 좋게 봐주셔서 감사해요~

    💲 추천 글