친절한효자손 취미생활

안녕하세요, 친절한효자손 입니다. 현재 새로운(신규) 글쓰기 에디터로 글을 작성할 때 이미지를 삽입하면 화면을 초과하여 잘리는 문제가 발생하고 있습니다. 확인해보니 이미지에 강제로 가로 사이즈가 적용되는 문제였습니다. max-width: 860px; 으로 860픽셀로 고정이 되기 때문에 모바일에서 볼 때는 화면이 잘려 보이게 되고 가로 스크롤바가 생깁니다. 따라서 해당 매소드만 제거하면 되지만, 문서를 일일히 다 수정 할 수는 없는 노릇이므로 CSS를 수정해야 합니다. 앞으로 배포될 친효스킨 1.17 버전에서는 이 문제가 해결되긴 했지만, 아직 배포는 멀었으니 다음의 방법대로 친효스킨의 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;

그러면 최종 완성형태는 이렇게 될 것 입니다.

 

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

그리고 저장을 눌러주시면 됩니다. 이제 새로운 글쓰기 에디터에서 이미지를 삽입해도 잘리는 일은 없을 것 이며, 이미지가 모두 반응형으로 동작하게 될 것 입니다. 티스토리가 이렇게 짜잘한 업데이트는 예고도 없이 하니까 참 언제 또 어떻게 바뀔지 모르겠군요. 앞으로 친효스킨을 사용하시면서 버그 및 문제점이 있다면 메일을 보내주시거나 댓글을 남겨주시면 확인 후 수정할 수 있도록 노력하겠습니다. 친효스킨을 사용해 주셔서 감사합니다. 끝.

 

 

 

당신을 위한 콘텐츠

이 글을 공유합시다

facebook twitter kakaoTalk kakaostory naver band

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

비밀글모드

  1. 어제부터 이상하다했습니다. 이미지를 300으로 변경하니 오류가 없더라구요. 항상 감사드립니다. 1.17버전 업데이트도 기대하겠습니다.^^
    2020.03.20 16:41 신고
    • 안녕하세요, 이 방법대로 수정하시면 되실겁니다. 감사합니다.
      2020.03.20 18:01 신고
  2. 빠른 피드백에 감사합니다^^무사히 수정했네요
    어제 새벽까지 혼자 쇼했네요 ㅋ
    2020.03.20 18:06 신고
  3. 어쩐지 이미지가 벗어나길래 자체 수정 해두긴 했는데 이렇게 가이드 주셔서 감사합니다
    2020.03.20 19:50 신고
  4. 안녕하세요. 오늘 스킨(v1.16)설치했는데 질문 좀 드려도 될까요?
    친효스킨에서 글쓰기 버튼을 클릭하면 구형에디터가 열립니다. 관리자모드에서 클릭하면 신형에디터가 정상적으로 열리는데요.
    설정에는 신형에디터를 사용합니다로 설정되어있구요.
    친효스킨에서도 신형에디터를 기본으로 열리도록 고칠수 있는 방법이 있을까요?
    2020.03.25 19:44 신고
    • 안녕하세요, https://rgy0409.tistory.com/3650 이 글을 참고하시면 될 것 같습니다. HTML에서 구형 글쓰기 에디터 주소를 신형으로 변경해주시거나 본문 내용대로 북마크에 둘 다 등록해서 편하게 사용할 수 있습니다.
      2020.03.26 02:09 신고
    • 답변 감사합니다
      혼자서 해결해보려고 찾다가 HTML소스를 고치게 되었습니다
      https://puleunhaneulkr.tistory.com/55

      스킨이 깔끔해서 좋습니다
      고맙게 잘 쓰겠습니다
      2020.03.26 12:30 신고