썸머노트에디터 이미지 비율 적용안됨

1. 정확한 제품 또는 플러그인 이름

게시판 스킨 : thumnail

글 작성 에디터 : 썸머노트 에디터

 

2. 상세 내용

https://imgur.com/a/vFD1DUN

게시글에 이미지를 업로드하고나서 이미지 크기를 줄이려고  25% 크기로 변경 버튼을 눌렀는데, 작성화면에서는 이미지 크기가 줄어든것처럼 보이지만 실제 화면에서는 원본 크기의 이미지로 보입니다. 

해결방법 알려주세요.

 

3. 확인 가능한 상세 페이지 주소

 

 

4. 수정한 코드 내역 (있다면)

 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • AI에 의해 자동 생성된 답변이에요 😀

    KBoard 썸머노트 에디터에서 이미지 크기 조절이 본문에 반영되지 않는 현상은 에디터에서 설정한 스타일 값이 테마나 게시판의 CSS에 의해 무시되기 때문에 발생합니다.

    해결을 위해 아래의 방법들을 순서대로 확인해 보시기 바랍니다.

    1. KBoard 최신 버전 업데이트

    - 코스모스팜 공식 홈페이지나 GitHub에서 KBoard 게시판과 댓글 플러그인을 최신 버전으로 업데이트하세요.

    - 최신 버전에서는 썸머노트 에디터의 이미지 리사이징 관련 기능이 개선되어 포함되어 있습니다.

    2. 테마 CSS 충돌 확인 및 수정

    - 사용 중인 테마에서 모든 이미지의 크기를 강제로 100%로 고정하고 있을 수 있습니다.

    - 워드프레스 관리자 페이지 -> 외모 -> 사용자 정의하기 -> 추가 CSS에 아래 코드를 입력해 보세요.

    .kboard-content .content-view img {

    display: inline-block;

    max-width: 100%;

    height: auto;

    }

    3. 썸머노트 에디터 특성 확인

    - 썸머노트 에디터는 이미지를 base64 인코딩 방식으로 본문에 직접 삽입하는 경우가 많습니다.

    - 이 경우 데이터 크기가 커지면 설정값이 정상적으로 저장되지 않을 수 있으므로, 가급적 이미지 업로드 기능을 통해 삽입하는 것을 권장합니다.

    4. 스킨 파일 직접 수정 (고급)

    - thumbnail 스킨의 document.php 파일 내 본문 출력 부분에 이미지 크기를 제한하는 스타일이 있는지 확인이 필요합니다.

    위 방법으로 해결되지 않는다면, 사용 중인 테마의 이름과 함께 코스모스팜 커뮤니티에 문의하여 구체적인 CSS 가이드를 받는 것이 가장 정확합니다.

    ↓ 아래 버튼을 눌러서 피드백해주세요.

  • 안녕하세요~^^

    확인해보니 썸머노트 에디터에서 이미지를 클릭한 뒤 25% 크기 변경 버튼을 누르면, 실제 게시글 보기 화면에서도 이미지 크기가 정상적으로 줄어드는 것으로 확인됩니다.

    따라서 KBoard 기본 기능 문제라기보다는 고객님 사이트의 테마 CSS, 캐시/최적화 플러그인, 보안 플러그인 또는 HTML 필터 설정 등에 의해 이미지 크기 속성이 무시되거나 제거되는 상황일 수 있습니다.

    먼저 아래 내용을 확인해 주세요.

     

    1.문제가 발생한 게시글 보기 화면에서 이미지 태그에 style="width:25%;" 또는 width="25%" 값이 남아 있는지 확인

    2.캐시 플러그인 또는 CDN 캐시 삭제 후 재확인

    3.테마 또는 추가 CSS에서 게시글 본문 이미지에 width:100% !important; 같은 스타일이 적용되어 있는지 확인

    4.다른 테마로 잠시 변경했을 때 동일한 문제가 발생하는지 확인

     

    만약 가능하시다면 문제가 발생하는 게시글 URL, KBoard 버전, 사용 중인 테마명, 캐시/최적화 플러그인 사용 여부를 함께 알려주시면 더 정확히 확인해보겠습니다.

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기