게시판 스킨, 버튼 색상 변경 방법을 좀 알려주세요.

안녕하세요.

공지사항과 자료실을 사용할 만한 기본 스킨이 필요합니다. 변경할수 있는 부분을 좀 알려주세요.

일단 전체적인 버튼의 색이 파란색으로 되어 있는 부분의 색을 변경할수 있는 방법과 버튼을 끝을 약간 둥글게 할수 있는 방법을 알고 싶습니다.

그리고 내용에 좋아요. 싫어요 부분을 뺄수 있는 부분과 검색 부분이 아래쪽에 있는데 이 부분이 위쪽 오른쪽에 있었으면 합니다.

아무래도 기업의 홈페이지에 사용되어야 하다보니 좀 차분한 형태의 게시판이 필요해서요

아무쪼록 부탁드립니다.  참고용 이미지는 망보드 기본 게시판 화면 올립니다.

https://imgur.com/a/flqdxcE

https://imgur.com/a/zCb5nwF

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 감사합니다. 너무 도움이 됩니다. 

  • KBoard(케이보드) 게시판 버튼 색상 변경 방법도 참고 해주세요.

    고맙습니다.

  • 게시판 검색폼 위치를 변경하시려면 FTP로 접속해서 파일을 편집해주셔야 합니다.

    파일질라 등 FTP 클라이언트를 사용해서 서버에 접속해주세요.

    default 스킨을 기준으로 설명드리겠습니다.

    /wp-content/plugins/kboard/skin/default/list.php 파일을 다운로드 한 다음 편집해주세요.

     

    1. 아래 코드를 찾아주세요.

    <!-- 검색폼 시작 -->
    <div class="kboard-search">
    	<form id="kboard-search-form-<?php echo $board->id?>" method="get" action="<?php echo $url->toString()?>">
    		<?php echo $url->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toInput()?>
    		
    		<select name="target">
    			<option value=""><?php echo __('All', 'kboard')?></option>
    			<option value="title"<?php if(kboard_target() == 'title'):?> selected<?php endif?>><?php echo __('Title', 'kboard')?></option>
    			<option value="content"<?php if(kboard_target() == 'content'):?> selected<?php endif?>><?php echo __('Content', 'kboard')?></option>
    			<option value="member_display"<?php if(kboard_target() == 'member_display'):?> selected<?php endif?>><?php echo __('Author', 'kboard')?></option>
    		</select>
    		<input type="text" name="keyword" value="<?php echo esc_attr(kboard_keyword())?>">
    		<button type="submit" class="kboard-default-button-small"><?php echo __('Search', 'kboard')?></button>
    	</form>
    </div>
    <!-- 검색폼 끝 -->

     

    2. 찾은 코드를 잘라내어 파일 내용 상단으로 옮겨주세요.

    <div id="kboard-default-list">
    	<!-- kboard-default-list 코드 아래다 붙여넣어주세요. -->

     

    파일을 저장한 후 다시 FTP를 사용해서 업로드해주세요.

    고맙습니다.

  • 안녕하세요~^^

    게시판 버튼 색상을 변경하는 CSS 코드 알려드립니다.

    a.kboard-default-button-small, input.kboard-default-button-small, button.kboard-default-button-small { color: #6a6a6a !important; background: #f0f0f0 !important; border: 1px solid #cccccc; border-radius: 3px; }
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a, #kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a { color: #6a6a6a; background-color: #f0f0f0; }

     

    좋아요 싫어요 버튼을 숨기는 CSS 코드 알려드립니다.

    .kboard-button-like { display: none; }
    .kboard-button-unlike { display: none; }

     

    코드는 워드프레스 관리자 -> KBoard -> 대시보드 페이지의 커스텀 CSS 입력 필드에 넣어주세요.

    default 스킨 기준이라 혹시 적용이 안되면 페이지 주소도 알려주세요.

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요