콘텐츠몰 커스터마이징 관련하여 질문을 드립니다.

안녕하세요.
모든 글들에 정성스런 답변을 주시는 것 같아 감사드립니다.

퍼스트 콘텐츠몰을 커스터마이징하는 방법을 문의드립니다.

2가지 인데요,

#1
썸네일 사이즈는 이미지에 따라 자동으로 설정되나요? width 기준으로 조정이 되는지요?
별도 수정도 가능할까요?

#2
리스트를 클릭했을 때 나타나는 페이지에서,
썸네일 이미지 옆의 판매자, 사용기간, 업데이트 날짜를 지우고
별도의 텍스트를 삽입하고 싶습니다.
+ 구매하기 버튼의 위치와 색상도 수정하고 싶습니다.

#기타
콘텐츠몰 상품등록시의 에디터에서 페이지빌더를 사용하고 싶은데 나타나지 않네요.
WPBakery Page Builder를 사용하고 있습니다.

답변 기다리겠습니다. 감사합니다.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    1. KBoard 퍼스트 콘텐츠몰 스킨의 썸네일 이미지 크기가 자동으로 조절되도록 만들어졌기 때문에

    사용하시는 테마에 따라서 이미지 크기가 다르게 표시됩니다.

     

    로딩되는 이미지 크기를 변경하시려면

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list-gallery-style.php 파일에

    아래의 코드를 모두 찾아보시겠어요?

    $content->getThumbnail(500, 281)

    숫자는 가로 세로 픽셀 사이즈입니다.

    숫자를 적절히 수정해보시겠어요?

     

    2. 상품 상세 페이지에서 표시되는 판매자, 사용기간, 업데이트는

    /wp-content/plugins/kboard/skin/사용중인스킨/document.php 파일에

    아래의 코드를 찾아서

    <dt><?php echo __('Seller', 'kboard')?></dt>
    <dd><?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?></dd>
    
    <dt><?php echo __('Period of use', 'kboard')?></dt>
    <dd><?php echo kboard_first_contents_mall_period_display($content->option->download_expiry)?></dd>
    
    <dt><?php echo __('Last updated', 'kboard')?></dt>
    <dd><?php echo date('Y-m-d', strtotime($content->update))?></dd>

    아래의 코드처럼 교체해보시겠어요?

    <dt>이곳에 새로운 문구를</dt>
    <dd>추가해주세요.</dd>

    위의 문구는 적절히 수정해주세요.

     

    구매하기 버튼 색상을 변경하시려면

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

    아래의 코드를 추가해보시겠어요?

    #kboard-first-contents-mall-document .kboard-document-header .kboard-document-detail .kboard-document-detail-button button.kboard-first-contents-mall-button-order { background: black; box-shadow: 0 2px 0 gray; }

     

    KBoard(케이보드) 게시판 버튼 색상 변경 방법도 참고 부탁드립니다.

    위치는 어느 부분에 표시하고 싶으신지 알려주시겠어요?

     

    3. KBoard 플러그인에서 글 작성 시 에디터는

    textarea와 워드프레스 내장 에디터를 사용하고 있습니다.

    WPBakery Page Builder 플러그인과 연동할 수 있을지 연구해보겠습니다.

    고맙습니다.

  • 정확하고 정성스러운 답변 너무 감사드립니다 ^^

    버튼 위치는 가운데에 위치시키고 싶은데, margin:auto 로 조정하면 될까요?
  • 구매하기 버튼을 가운데에 표시하시려면

    아래의 코드도 추가해보시겠어요?

    #kboard-first-contents-mall-document .kboard-document-header .kboard-document-detail .kboard-document-detail-button { text-align: center; }

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기