워드프레스 에디터에서 이미지크기 조절이 안됩니다.

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

 Kboard  글쓰기 에디터

 

2. 상세 내용

글쓰기 에디터에서 이미지를 첨부하고 드래그로 이미지 사이즈를 줄이면 에디터에서는 적용이 되는데 실제 게시물 저장 후 확인해보면 원본 사이즈가 보입니다.

 

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

 

 

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

 

 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • AI에 의해 자동 생성된 답변이에요 😀

    KBoard 글쓰기 에디터에서 이미지를 첨부하고 드래그로 크기를 조절했을 때, 에디터에서는 적용되지만 실제 게시물에서는 원본 크기로 보이는 문제는 KBoard의 기본 동작 방식 때문입니다. KBoard는 게시물 본문에 이미지를 삽입할 때 원본 이미지의 URL을 그대로 사용하며, 에디터에서 조절한 크기 정보는 HTML `width`와 `height` 속성으로 추가됩니다.

    하지만 일부 테마나 플러그인에서 CSS 스타일이 `width`와 `height` 속성보다 우선 적용되거나, 이미지 로딩 방식에 따라 에디터에서 설정한 크기 정보가 무시될 수 있습니다.

    이 문제를 해결하기 위한 몇 가지 방법이 있습니다:

    1. **KBoard 미디어 추가 기능 활용:**

    * KBoard 글쓰기 에디터의 '미디어 추가' 버튼을 클릭하여 이미지를 업로드하고 삽입할 때, '첨부파일 표시 설정'에서 '크기'를 '중간' 또는 '썸네일' 등으로 선택하여 삽입할 수 있습니다. 이렇게 하면 워드프레스에서 해당 크기로 이미지를 생성하여 삽입하므로, 원본 크기가 아닌 지정된 크기로 표시됩니다.

    2. **워드프레스 기본 이미지 편집 기능 활용:**

    * 미디어 라이브러리에 이미지를 업로드한 후, 해당 이미지를 클릭하여 '이미지 편집' 기능을 사용해 원본 이미지 자체의 크기를 조절할 수 있습니다. 이렇게 하면 KBoard 에디터에 삽입할 때부터 이미지가 원하는 크기로 표시됩니다.

    3. **KBoard 스킨 파일 수정 (고급):**

    * `plugins/kboard/skin/사용중인스킨/document.php` 파일에서 `kboard_content` 필드를 출력하는 부분에 `kboard_content_image_resize` 필터를 적용하여 이미지 크기를 강제로 조절할 수 있습니다.

    * 예시:

    ```php

    content); ?>

    ```

    * 이 필터는 KBoard 5.5 버전 이상에서 사용할 수 있으며, 이미지의 `width`와 `height` 속성을 기준으로 크기를 조절합니다.

    4. **CSS 스타일 조정:**

    * 사용 중인 테마의 `style.css` 파일이나 '사용자 정의 CSS'를 통해 KBoard 게시물 내 이미지에 대한 CSS를 추가하여 크기를 제어할 수 있습니다. 예를 들어, `max-width: 100%; height: auto;` 속성을 적용하여 이미지가 부모 요소의 너비를 넘지 않도록 할 수 있습니다.

    이러한 방법들을 시도하여 문제를 해결할 수 있습니다. 만약 특정 테마나 다른 플러그인과의 충돌이 의심된다면, 해당 테마나 플러그인의 설정을 확인하거나 비활성화하여 테스트해보는 것도 도움이 될 수 있습니다.

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

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요