포럼원 스킨 리스트의 세로폭

KBoard 포럼원 커뮤니티 스킨의 경우 목록화면에서 리스트가 좀더 빡빡하게 나열되면 좋겠다고 생각하던중,  여기 커뮤니티 글에서

https://firstmake.co/k-pop (케이보드로 만드셨다는) 홈페이지를 보았습니다.

화면을 축소하거나 모바일로 볼때 특히 마음에 드네요..

기본 포럼원 스킨은 모바일로 볼때 추천수 댓글수 조회수가 세로로 써있어서, 너무 성글다고 느껴졌거든요..

위의 홈피처럼,

1. 추천수 옆에 (아래가 아니라) 추천숫자를  보이게 하고,,

2. 작성일이라는 글씨를 지우고 실제 날짜 시간 숫자표기만 하는 방법을 부탁드립니다.

감사합니다.

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

    모바일용 코드를 새로 추가해주셔야 할 듯합니다.

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

    아래의 모두 코드를 찾아서

    <div class="kboard-list-group">

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

    <div class="kboard-mobile-contents">
    	<a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>#kboard-document">
    		<div class="kboard-list-item votes">
    			<?php echo __('Votes', 'kboard')?> : <?php echo $content->vote?>
    		</div>
    		<div class="kboard-list-item comment">
    			<?php if($content->visibleComments()):?><?php echo __('댓글', 'kboard')?> : <?php echo intval($content->getCommentsCount('', '', '0'))?>
    			<?php else:?>답글 : 
    			<?php
    			global $wpdb;
    			$reply_count = $wpdb->get_var("SELECT COUNT(*) FROM `{$wpdb->prefix}kboard_board_content` WHERE `parent_uid` = '{$content->uid}'");
    			?>
    			<?php echo $reply_count?>
    			<?php endif?>
    		</div>
    		<div class="kboard-list-item views">
    			<?php echo __('Views', 'kboard')?> : <?php echo $content->view?>
    		</div>
    	</a>
    </div>

     

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

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

    #kboard-forum-one-list .kboard-mobile-contents { display: none; }
    
    @media screen and (max-width: 600px) {
    	#kboard-forum-one-list .kboard-list li .kboard-list-detail { display: none; }
    	#kboard-forum-one-list .kboard-mobile-contents { display: block; overflow: hidden; }
    }

    다른 CSS 속성은 사이트에 맞게 적절히 수정해보세요.

     

    2. 작성일 문구를 지우시려면 list.php 파일에

    아래의 코드를 찾아서 삭제해보세요.

    <?php echo __('Date', 'kboard')?>

    고맙습니다.

  • <a href="/k-pop?uid=137&amp;mod=document&amp;pageid=1#kboard-document"> 부분은

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

    <a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>#kboard-document">

  • 작성일 위에 display_name을 표시하시려면

    list.php 파일에서 아래의 코드를 찾아서

    <?php echo $content->getDate()?>

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

    <span class="kboard-list-mobile-author"><?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?></span><br>

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

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

    #kboard-forum-one-list .kboard-list li .kboard-list-moreinfo .kboard-list-mobile-author { display: none; }
    
    @media screen and (max-width: 600px) {
        #kboard-forum-one-list .kboard-list li .kboard-list-moreinfo .kboard-list-mobile-author { display: inline; }
    }

    고맙습니다.

  • 추천수 조회수 댓글수에 각각 해당하는 숫자 값이 각각 아래로 말고 옆에 나란히 오게 하고 싶습니다. 세로 폭을 줄이기 위해서.

  • 단..한가지, (이건 이 수정으로 인한게 아니라 원래 포럼원 스킨 데모페이지에서도 확인가능한데요..) , 질문글 본문에서 첨부된 사이트에서 구현되는것처럼 ... 작성일 위에 display_name 을 보이게 할수 있을까요? 

    코스모스팜 포럼원 스킨의 데모 사이트를 모바일에서 보면, 작성자 아이콘이나 이름이 나오지않습니다. (피씨에서 가로폭을 줄여가다보면 확인가능..)

    위에 댓글로 알려주신 코드는 , 시험해보니 잘 작동합니다. 감사합니다.~~

    아참 그런데 . 

    주신 코드 두번째 줄에 <a href="/k-pop?uid=137&amp;mod=document&amp;pageid=1#kboard-document"> 이 내용 안에 k-pop... 내용은 꼭 필요한 내용인지요?  의미를 잘 몰라서 여쭤봅니다. 감사합니다..

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