친절한효자손 취미생활

안녕하세요, 친절한효자손 입니다. 친효스킨 1.16 버전을 업데이트 완료 했음을 알리는 글 입니다. 문서번호는 3119 입니다. 이번에 업데이트 된 내용은 다음과 같습니다.


친효스킨 v1.16 업데이트 내용

- 본문 이미지 상/하단 여백 공간 수정

- AMP 자동광고 <body> 코드 위치 변경

- 본문, 댓글, 방명록의 텍스트 및 이미지가 가로로 넘치지 않도록 수정

- 본문 표 가로로 넘치지 않도록 수정 (구형 글쓰기 표 에디터)

- 새로운 글쓰기 에디터 : 첨부파일 스타일 수정

- 새로운 글쓰기 에디터 : 본문 이미지의 margin 값 및 여백 수정

- 댓글 및 방명록 글에 삽입되는 이모티콘 텍스트 가운데 정렬로 수정

- 친효애드온 : 본문 공유 모듈 업데이트 → 카카오톡 공유 아이콘 추가

- 친효애드온 : 본문 공유 모듈 업데이트 → 밴드 공유 아이콘 추가

- 본문 공유 모듈의 각 아이콘에 마우스를 올리면 타이틀 제목이 출력되도록 수정

- 댓글 및 방명록 비밀글 체크박스에 V체크 시, 오른쪽에 비밀글에 대한 안내문이 출력되도록 수정

- 본문 소제목(h1~h6) padding 값 일부 수정

- 친효애드온 : 커스텀 DIV 박스 폰트를 "D2Coding" 으로 변경

- 로그인/로그아웃 아이콘 Title 텍스트값 서로 변경 (로그인 상태에서는 마우스를 올리면 "로그아웃"으로, 로그아웃 상태에서 마우스를 올리면 "로그인"으로 출력되도록 수정)

- 본문 로드 시 Access-Control-Allow-Origin (CORS) 관련 스크립트 오류 때문에 <head>에서 불필요한 스크립트 삭제 

- 본문 텍스트에만 양쪽 정렬이 적용되도록 수정

- 구형 글쓰기 에디터에서 제공되는 슬라이드쇼에 이미지 여러개 넣었을 때, 위/아래의 검정 영역 제거 및 이미지 출력 사이즈 수정 (본문에 꽉 차도록 변경)

- 표 안쪽에 이미지 넣었을 때 본문 가로 사이즈 초과되는 버그 임시 수정 (표 안에 이미지를 넣지 않는것을 추천)

- 친효애드온 : 관련글 마크4 적용

- <a href="#"> 사용 했을 때 마우스 클릭 시 반응이 없도록 스크립트 추가


이 정도 입니다. 참고하시기 바랍니다. 적용 방법은 처음 친효스킨을 적용할 때 처럼 파일을 모두 업로드 해주시면 됩니다. 방법은 아래의 친효스킨 다운로드 페이지에서 확인하실 수 있습니다.



업데이트 상세 내용

1.15 버전과 비교해 볼 때 엄청난 차이가 있는 부분은 없습니다. 몇 가지 오류나 문제점들을 수정한게 대부분 입니다. 친효스킨 다운로드 페이지에 있는 처음 사용자용 설명 부분을 꼼꼼히 읽어보시고 사용하시면 됩니다.


마무리

원래 커버모드를 지원하도록 만들어볼 계획 이었는데 딱히 필요성을 못 느끼고 있습니다. 지금 상태가 너무 마음에 들어서 당분간은 이대로 쭉 스타일을 유지해 나갈 생각 입니다. 올 한해도 열심히 티스토리를 관리해 나갈 것 입니다. 보다 나은 스킨이 되도록 열심히 연구해 나가도록 하겠습니다. 사용하시다가 문제점 혹은 개선 사항이 있다면 언제든 댓글이나 이메일로 제보 부탁드립니다. 개인 취향 차이로 인한 스타일 변경 문의는 답변 드리지 않습니다. 감사합니다. 끝.





