안녕하세요~^^

말씀하신 탭은 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; }

고맙습니다.