화이클 그리드 목록에서 썸네일 크기 변경은 어떻게 하나요?

화이클 그리드 게시판 스킨에서

목록 썸네일이 너무 작습니다.

썸네일 그림 크기 변경은 어떻게 하나요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    KBoard 게시판은 테마에서 설정한 너비만큼 표시됩니다.

    KBoard 화이클 그리드 스킨은 게시글을 기본적으로 한 줄에 3개씩 표시합니다.

     

    최신 버전의 화이클 그리스 스킨을 사용하시면

    한 줄에 표시되는 게시글을 수를 설정하실 수 있습니다.

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 확장설정 탭에서

    PC 한 줄에 표시할 게시글 수 설정을 2개나 1개로 설정하시면

    한 줄에 표시되는 게시글의 수가 2개 또는 1개로 설정됩니다.

    그만큼 썸네일이 표시되는 영역이 늘어나게 됩니다.

     

    한 줄에 표시되는 게시글의 수를 기본 개수인 3개로 설정하고

    썸네일이 표시되는 영역이 늘어나게 하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보세요.

    #kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .grid-thumbnail { width: 40%; }

    위의 코드에서 숫자는 적절히 조절해보세요.

    위와 같이 적용하시면 썸네일의 크기가 늘어나고 게시글 정보나 다운로드 버튼이 잘릴 수도 있습니다.

     

    썸네일을 게시글을 감싸는 영역에 꽉 차게 표시되게 하시려면

    아래의 CSS 코드를 활용해보세요.

    #kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .item-background { display: block; }
    #kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .grid-thumbnail { display: block; width: 100%; }
    #kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap { display: block; }

     

    스킨 업데이트는

    워드프레스 관리자 -> 스토어 페이지에서 하실 수 있습니다.

    고맙습니다.

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