겔러리 문의드립니다

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에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기