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;` 속성을 적용하여 이미지가 부모 요소의 너비를 넘지 않도록 할 수 있습니다.
이러한 방법들을 시도하여 문제를 해결할 수 있습니다. 만약 특정 테마나 다른 플러그인과의 충돌이 의심된다면, 해당 테마나 플러그인의 설정을 확인하거나 비활성화하여 테스트해보는 것도 도움이 될 수 있습니다.
↓ 아래 버튼을 눌러서 피드백해주세요.