KBoard 다운로드 스킨에서 카테고리 검색이 되지 않는 문제를 개선하여 업데이트했습니다.

스킨을 업데이트해보시겠어요?

스킨 업데이트는 워드프레스 관리자 -> 스토어 페이지에서 할 수 있습니다.

default 스킨의 카테고리 레이아웃으로 표시하시려면

스킨 파일을 수정해주셔야 합니다.

기존의 스킨을 복사해서 작업을 진행해주세요.

1. FTP로 접속해서 /wp-content/plugins/kboard/skin/download/list-category-default.php 파일에 코드를

아래의 코드로 교체해보시겠어요?

<div class="kboard-category category-mobile">
	<form id="kboard-category-form-<?php echo $board->id?>" method="get" action="<?php echo $url->toString()?>">
		<?php echo $url->set('pageid', '1')->set('category1', '')->set('category2', '')->set('target', '')->set('keyword', '')->set('mod', 'list')->toInput()?>
		
		<?php if($board->initCategory1()):?>
			<select name="category1" onchange="jQuery('#kboard-category-form-<?php echo $board->id?>').submit();">
				<option value=""><?php echo __('All', 'kboard')?></option>
				<?php while($board->hasNextCategory()):?>
				<option value="<?php echo $board->currentCategory()?>"<?php if(kboard_category1() == $board->currentCategory()):?> selected<?php endif?>><?php echo $board->currentCategory()?></option>
				<?php endwhile?>
			</select>
		<?php endif?>
		
		<?php if($board->initCategory2()):?>
			<select name="category2" onchange="jQuery('#kboard-category-form-<?php echo $board->id?>').submit();">
				<option value=""><?php echo __('All', 'kboard')?></option>
				<?php while($board->hasNextCategory()):?>
				<option value="<?php echo $board->currentCategory()?>"<?php if(kboard_category2() == $board->currentCategory()):?> selected<?php endif?>><?php echo $board->currentCategory()?></option>
				<?php endwhile?>
			</select>
		<?php endif?>
	</form>
</div>

<div class="kboard-category category-pc">
	<?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>

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

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

#kboard-download-list .kboard-category { width: 100%; }
#kboard-download-list .kboard-category.category-mobile { display: none; }
#kboard-download-list .kboard-category.category-pc { display: block; }
#kboard-download-list .kboard-category .kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-download-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-download-list .kboard-category .kboard-category-list li::before,
#kboard-download-list .kboard-category .kboard-category-list li::after { display: none; }
#kboard-download-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-download-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-download-list .kboard-category.category-mobile { display: block; }
	#kboard-download-list .kboard-category.category-pc { display: none; }
}

고맙습니다.