KBoard 카드 갤러리 게시판과 원더풀 제품소개 게시판 문의입니다.

안녕하세요~ 스레드님~~~ 

몇가지 여쭙고싶어서 글 남깁니다~~

1. KBoard 카드 갤러리 게시판(https://www.cosmosfarm.com/demo/kboard-card-gallery-skin/?pageid=1&mod=list)

 - 리스트페이지 상단에 카테고리에 각개의 카테고리별로 나눠놓을 수 있나요?(전체 카테고리가 다 보여지는거 같아서요.)

2. KBoard 원더풀 제품소개 게시판(https://www.cosmosfarm.com/demo/kboard-wonderful-product-skin/)

 - 뷰페이지에 다운로드버튼을 링크버튼으로 바꿀 수 있나요?

항상 감사합니다

 

 

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

    올려주신 질문의 1번과 2번 모두 이해가 잘 가지 않습니다.

    1:1 게시판이 아닌 공개된 커뮤니티라 내용을 자세하게 적어주셔야

    좋은 답변받을 확률이 높아집니다.

     

    1번의 경우에는 계층형 카테고리를 말씀하시는 건지요?

    KBoard 게시판에 계층형 카테고리는

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

    카테고리 사용을 활성화하신 후

    카테고리 선택을 계층형 카테고리로 사용하시면 이용 가능합니다.

    계층형 카테고리 설정은 계층형 카테고리 탭에서 설정하실 수 있습니다.

     

    2번 내용은 원더풀 제품소개 스킨 본문 페이지에서

    다운로드 버튼 태그를 <a> 태그로 교체하고 싶다는 말씀이신지요?

    좀 더 구체적인 상황을 설명해주시겠어요?

    고맙습니다.

  • 제 ftp접속기에 문제가 있는지 적용이 안되나보네요..

    너무 감사합니다~~

    근데 혹시 각 섬네일마다 링크주소를 바꿀 수 있나요?

  • KBoard 카드 갤러리 스킨에서 썸네일 클릭 시

    기본적으로 게시글 본문 페이지로 이동하고 있습니다.

    링크 주소를 바꾼다는 말은 어떤 건지요?

    좀 더 구체적으로 설명해주시겠어요?

    고맙습니다.

  • 안녕하세요~ 스레드님~

    기본적으로 게시글 본문 페이지로 이동하고 있지만, 섬네일마다 다른 사이트로 넘어갈 수 있게 가능한지요~

     

  • 각 게시글마다 다른 url을 설정하시려면

    입력 필드 및 kboard_url_document_uid 필터를 활용해주셔야 합니다.

    아래 관련 링크 참고 부탁드립니다.

    https://www.cosmosfarm.com/threads/document/29018
    https://www.cosmosfarm.com/threads/document/32081

    고맙습니다.

  • 안녕하세요. 스레드님..

    http://itmedia.youngnak.net/vod-content/

    적용을 위해서 케이보드5.8로 업그레이드 했습니다.

    1. 새창으로 열리게는 된 것 같은데 링크 넘기는걸 어디서 어떻게 설정해줘야 하는지 모르겠어요.

     

     

  • 제목 클릭 시 설정한 링크로 이동되게 하시려면

    우선, 링크를 입력할 수 있는 입력 필드를 새로 생성해 주셔야 합니다.

    그리고 kboard_url_document_uid 필터를 통해 추가한 링크 입력 필드에

    값이 있다면 해당 페이지로 이동하도록 주소를 변경해주시면 됩니다.

     

    이전 댓글에 안내해드린 링크들을 참고 부탁드립니다.

     

    직접 코드를 수정하시는 게 어려우시다면

    프로젝트 의뢰에 상세 내용을 등록해보시겠어요?

    https://www.cosmosfarm.com/project

    고맙습니다.

  • 안녕하세요!! 스레드님!! 

    적용했어요!! 입력필드에서 좀 헤맸네요...

    너무 감사합니다!!

    근데 문제점이 있는데..

    수정과 삭제기능이 안보이네요~

  • 말씀하신 수정과 삭제 기능은 어떤 것을 말씀하시는 건지요?

    1:1 게시판이 아닌 공개된 커뮤니티라

    내용을 상세하게 올려주셔야 좋은 답변받을 확률이 높아집니다.

    고맙습니다.

  • 카드 갤러리 게시판 구매하여 섬네일 클릭 시 게시판 본문으로 넘어가지 않고 새창으로 링크띄우는 방식으로 커스텀했는데,

    문제는 수정 및 삭제할 수 있는 부분이 안보이네요...

     

     

  • KBoard 게시판은 게시글 본문 페이지에서 글수정, 글삭제를 하실 수 있습니다.

    게시글 클릭 시 다른 페이지로 이동하게 하셨다면

    게시글 목록 페이지에서 글수정, 글삭제 버튼을 추가해주셔야 할 듯합니다.

    카드 갤러리 스킨은

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

    아래의 코드로 글수정, 글삭제 버튼을 표시하고 있습니다.

    <?php if($content->isEditor() || $board->permission_write=='all'):?>
    <div class="right">
    	<a href="<?php echo $url->getContentEditor($content->uid)?>" class="kboard-card-gallery-button-small"><?php echo __('Edit', 'kboard')?></a>
    	<a href="<?php echo $url->getContentRemove($content->uid)?>" class="kboard-card-gallery-button-small" onclick="return confirm('<?php echo __('Are you sure you want to delete?', 'kboard')?>');"><?php echo __('Delete', 'kboard')?></a>
    </div>
    <?php endif?>

    위의 코드를 활용하여 list.php 파일 적당한 위치에 추가해보시겠어요?

    고맙습니다.

  • 저희 고객지원 쪽 이메일로 보내주신 정보로 확인해보니

    /wp-content/plugins/kboard/skin/card-gallery/list-category-default.php 파일이 정상적으로 수정되지 않았습니다.

     

    현재는 저희 쪽에서 이전 댓글에 안내해드린 코드를 적용해둔 상태이며

    기존 list-category-default.php 파일의 코드는 하단부에 주석 처리해두었습니다.

    실제 페이지에서 탭 형식으로 표시됩니다.

    확인해보시겠어요?

    고맙습니다.

  • 파일 수정 후 업로드해서 덮어쓰기 해주셨는지요?

    만약, 덮어쓰기 했는데도 적용되지 않는다면

    저희 고객지원 쪽 이메일로 워드프레스 관리자 계정과 FTP 접속 정보를 보내주시면 점검해드리겠습니다.

    고맙습니다.

  • 설명이 부족했네요. 필요한 스킨을 알아보고 있는중에 있는데 카드 갤러리랑 원더풀 프로젝트 스킨에 대해 궁금한게 있어서 여쭤보는거예요. 해결되면 구매해서 사용하려구요.

    1. 카드 갤러리 게시판 리스트페이지에서 계층형 카테고리가 개별로 보여지게 하고싶은거예요. 예를들면, https://imgur.com/vaNrnBu 

    2. 네. 맞습니다. 버튼을 태그로 넣는거라면 <a>링크를 쓰면 되겠네요. 혹시, 고정으로 다운로드 버튼 태그로 되어있는거라면 <a>링크로 가능하게 변경가능할까요?

     

  • 1. KBoard 플러그인에서 계층형 카테고리를 지원하는 스킨에서

    kboard_skin_category_type 필터를 사용하시면

    계층형 카테고리 스타일을 탭 형식이나 드롭다운 형식으로 변경하실 수 있습니다.

     

    탭 형식으로 표시하시려면

    워드프레스 관리자 -> 외모(테마 디자인) -> 테마 편집기 페이지에서 functions.php 파일 하단에

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

    add_filter('kboard_skin_category_type', 'kboard_skin_category_type_20201007', 10, 3);
    function kboard_skin_category_type_20201007($category_type, $board, $boardBuilder){
    	if($board->id == '1'){ // 실제 게시판 id로 적용해주세요.
    		$category_type = 'tree-tab';
    	}
    	return $category_type;
    }

    위의 코드에서 $board->id == '1' 부분은 실제 게시판 id로 적용해주세요.

     

    2. 원더풀 제품소개 스킨 게시글 본문 페이지에서 다운로드 버튼은

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

    아래의 코드로 표시하고 있습니다.

    <?php if($content->isAttached()):?>
    <div class="kboard-attach">
    	<?php foreach($content->getAttachmentList() as $key=>$attach):?>
    	<button type="button" class="kboard-button-download kboard-wonderful-product-cut-strings" onclick="window.location.href='<?php echo $url->getDownloadURLWithAttach($content->uid, $key)?>'" title="<?php echo sprintf(__('Download %s', 'kboard'), $attach[1])?>"><?php echo $attach[1]?></button>
    	<?php endforeach?>
    </div>
    <?php endif?>

     

    아래의 코드를 찾아서

    <button type="button" class="kboard-button-download kboard-wonderful-product-cut-strings" onclick="window.location.href='<?php echo $url->getDownloadURLWithAttach($content->uid, $key)?>'" title="<?php echo sprintf(__('Download %s', 'kboard'), $attach[1])?>"><?php echo $attach[1]?></button>

    아래의 코드로 교체하시면 <a> 태그로 교체하실 수 있습니다.

    <a href="<?php echo $url->getDownloadURLWithAttach($content->uid, $key)?>" class="kboard-button-download kboard-wonderful-product-cut-strings" title="<?php echo sprintf(__('Download %s', 'kboard'), $attach[1])?>"><?php echo $attach[1]?></a>

     

    버튼 태그를 <a> 태그로 교체하시는 건 레이아웃 깨짐이나 제대로 동작하지 않는 이유인지요?

    만약, 저희가 잘못 이해하고 있는 거라면 좀 더 설명해주시겠어요?

    고맙습니다.

  • 안녕하세요~ 스레드님~~^^

    카드 갤러리 게시판 구매하여 설치해서 테스트하고 있는중인데요

    1. 데모게시판 토대로해서 섬네일이미지를 작업했어요~ 근데 실질적으로 데모게시판사이즈와 틀린가보네요? 섬네일사이즈 작게할 수 있는 방법이 없을까요?(https://imgur.com/6tMWdGe)

    2. https://imgur.com/6tMWdGe 보시면 카테고리를 각 하나씩 옆으로 나열할 수 있는 방법을 알려주세요~

     

  • 안녕하세요~^^

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

    그렇기 때문에 저희 데모 페이지에서 적용된 게시판과

    실제 테마에 적용한 게시판의 크기가 다를 수 있습니다.

    썸네일 사이즈를 작게 하시려면 각 게시글의 너비를 줄여서 한 줄에 표시되는 게시글의 수를 늘리거나

    테마 쪽의 최대 너비 조절 및 게시판에서만 너비를 설정하는 방법 등이 있습니다.

    어떤 식으로 썸네일을 작게 하고 싶으신 건지 좀 더 구체적으로 설명해주시겠어요?

     

    2. 카드 갤러리 스킨에서 카테고리를 탭 형식으로 교체하는 건

    사용 중이신 카테고리 형식에 따라 다릅니다.

    기본 카테고리와 계층형 카테고리 중 어느 카테고리를 사용 중이신지요?

    PC와 모바일 모두 탭 형식으로 표시하고 싶으신 건지

    PC에서만 탭 형식으로 표시하고 싶으신 건지도 알려주시겠어요?

    고맙습니다.

  • 1. 왠만하면 테마쪽은 건드리고싶지 않아서 게시판쪽에서 너비수정이 가능했으면 좋겠어요.. 

    예를들면 기본 섬네일 사이즈가 330*160이라면 너비만 조절된 311*160으로요~

    2. 계층형 카테고리로 했다가 한 곳에서만 보여서 기본 카테고리로 설정을 하였고 제가 보여지게 하고 싶은건 

    전체보기, 말씀 묵상, 온라인 교육과정(나열식이라고 해야할까요..?)인데 그렇게되면 나중에 다른걸 추가해야할 때 기본 카테고리에서는 추가가 안되는거 같은데 맞나요?

    물론, PC와 모바일 모두 적용해야하는거구요~

  • 1. KBoard 플러그인 kboard_content_get_thumbnail_size 필터를 활용하시면

    페이지 로딩 시 불러오는 이미지 사이즈 크기를 조절하실 수 있습니다.

    워드프레스 관리자 -> 외모(테마 디자인) -> 테마 편집기 페이지에서 functions.php 파일 하단에

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

    add_filter('kboard_content_get_thumbnail_size','kboard_content_get_thumbnail_size_20201013', 10, 2);
    function kboard_content_get_thumbnail_size_20201013($size, $content){
        $board = $content->getBoard();
        if($board->id == '1'){ // 실제 게시판 id로 적용해주세요.
            $size = array('width'=>'311', 'height'=>'160');
        }
        return $size;
    }

    위의 코드에서 $board->id == '1' 부분은 실제 게시판 id로 적용해주세요.

    311 부분은 너비 크기이며 160 부분은 높이 크기입니다.

     

    아래의 CSS 코드를 활용하시면 게시판 최대 너비를 설정하실 수 있습니다.

    #kboard-card-gallery-list { margin: 0 auto; max-width: 900px; }

    위의 코드에서 900 부분의 수치를 변경하시면 게시판 최대 너비도 변경됩니다.

     

    2. 말씀하신 것처럼 전체보기, 말씀 묵상, 온라인 교육과정으로 카테고리를 구분하시려면

    카테고리1 기능만으로도 가능합니다.

    현재는 셀렉트 박스로 되어 있기 때문에 카테고리1에 말씀 묵상, 온라인 교육과정으로 적용하시면

    셀렉트 박스 안에 해당 카테고리들이 표시됩니다.

     

    카드 갤러리 스킨에서 PC와 모바일 모두 기본 카테고리를 탭 형식으로 표시되게 하시려면

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list-category-default.php 파일의 내용을

    아래의 코드로 교체해보세요.

    <div class="kboard-category">
    	<?php if($board->initCategory1()):?>
    		<ul class="kboard-category-list">
    			<li<?php if(!kboard_category1()):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category1', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>"><?php echo __('All', 'kboard')?></a></li>
    			<?php while($board->hasNextCategory()):?>
    			<li<?php if(kboard_category1() == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>>
    				<a href="<?php echo $url->set('category1', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a>
    			</li>
    			<?php endwhile?>
    		</ul>
    	<?php endif?>
    	
    	<?php if($board->initCategory2()):?>
    		<ul class="kboard-category-list">
    			<li<?php if(!kboard_category2()):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category2', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>"><?php echo __('All', 'kboard')?></a></li>
    			<?php while($board->hasNextCategory()):?>
    			<li<?php if(kboard_category2() == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>>
    				<a href="<?php echo $url->set('category2', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a>
    			</li>
    			<?php endwhile?>
    		</ul>
    	<?php endif?>
    </div>

     

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

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

    #kboard-card-gallery-list .kboard-category { float: left; padding-bottom: 15px; width: 100%; }
    #kboard-card-gallery-list .kboard-category .kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
    #kboard-card-gallery-list .kboard-category .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
    #kboard-card-gallery-list .kboard-category .kboard-category-list li::before,
    #kboard-card-gallery-list .kboard-category .kboard-category-list li::after { display: none; }
    #kboard-card-gallery-list .kboard-category .kboard-category-list li a { display: block; padding: 10px 10px 8px 10px; font-size: 13px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
    #kboard-card-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
    
    @media screen and (max-width: 600px) {
    	#kboard-card-gallery-list .kboard-category { text-align: left; }
    }

    고맙습니다.

  • 감사합니다.

    1번은 해결되었어요~

    2번은 수정했는데 적용이 안되네요 http://www.youngnak.net/vod-content/

    3. 게시글 클릭하면 다른사이트로 넘어가게 할 수 있나요?

    4.리스트 내용에 <p>태그가 안먹는 것 같아요. 

     

  • 올려주신 페이지 주소로 확인해보니 계층형 카테고리가 적용되어 있습니다.

    이전 댓글에 안내해드린 코드는 계층형 카테고리가 아닌 기본 카테고리를 탭 형식으로 교체하는 방법입니다.

     

    기본 카테고리의 카테고리를 탭 형식으로 표시하고 싶으신 게 아니신지요?

    계층형 카테고리 적용 시 탭 형식으로 적용하는 방법은

    아래 링크를 참고해보세요.

    https://www.cosmosfarm.com/threads/document/40443

     

    KBoard 게시글 클릭 시 특정 사이트로 이동되게 하는 건

    입력 필드와 kboard_url_document_uid 필터를 활용하시면 가능합니다.

    아래 관련 링크를 참고 부탁드립니다.

    https://www.cosmosfarm.com/threads/document/32081

    고맙습니다.

  • 안녕하세요~ 스레드님~

    알려주신대로

    1. list-category-default.php 파일 수정을 했는데 적용이 안되네요...  셀렉트박스 없이 옆으로 나열되는 식으로요..

    2. 모바일에서 카테고리가 안보여요.

    http://www.youngnak.net/vod-content/

     

  • 1. 실제 사용 중인 스킨을 수정하신 게 맞는지요?

    이전 댓글에 안내해드린 코드를 적용하면

    셀렉트 형식이 아닌 탭 형식으로 표시되어야 합니다.

    카테고리 형식을 기존 <select> 태그에서 <ul> 태그로 교체했기 때문입니다.

     

    2. 모바일에서 카테고리가 표시되지 않는 건

    크롬 브라우저 개발자 도구(F12)로 확인해보니

    아래와 같은 코드가 있습니다.

    /* 모바일 주보, 교회소식, 게시판*/
    @media all and (max-width:767px) {
        .kboard-category {
            display: none;
        }
    	...
    }

    해당 코드는 직접 추가하신 듯한데요.

    해당 코드를 적용하시면 모바일 화면에서 카테고리가 표시되지 않습니다.

    모바일에서 카테고리를 표시해야 된다면 해당 코드를 지워보시겠어요?

    고맙습니다.

  • 1. 경로라면 https://imgur.com/PmAAlR6, 제대로 수정했는데 적용이 안되네요....

    2. 네. 확인 감사합니다..ㅜ 

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