<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[계층형 카테고리 문의]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/52555</link>
		<description><![CDATA[<p>https://imgur.com/yctZ3nx</p>

<p>이와같이 구현하고 싶어서 https://www.cosmosfarm.com/threads/document/20533 를 참고하였는데요</p>

<p>FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list-category-tree-tab.php 파일에 있는 코드를 아래의 코드로 교체한 뒤,</p>

<pre>
<code>&lt;div class="kboard-tree-category-search"&gt;
	&lt;form id="kboard-tree-category-search-form-&lt;?php echo $board-&gt;id?&gt;" method="get" action="&lt;?php echo $url-&gt;toString()?&gt;"&gt;
		&lt;?php echo $url-&gt;set('pageid', '1')-&gt;set('target', '')-&gt;set('keyword', '')-&gt;set('mod', 'list')-&gt;toInput()?&gt;
		
		&lt;input type="hidden" name="kboard_search_option[tree_category_1][key]" value="tree_category_1"&gt;
		&lt;input type="hidden" name="kboard_search_option[tree_category_1][value]" value="&lt;?php echo $board-&gt;tree_category-&gt;getCategoryNameWithDepth(1)?&gt;"&gt;
		&lt;input type="hidden" name="kboard_search_option[tree_category_2][key]" value="tree_category_2"&gt;
		&lt;input type="hidden" name="kboard_search_option[tree_category_2][value]" value="&lt;?php echo $board-&gt;tree_category-&gt;getCategoryNameWithDepth(2)?&gt;"&gt;
		
		&lt;div class="kboard-tree-category-wrap"&gt;
			&lt;?php $tree_category_list = $board-&gt;tree_category-&gt;getCategoryItemList()?&gt;
			&lt;div class="kboard-search-option-wrap-1 kboard-search-option-wrap type-tab"&gt;
				&lt;ul class="kboard-tree-category"&gt;
					&lt;li&lt;?php if(!$board-&gt;tree_category-&gt;getCategoryNameWithDepth(1)):?&gt; class="kboard-category-selected"&lt;?php endif?&gt;&gt;&lt;a href="#" onclick="return kboard_tree_category_search_all()"&gt;&lt;?php echo __('All', 'kboard')?&gt;&lt;/a&gt;&lt;/li&gt;
					&lt;?php foreach($tree_category_list as $item):?&gt;
					&lt;li&lt;?php if($board-&gt;tree_category-&gt;getCategoryNameWithDepth(1) == $item['category_name']):?&gt; class="kboard-category-selected"&lt;?php endif?&gt;&gt;
						&lt;a href="#" onclick="return kboard_tree_category_search_1dapth('&lt;?php echo $item['category_name']?&gt;')"&gt;&lt;?php echo $item['category_name']?&gt;&lt;/a&gt;
						
						&lt;?php
						$sub_tree_category_list = array();
						foreach($board-&gt;tree_category-&gt;tree_category as $sub_item){
							if($item['id'] == $sub_item['parent_id']){
								$sub_tree_category_list[] = $sub_item;
							}
						}
						?&gt;
						
						&lt;?php if($sub_tree_category_list):?&gt;
							&lt;ul class="sub-tree-category"&gt;
							&lt;?php foreach($sub_tree_category_list as $sub_item):?&gt;
								&lt;li&lt;?php if($board-&gt;tree_category-&gt;getCategoryNameWithDepth(2) == $sub_item['category_name']):?&gt; class="kboard-category-selected"&lt;?php endif?&gt;&gt;&lt;a href="#"  onclick="return kboard_tree_category_search_2dapth('&lt;?php echo $item['category_name']?&gt;', '&lt;?php echo $sub_item['category_name']?&gt;')"&gt;&lt;?php echo $sub_item['category_name']?&gt;&lt;/a&gt;&lt;/li&gt;
							&lt;?php endforeach?&gt;
							&lt;/ul&gt;
						&lt;?php endif?&gt;
					&lt;/li&gt;
					&lt;?php endforeach?&gt;
				&lt;/ul&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/form&gt;
&lt;/div&gt;

&lt;script&gt;
function kboard_tree_category_search_all(){
	jQuery('input[name="kboard_search_option[tree_category_1][value]"]').val('');
	jQuery('input[name="kboard_search_option[tree_category_2][value]"]').val('');
	return kboard_tree_category_search('1', '');
}
function kboard_tree_category_search_1dapth(category1){
	jQuery('input[name="kboard_search_option[tree_category_2][value]"]').val('');
	return kboard_tree_category_search('1', category1);
}
function kboard_tree_category_search_2dapth(category1, category2){
	jQuery('input[name="kboard_search_option[tree_category_1][value]"]').val(category1);
	return kboard_tree_category_search('2', category2);
}
&lt;/script&gt;</code></pre>

<p>CSS 코드도 추가를 해주었습니다</p>

<pre>
<code>#kboard-default-list .kboard-tree-category { overflow: visible; }
#kboard-default-list .kboard-tree-category&gt;li { position: relative;  }
#kboard-default-list .sub-tree-category { position: absolute; padding: 0; min-width: 200px; background-color: #f9f9f9; }
#kboard-default-list .sub-tree-category&gt;li { display: block; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-default-list .sub-tree-category&gt;li::before,
#kboard-default-list .sub-tree-category&gt;li::after { display: none; }
#kboard-default-list .sub-tree-category&gt;li&gt;a { font-weight: normal !important; border-bottom: 2px solid transparent !important; }
#kboard-default-list .sub-tree-category&gt;li.kboard-category-selected a { font-weight: bold !important; }
#kboard-default-list .kboard-tree-category&gt;li .sub-tree-category { display: none; }
#kboard-default-list .kboard-tree-category&gt;li:hover .sub-tree-category { display: block; }</code></pre>

<p> </p>

<p>그런데 https://imgur.com/a/AvGv3KU 이렇게 밖에 구현이 안되네요ㅠㅠ</p>

<p>뭐가 문제인지 알려주시면 감사하겠습니다 (default 스킨입니다)</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

KBoard 플러그인에서 계층형 카테고리의 기본 스타일은 스킨마다 다릅니다.

디폴트 스...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/52559</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>KBoard 플러그인에서 계층형 카테고리의 기본 스타일은 스킨마다 다릅니다.</p>

<p>디폴트 스킨에서는 계층형 카테고리 기본 레이아웃은 셀렉트 박스입니다.</p>

<p>탭 형식으로 교체하시려면</p>

<p>아래의 코드를 추가해보세요.</p>

<pre>
<code class="language-php">add_filter('kboard_skin_category_type', 'kboard_skin_category_type_20210506', 10, 3);
function kboard_skin_category_type_20210506($category_type, $board, $boardBuilder){
	if($board-&gt;id == '1'){ // 실제 게시판 id로 적용해주세요.
		$category_type = 'tree-tab';
	}
	return $category_type;
}</code></pre>

<p>위의 코드에서 $board-&gt;id == '1' 부분은 실제 게시판 id로 적용해보세요.</p>

<p> </p>

<p>테마의 functions.php 파일에 코드를 추가하거나 <a href="https://ko.wordpress.org/plugins/code-snippets/" target="_blank">Code Snippets</a> 플러그인을 사용해서 코드를 추가할 수 있습니다.</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Thu, 06 May 2021 05:28:06 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>