게시판 카테고리 선택자 한 줄로 만들기

안녕하세요

워드프레스 게시판 K보드 사용중입니다.

기본 스킨에서 카테고리1,2 두 개를 사용중인데, 이 카테고리들의 선택자가 카테고리1, 카테고리2 두 줄로 표시가 됩니다.

이렇게 두줄로 표시되는 것을 한 줄로 표현하고 싶습니다.

감사합니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    게시판 스킨의 list.php 파일을 수정해주셔야합니다.

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일을 수정해주세요.

     

    먼저 아래 코드를 스킨의 list.php 파일에서 찾아주세요.

    <?php if($board->use_category == 'yes'):?>
    <!-- 카테고리 시작 -->
    <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>
    <!-- 카테고리 끝 -->
    <?php endif?>

     

    그 다음 찾은 코드를 아래 코드로 교체해주세요.

    <?php if($board->use_category == 'yes'):?>
    <!-- 카테고리 시작 -->
    <div class="kboard-category">
    	<ul class="kboard-category-list">
    		<li<?php if(!kboard_category1() && !kboard_category2()):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category1', '')->set('category2', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>"><?php echo __('All', 'kboard')?></a></li>
    		<?php if($board->initCategory1()):?>
    			<?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('category2', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a>
    			</li>
    			<?php endwhile?>
    		<?php endif?>
    		<?php if($board->initCategory2()):?>
    			<?php while($board->hasNextCategory()):?>
    			<li<?php if(kboard_category2() == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>>
    				<a href="<?php echo $url->set('category1', '')->set('category2', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a>
    			</li>
    			<?php endwhile?>
    		<?php endif?>
    	</ul>
    </div>
    <!-- 카테고리 끝 -->
    <?php endif?>

     

    파일을 수정하실 땐 전문 에디터인 Notepad++를 사용해서 수정하시길 추천드립니다.

    무료이며 한글도 지원하고 있습니다.

    https://notepad-plus-plus.org/

     

    어떻게 사용하고 계신지,

    확인 가능한 페이지 주소도 알려주시겠어요?

    KBoard를 더욱 편리하게 만들기 위해서 연구해보겠습니다~

    고맙습니다.

  • 빠른 답변 감사합니다.

    지금 사이트구축 중인데 완료되면 링크를 걸어서 보여드리겠습니다 :)

    제가 드린 질문을 다시 읽어보니 오해하기 딱 좋게 써놔서 그 질문에 대한 답변으로는 완벽한 답변을 주셨습니다.

    그런데 제가 원래 드리려고 했던 질문은 selector 2개가 종방향으로 배치되는 것을 횡방향으로  2개를 독립적으로 한줄의 반씩 배치하여 selector 2개를 한 줄로 표시했으면 하는 것이었습니다. 지금 주신 답변은 selector 두 개가 한 개로 완전히 통합되는 것으로 보입니다.

    제가 카테고리 PC버전을 카테고리 모바일 버전처럼 리스트 방식으로 바꾸었습니다. 그런데  PC에서 보기에 selector 를 두 줄로 배치하면 한줄이 너무 길게 되어서 보기가 안좋아서, selector 2개를 1줄에 반씩 써서 배치하면 보기에 더 좋을 것 같아서 질문을 드렸습니다. CSS 등을 건드려봤는데 잘 안되서 질문을 드린 것인데 제가 질문을 애매하게 드렸습니다. 이 점 양해말씀드립니다. 

    제가 몇 가지 더 해보겠습니다.

    답변 다시 한 번 감사드립니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기