미넴 스킨 제작 프로젝트

티스토리 미넴 스킨 2.5.8 업데이트 - 구글 광고 게재 속도 개선

변태 개발자 아미넴 2021. 9. 28.

안녕하세요.

 

구글 광고 송출 보완 로직을 추가하면서 엣지 브라우저에서 광고 게재에 문제가 발생한 것 같습니다. 또한 광고 게재 속도가 약간 느리다는 의견이 있어서 기존 로직을 원복하였습니다. 앞으로 광고 관련 로직을 다룰 때는 좀 더 신중해야겠네요.

 

또한 본문의 제목에 링크 복사 버튼을 안 보이게 하고 싶다는 의견이 있어서 켜고 끌 수 있는 기능을 만들었습니다.

 

꼭 필요하신 분만 적용 바라며 문제점이 있으면 앞으로도 많은 제보 부탁드리겠습니다.

감사합니다.

 

(내용 추가)

해당 버전에서는 크로미움 기반 브라우저가 아니면 안내 팝업을 띄우고 있는데 원치 않는 분은 다음 파일을 따로 다운 받으셔서 스킨 편집 > html 편집 > 파일업로드 에서 덮어 씌우시길 바랍니다.

캐시를 다 지우시거나 시크릿 또는 인프라이빗 모드로 봐야 제대로 확인이 되실 겁니다.

common.min.js
0.04MB

 

