코스모스팜 스레드

겔러리 문의드립니다

https://www.cosmosfarm.com/demo/kboard-ocean-gallery-skin/

오션 겔러리 상단에

전체 사진 뉴스 텝으로 분류해서 겔러리 정리가 되어있는데 이부분을 사이드 홈페이지 사이드 매뉴로 뺄수가 있나요?

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    말씀하신 탭은 KBoard 플러그인에서 카테고리1 기능입니다.

    별도로 사이드 바에 추가할 수 있도록 지원하지 않고 있지만

    사이드 바 영역에 숏코드로 카테고리1을 표시할 수 있는 코드를 작성해봤습니다.

     

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

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

    add_shortcode('my_kboard_category1', 'my_kboard_category1');
    function my_kboard_category1($atts=array()){
    	$html = '';
    	
    	ob_start();
    	?>
    	<div class="kboard-category-shortcode">
    		<div class="kboard-category">
    			<ul class="kboard-category-list list-unstyled">
    				<li<?php if(!kboard_category1()):?> class="kboard-category-selected"<?php endif?>><a href="게시판주소/?pageid=1&category1=자유게시판&mod=list">전체</a></li>
    				<li<?php if(kboard_category1() == '사진'):?> class="kboard-category-selected"<?php endif?>>/ <a href="게시판주소/?pageid=1&category1=사진&mod=list">사진</a></li>
    				<li<?php if(kboard_category1() == '뉴스'):?> class="kboard-category-selected"<?php endif?>>/ <a href="게시판주소/?pageid=1&category1=뉴스&mod=list">뉴스</a></li>
    				<li<?php if(kboard_category1() == '새로운소식'):?> class="kboard-category-selected"<?php endif?>>/ <a href="게시판주소/?pageid=1&category1=새로운소식&mod=list">새로운소식</a></li>
    			</ul>
    		</div>
    	</div>
    	
    	<?php
    	$html = ob_get_clean();
    	
    	return $html;
    }

    위의 코드에서 게시판주소 부분에는 실제 해당 게시판 설치된 주소로 교체해보세요.

    사진, 뉴스, 새로운소식은 실제 카테고리1로 적용해보세요.

     

    KBoard 플러그인에서 카테고리1 기능을 사용하시려면

    워드프레스 관리자 -> KBaord -> 게시판 목록 -> 게시판 선택 -> 기본설정 페이지에서

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

    카테고리1 입력 필드에 사진, 뉴스, 새로운소식 이런 식으로 입력해보세요.

    그 다음, 변경 사항 저장 버튼을 눌러보세요.

     

    실제 디자인도 오션 갤러리처럼 적용하시려면

    워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에

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

    .kboard-category-shortcode .kboard-category .kboard-category-list { clear: both; float: left; margin: 5px 0; padding: 0; width: 100%; list-style: none; background-color: #f8f8f8; border: 1px solid #e8eaec; border-left: 0; border-right: 0; line-height: 40px; }
    .kboard-category-shortcode .kboard-category .kboard-category-list li { float: left; margin: 0; padding: 0 0 0 5px; color: #747474; font-size: 14px; }
    .kboard-category-shortcode .kboard-category .kboard-category-list li:first-child { padding-left: 20px; }
    .kboard-category-shortcode .kboard-category .kboard-category-list li a { color: #747474; text-decoration: none; }
    .kboard-category-shortcode .kboard-category .kboard-category-list li.kboard-category-selected a { color: #1a80b6; font-weight: bold; }

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)