당신을 위한 콘텐츠

이 글을 공유합시다

facebook twitter googleplus kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

비밀글모드

  1. Favicon of https://make-a-better-place.tistory.com HB's Life 2020.03.01 00:54 신고

    감사합니다. 친절한 효자손님
    힘들게 만드신 스킨을 이렇게 공유해주셔서 너무 감사하게 잘 쓰고 있습니다.
    금번 교육에는 피치못할 사정으로 못 갔지만, 다음에 꼭 뵙도록 하겠습니다.
    코로나 조심하세요.
    언제나 응원할게요. ^^!!

  2. Favicon of https://jpapas.tistory.com krand 2020.03.01 06:14 신고

    감사합니다 친절한 효자손님 그런데 애드센스 slot 번호가 무엇인가요? 도무지 모르겠습니다.

  3. Favicon of https://plantthefuture.tistory.com 귯모닝 2020.03.01 11:23 신고

    감사합니다. 기다리고있었습니다 : )

  4. Favicon of https://safarizone.tistory.com 수군이 2020.03.01 17:29 신고

    적용하고 싶으나 지금 사용하는 스킨이 약 2년정도 사용되고
    로직 반영이 잘 되고 있어서 쉽사리 옮기기가 어렵네요 ㅠㅠ

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2020.03.01 17:54 신고

      도전 없는 결과는 없다고 생각합니다. 결과가 좋을수도, 나쁠수도 있을텐데 그걸 극복하는건 자신의 몫이겠죠.

  5. 2020.03.03 04:34

    비밀댓글입니다

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2020.03.03 04:46 신고

      안녕하세요, 애드센스와 관련이 없어도 광고 근처에 클릭관련문구나 유도링크를 넣으면 정책위반에 해당됩니다. 이 정책위반에 걸리면 복구 불가능 합니다. 가장 최악의 상황으로 자신의 신상정보로 만든 구글 계정은 모두 사용 불가 합니다. 가족 중 다른 사람의 계정으로 만들던지 지인의 계정을 이용해서 처음부터 다시 시작해야 합니다.

  6. Favicon of https://safarizone.tistory.com 수군이 2020.03.03 14:03 신고

    고민하다 일단 고!!
    반영되는건 로직에 맡길 생각으로 진행했습니다.
    그간 애드센스 소스가 오픈이 되서 이걸 어찌 할까 고민하다가 결정했습니다.
    잘 쓰겠습니다~~

  7. Favicon of https://sesang-story.tistory.com 소소한 H 2020.03.03 23:54 신고

    안녕하세요. 친효님 덕분에 스킨 정말 잘 사용하고 있습니다.

    다름이 아니고, 이번 업데이트 스킨 적용 후 오른쪽 중간 구독버튼이 보이지 않습니다.

    사이드바 구독설정하기에서 미리보기에는 나오는데 저장 후 메인 페이지에서는 보이지가 않네요.ㅠ.ㅠ

    혹시 제가 뭘 지운걸까요??

  8. Favicon of https://happy-life88.tistory.com 파이어족 서대리 2020.03.04 10:11 신고

    안녕하세요^^

    친효님 스킨 정말 잘 사용하고 있습니다 ㅎㅎ

    감사하게도 이번에 업데이트까지 해주셔서 해보려고 하는데
    파일을 전부 업로드하고나면 애드센스 코드나 개인설정들은 제가 다시 해야하는거죠??

    늘 좋은 정보 제공해주셔서 감사합니다^^

  9. Favicon of https://rdsong.com 알송달송IT세상 2020.03.04 18:26 신고

    카톡 공유 버튼 친효님 스킨소스 보고 달았습니다.

    그리고, 구글플러스 종료 된지 싶습니다

    감사합니다.

  10. Favicon of https://plantthefuture.tistory.com 귯모닝 2020.03.07 15:16 신고

    친효님 안녕하세요

    업데이트해주신 스킨 오늘하루 시간내서 적용완료했습니다.
    (3월1일 엄청기다렸었는데, 시간이없어서 오늘하루 날잡고했습니다)

    별일 없이 무사하게 적용된것 같아 뿌듯합니다.
    좋은자료 제공해주셔서 감사합니다~!


  11. Favicon of https://space91.tistory.com Dr.정우주 2020.03.13 14:03 신고

    안녕하세요 친절한효자손님! 1.15 버전으로 스킨을 다운받아 잘 이용중입니다.
    근데 한번씩 글을 쓸때 긴 링크를 첨부할 때, 모바일에서 글을 보면 우측으로 쭉 밀리더라구요.
    그래서 나름 서칭을 통해서

    /* 본문 링크 삽입 (새로운 글쓰기 에디터) */
    .tt_article_useless_p_margin > p > a {
    color: #1d67b1;
    font-weight: bold
    word-break: break-all;
    white-space: pre-wrap;
    word-wrap: break-word;
    }

    이부분에 word-break, white-space, word-wrap 값을 줘봤습니다(코딩은 진짜 기본밖에 할줄 모르네요)
    이렇게 해서 우선은 해결된것처럼 보이는데 맞을까요?

    스킨이 너무 깔끔하고 좋아서 아주 만족하면서 사용중입니다. 감사합니다 효자손님!

  12. 2020.03.15 16:52

    비밀댓글입니다

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2020.03.15 17:24 신고

      안녕하세요! 그렇군요! 좋은 징조입니다. 앞으로 더욱 양질의 글을 올리는 일만 남았습니다. 파이팅 입니다.

  13. Favicon of https://imparo.tistory.com Ancora imparo 2020.03.19 17:50 신고

    친절한효자손님 책을 구입하여 티스토리를 시작한 지 2개월이 되어갑니다.
    그리고 오늘 스킨을 설치했습니다. 쾌적하고 맘에 드네요
    감사합니다.^^
    자주 방문해서 많이 공부해야겠습니다.~~~

  14. 2020.03.19 18:48

    비밀댓글입니다

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2020.03.19 20:27 신고

      안녕하세요, 확인해보니 또 뭔가 패치가 된 것 같군요. 어떻게 수정해야하는지 확인 후 다시 안내해 드리겠습니다.

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2020.03.19 20:32 신고

      CSS에서 다음의 위치를 찾습니다. 아마 "새로운 글쓰기 에디터" 라고 검색하면 나올 것 입니다.

      .tt_article_useless_p_margin > figure.imageblock span img {
      display: block !important;
      margin: 0 !important;
      outline: 1px solid #ccc !important;
      }

      이 괄호 안에 max-width: 100% !important; 를 추가하면 됩니다.

    • 2020.03.19 20:41

      비밀댓글입니다

  15. Favicon of https://kimsubs.com 의군 2020.03.20 22:14 신고

    앗.. 잘 사용하겠습니다. ^^
    바로 업데이트 해야겠네요.

  16. Favicon of https://neteye3.tistory.com Real.욱 2020.03.30 12:33 신고

    무료로 사용해도 되는건가요??

  17. Favicon of https://androman.tistory.com 인코딩 2020.03.31 20:46 신고

    친효스킨을 쓴 다음날부터 구글 검색이 늘었어요!!
    검색량을 떠나서 스킨 바꾼지 일주일 정도 지났는데 너무 만족중에요
    감사합니다:)

  18. Favicon of https://smorning.tistory.com 비와테 2020.03.31 23:51 신고

    친효스킨 덕분에 블로그 예쁘게 만들 수 있었습니다. 진심으로 감사드립니다...

  19. Favicon of https://mhousey.tistory.com mhousey 2020.04.04 14:24 신고

    안녕하세요. 스킨 너무너무 잘쓰고 있습니다.
    감사합니다.

    이미지를 올리면 테두리가 생기는데
    이건 어떻게 없앨 수 있나요?
    찾다찾다 못찾아서 문의 드립니다
    이미지 테두리 없애는 방법좀 알려주세요
    감사합니다. 꾸벅