목차

     

     

    개선 사항

    1. 엣지 브라우저 구글 광고 게재 문제를 수정하였습니다.

    2. 본문 제목 링크 복사 버튼 사용 여부를 설정할 수 있는 옵션을 추가하였습니다.

    3. 헤더 고정 기능 사용 시 사파리 브라우저에서 발생하는 떨림 현상을 수정하였습니다.

    4. 모바일 화면에서 본문 스크롤이 잘 안 된다는 의견이 있어서 상단 광고 좌우 스크롤을 제거하였습니다.

    5. 스크롤 애니메이션이 끊긴다는 의견이 있어서 애니메이션 시간을 최대 3초로 늘렸습니다.

    6. 기타 자잘한 문제점을 수정하였습니다.

     

    설정 화면 미리보기

    관리자 페이지의 스킨 편집에서 기타 부분에 보시면 본문 제목 링크 복사 버튼 사용 여부를 설정하는 옵션이 있습니다. 기본은 ON입니다.

     

    설정을 OFF 하면 다음과 같이 링크 복사 버튼이 사라집니다.

     

     

    소개 및 설치 방법

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

     

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

     

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

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

    sangminem.tistory.com

     

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

     

    미넴 스킨 2.5.8 버전 다운로드

    Mynem Skin V2.5.8.zip
    3.57MB

    BIG

    댓글33

    • 아크릴 2021.09.29 11:20 신고

      오! 업데이트가 빠르시네요!
      이번에 블로그를 새로 만들게 되어서 이 스킨으로 적용하려고 합니다.
      감사합니다.
      답글

    • 밝은 워터수 2021.09.29 11:43 신고

      수고하셨습니다
      감사하비다~~
      답글

    • 밝은 워터수 2021.09.29 13:40 신고

      안녕하세요
      바쁘신데 도움을 요청합니다

      - 스킨을 설정과정에서 이부분이 서렁 방법을 어떻게 해야 다크 모드가 헤지는지 ~~?
      -스킨편집에서 다크모드 강제 설정후 설정를 해제한후 다시고치기 설정시 새로 고치가 원복이 안되고 다크 모드로
      상태로 설정이 디어 있어요~~

      -주요설정> -->최초다크모드 설정-->다크모드 강제성정 헤지--> 원복클릭-->좌측하면은 -->다크모드로 설정되었읍니다
      ★본문과단부부은 정상적으로 설정됨

      답글

      • 안녕하세요.

        다크모드 강제 설정 시 라이트모드로 바꾸더라도 페이지를 이동하면 다시 다크모드로 바뀌므로 다크모드만 보여주길 원하실 경우 기능을 활성화 시켜 주시면 됩니다. 당연히 라이트모드 전환 버튼은 빼시는 것이 좋구요.

        최초다크 모드 설정은 페이지에 최초 진입했을 때 다크모드로 보여지며 사용자가 원하면 라이트모드로도 바꿀 수 있는 기능입니다. 이 경우 페이지를 이동하더라도 사용자가 설정한 모드가 유지됩니다.

        마지막 말씀은 무슨 의미인지 잘 모르겠네요.

        감사합니다.

    • 호랭 2021.09.29 21:35 신고

      미넴님 안녕하세요~
      질문 좀 드릴께요 ㅠㅠ
      좌측이랑 본문 가장 밑에 나오는 추천글 부분에 디스플레이형 광고만 게재되거나 아예 빈곳으로 나오는데 혹시 제가 어떤 설정을 바꿔야 할까요? ㅠㅠ

      특히 본문 가장 밑에 나오는 추천글 부분에는 빈곳만 나옵니다

      그리고 혹시 미넴님 블로그처럼 좌측에 추천글 목록이 나오게 하는 방법도 부탁 드려도 될까요

      질문이 많아 죄송합니다 ㅠ
      답글

      • 안녕하세요.

        본문 추천 글은 스킨 편집의 본문 구글 일치하는 광고를 설정해 주시면 되고 사이드바 추천 글은 사이드바 구글 일치하는 광고를 설졍해 주시면 됩니다.

        좌측 광고를 저처럼 하고 싶으시면 기타 설정 > 플로팅 광고 종류를 사이드바 일치하는 광고로 설정하시면 됩니다.

        감사합니다.

    • 호랭 2021.09.29 22:03 신고

      네 미넴님 덕분에 항상 많은 도움 받고 있습니다.

      감사합니다~!
      답글

    • 밝은 워터수 2021.09.29 22:08 신고

      감사합니다
      답글

    • 애리포터 2021.09.30 23:11 신고

      오 저도 이게 좀 문제였는데 업데이트 해주셔서 감사해요.
      스킨 정말 잘 쓰고 있습니다. 만들어주셔서 감사해요ㅎㅎ
      답글

    • 미넴스킨문의 2021.10.03 23:12

      안녕하세요. 이번 최신 버전의 기능이 마음에 들어서 수정했는데, 미넴 스킨은 크로미움 기반 브라우저에서 촤적화 되었습니다라고 파이어 폭스 모바일 버전에서 출력되더군요. 페이지를 클릭할 때마다 나와서 이 부분을 삭제 하고 싶은데 방법이 있을지 문의드립니다.
      답글

      • 아 죄송해요. 그 부분을 업데이트 내용에 안 적었었네요.
        일단 급한대로 이 게시물에 첨부해서 올려 놓을게요.

      • 미넴스킨문의 2021.10.04 00:59

        앗.. 자체적으로 수정해보고 싶었는데 자바를 하나도 몰라서 바쁘시겠지만 문의드렸는데 감사합니다. 너무 빠른 대응에 놀랐습니다. 스킨 잘 사용하고 있습니다.

    • @**@~~ 2021.10.05 17:24 신고

      좋은 스킨 감사합니다. 며칠 적용해서 써보니 속도도 좋고 왠지 가벼운 느낌이라 좋습니다.
      굳이 건의 사항을 말슴드린다면 제목1과 제목2, 제목3 등에 자동으로 줄이 그어지는데 이게 제목1 바로 밑에 제목2가 오게되면 줄이 연이어 보여지게 되네요.
      그래서 개인에 따라서는 좀 거추장 스러워 보이기도 하는데 줄이 제목 1에만 그어지게 할 수는 없을까요? 아니면 제목2와 3에는 다른 형태의 줄이 그러지게 하는 것도 괜찮을 거 같고요. 수정 여부와 관계없이 깔끔한 스킨 제작해 주셔서 감사합니다^
      답글

      • 미넴 스킨 이용해 주셔서 감사합니다. 스킨 편집 > html편집으로 가셔서

        .content-article h2 {border-left: [ ##_var_etc-color_##]ff 16px solid !important;border-bottom: 4px solid [ ##_var_etc-color_##]ff !important;}
        .content-article h3 {border-left: [ ##_var_etc-color_##]cc 12px solid !important;border-bottom: 3px solid [ ##_var_etc-color_##]cc !important;}
        .content-article h4 {border-left: [ ##_var_etc-color_##]88 8px solid !important;border-bottom: 2px solid [ ##_var_etc-color_##]88 !important;}

        이 부분을 찾아 원하는 대로 바꿔주시면 됩니다. 밑줄을 빼시려면 border-bottom 부분을 제거해 주시면 됩니다~

      • @**@~~ 2021.10.05 21:17 신고

        감사합니다~~~

    • 병무새 2021.10.06 08:50 신고

      최근에 이 스킨으로 변경했는데 블로그 들어가자마자 상단이라고 해야하나... 광고가 뜨는데 이걸 없애는 방법이 없을까요? ㅠ
      답글

      • 애드센스 자동광고를 끄시거나 애드센스 자동광고 설정을 변경하셔야 하는데 스킨 문제는 아니라서 자세한건 애드센스쪽 도움말을 참고하셔야 할거같아요

    • 병무새 2021.10.06 08:55 신고

      감사합니다 다시 한번 해보겠습니다 ^^
      답글

    • 힘센캥거루 2021.10.06 11:22 신고

      와 대박입니다 이 스킨 있는줄 모르고 다른 스킨에서 alt값 해결하려고 노력했는데 안되더라구요..ㅜㅜㅜ 잘쓰겠습니다!
      답글

    • 재밌는경쟁 2021.10.06 16:56 신고

      선생님 안녕하세요,,,, 다른게 아니라 새 버전에 대한 질문이 있어서 글을 남깁니다 ㅜㅜ,,
      스킨변경에 대해서 무지해서,,, 혹시 기존 스킨에서 현재 2.5.8 버젼으로 업데이트 하려면 에드센스나 서치콘솔 등을 다시 다 등록해야하는것인가요?
      아니면 <head> 부터 있는 제 코드등 만 복사하면 되는것인가요? 즉, 구버젼에서 신버젼으로 업그레이드시 어떠한 절차를 거쳐 업데이트를 해야할지 감이 잡히지 않습니다 ㅜㅜ 염치불구하고 도움 부탁드립니다.
      답글

      • 기존에 커스터마이징 한 부분이 있다면 그 부분만 누락되지 않도록 반영해 주시면 될 것 같습니다. 스킨을 변경하면 스킨 편집의 설정 값들도 초기화 되니 주의해 주시구요.
        기본 뼈대가 크게 변경되지는 않았기 때문에 서치콘솔이나 애드센스쪽 별도 작업은 필요없어 보입니다.
        테스트 블로그 하나 만드셔서 먼저 반영해 보시고 충분히 검토 후 적용 부탁드릴게요.

    • 2021.10.06 17:07

      비밀댓글입니다
      답글

    • 안녕하세요. 스킨 정말 잘 사용하고 있는 블로거 입니다.

      이전에 1.5를 사용하고 있다가, 오늘 최신 버전으로 변경을 했는데, 사이드바 폭을 250px로 줄이고, 내용 폭을 그만큼 키우고 싶은데, 어디서 수정을 해야 되는지 알려 주시면 고맙겠습니다.

      좋은 기능 제대로 활용을 못해 항상 아쉽지만, 잘 꾸며 보도록 하겠습니다.

      감사합니다.
      답글

    • 호호마 2021.10.10 14:32 신고

      안녕하세요. 미넴님. 미넴님이 만드신 스킨을 한번 사용해보고 너무 감탄해버린 팬입니다.
      제가 사용해보니까 너무 제가 쓰고 싶은 기능들이 잔뜩 들어가있어서 다른 스킨들은 눈에 들어오지도 않네요.
      근데 혹시 다크모드를 사용하다보니까 사진 밑에 설명으로 달아놓은 글이 짙은 회색이여서 아애 안보이던데,
      수정하는 부분이 있나요??
      스킨편집에 있는데 제가 못찾는걸까요?
      답글

      • 엇 제가 캡션 기능을 잘 안써서 테스트가 제대로 안됐었네요 ㅠㅠ
        해당 부분을 수정하여 재 업로드 하였으나 다시 적용하기 번거로우실 테니 css에서 다음 부분 찾아서

        body.dark-mode .profile-details {
        color: #d6d6d6;
        }

        아래와 같이 바꿔주세요.

        body.dark-mode .profile-details, body.dark-mode figure figcaption {
        color: #d6d6d6;
        }

        결국 body.dark-mode figure figcaption 이 부분을 추가해야한다는 의미입니다~
        미넴 스킨 이용해 주셔서 감사합니다 ㅎ

      • 호호마 2021.10.10 15:17 신고

        세상세상에... 이렇게나 빠르게 답변을 달아주시다니 감사합니다.
        정말 그렇게 바꾸니까 사진 밑에 글씨가 바로 하얀색으로 바뀌었어요!
        친절한 설명 감사합니다.
        미넴스킨 최고!

      • 좋은 말씀 감사합니다 ㅎㅎ

    💲 추천 글