1. 정확한 제품 또는 플러그인 이름
기본 게시판 default 스킨입니다
2. 상세 내용
6.7.1 업데이트 후 게시판 너비가 커져서 워드프레스 홈페이지 폭 너비에 맞지 않습니다.
3. 확인 가능한 상세 페이지 주소
4. 수정한 코드 내역 (있다면)
AI에 의해 자동 생성된 답변이에요 😀
KBoard 6.7.1 업데이트 이후 게시판 너비가 홈페이지 레이아웃과 맞지 않는 문제는 CSS 코드를 통해 조정하실 수 있습니다.
KBoard 게시판은 기본적으로 테마에서 설정한 최대 너비만큼 표시되도록 설계되어 있으나, 업데이트 후 디자인이 어긋난 경우 아래의 방법을 적용해 보시기 바랍니다.
조정 방법
1. 관리자 페이지 접속
워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> 추가 CSS 메뉴로 이동합니다.
(또는 KBoard -> 대시보드 페이지의 커스텀 CSS 입력 필드를 사용하셔도 됩니다.)
2. CSS 코드 추가
아래의 코드를 복사하여 입력 필드에 추가해 주세요.
#kboard-default-list,
#kboard-default-document,
#kboard-default-editor {
display: block;
margin: 0 auto;
width: 100%;
max-width: 1200px;
}
· width: 100%는 부모 요소의 너비를 꽉 채우게 합니다.
· max-width: 1200px 부분의 수치를 현재 홈페이지의 콘텐츠 폭(예: 1100px, 1000px 등)에 맞춰 적절히 수정해 보세요.
· margin: 0 auto는 게시판을 화면 중앙에 정렬합니다.
3. 모바일 대응 (선택 사항)
모바일 기기에서는 너비를 100%로 유지하고 싶다면 아래 코드를 함께 추가해 주세요.
@media screen and (max-width: 600px) {
#kboard-default-list,
#kboard-default-document,
#kboard-default-editor {
width: 100%;
}
}
참고 사항
· 캐시 삭제: CSS 수정 후에는 브라우저의 캐시를 비우고 확인해 주세요. (크롬 강력 새로고침: Ctrl + Shift + R)
· 페이지 템플릿 확인: 만약 특정 페이지에서만 너비가 넓게 나온다면, 해당 페이지 편집 화면에서 페이지 템플릿 설정이 기본 템플릿으로 되어 있는지 확인해 보시기 바랍니다.
문제가 지속될 경우 사용 중인 테마의 전체 폭 설정값을 확인해 보시는 것이 좋습니다.
↓ 아래 버튼을 눌러서 피드백해주세요.