퓨어 스킨 글쓰기 버튼 변경

안녕하세요,

이메일로 문의를 먼저 드렸었는데 게시판을 통해 다시 글을 올립니다.

현재 Kboard 퓨어 갤러리 스킨을 구매해서 사용하고 있는데

글쓰기 버튼이 상단 우측에 너무 작게 표기가 되어 있어서 사용자들이 쉽게 발견해서 사용하기가 어려워 보입니다.

해당 스킨이 매우 깔끔하고 정돈이 잘되어 있어서 구매를 했는데

글쓰기 버튼 부분에 대해서는 고려를 하지 못했습니다.

혹시 이 부분 수정을 부탁드려도 괜찮을지요?

그것이 어렵다면 저희 측에서는 버튼을 통한 활용 부분이 더 우선이기 때문에

해당 스킨을 다른 스킨으로 변경하는 것을 요청드리고 싶습니다.

구매한지는 2주 정도 지났고 임시 적용은 했으나 아직 오픈해서 활용하지는 않은 상황이니

고려 부탁드립니다.

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

    KBoard 퓨어 갤러리 스킨에서 글쓰기 버튼을 변경하시려면

    FTP로 접속해서 파일을 수정해주셔야 합니다.

    퓨어 갤러리 스킨에서 게시글 본문 페이지의 목록보기, 글수정, 글삭제 버튼처럼

    글쓰기 버튼도 수정하는 방법을 안내해드리겠습니다.

     

    1. FTP로 접속해서 /wp-content/plugins/kboard/skin/pure-gallery/list.php 파일에

    아래의 코드를 찾아서

    <a href="<?php echo $url->set('mod', 'editor')->toString()?>" title="<?php echo __('New', 'kboard')?>"><img src="<?php echo $skin_path?>/images/icon-write.png" alt="<?php echo __('New', 'kboard')?>"></a>

    아래의 코드로 교체해보세요.

    <a href="<?php echo $url->set('mod', 'editor')->toString()?>" class="kboard-pure-gallery-button-small" title="<?php echo __('New', 'kboard')?>"><?php echo __('New', 'kboard')?></a>

     

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

    아래의 코드를 추가해보시겠어요?

    #kboard-pure-gallery-list .kboard-control a { opacity: 1; }

     

    버튼의 색상을 변경하시려면

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

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

    a.kboard-pure-gallery-button-small, input.kboard-pure-gallery-button-small, button.kboard-pure-gallery-button-small { color: red; background: blue; }

    위 코드에서 color: red; 부분은 버튼의 글씨 색상을 빨간색으로 표시하는 코드이며

    background: blue; 부분은 버튼의 배경 색상을 파란색으로 표시하는 코드입니다.

     

    색상 코드에 대한 내용은 아래의 링크를 참고해보시겠어요?

    https://www.w3schools.com/css/css_colors.asp

    고맙습니다.

  • 게시글 목록 페이지(list.php 파일)에서 하단에도 글쓰기 버튼을 추가하시려면

    1. FTP로 접속해서 /wp-content/plugins/kboard/skin/pure-gallery/list.php 파일에

    아래의 코드를 찾아서

    <!-- 검색폼 시작 -->
    <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 kboard_keyword()?>">
    		<button type="submit" class="kboard-default-button-small"><?php echo __('Search', 'kboard')?></button>
    	</form>
    </div>
    <!-- 검색폼 끝 -->

    찾은 코드 밑에 아래의 코드를 추가해보시겠어요?

    <?php if($board->isWriter()):?>
    <!-- 버튼 시작 -->
    <div class="kboard-control">
    	<a href="<?php echo $url->getContentEditor()?>" class="kboard-default-button-small"><?php echo __('New', 'kboard')?></a>
    </div>
    <!-- 버튼 끝 -->
    <?php endif?>

     

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

    아래의 코드를 추가해보시겠어요?

    #kboard-pure-gallery-list .kboard-control { float: left; padding-bottom: 15px; width: 100%; text-align: right; }
    #kboard-pure-gallery-list .kboard-control a { display: inline-block; opacity: 1; }

    고맙습니다.

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