코스모스팜 스레드

게시판 리스트 구조번경

안녕하세요~!!

이번에 게시판 리스트 구조를 좀 변경하려고 하는데요.

 

<div id="kboard-pure-gallery-list">
	<ul class="kboard-pure-gallery-list">
		<?php while($content = $list->hasNext()):?>
		<li class="kboard-list-item<?php if($content->uid == kboard_uid()):?> kboard-list-selected<?php endif?>">
			<a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>#kboard-document">
				<div class="kboard-list-thumbnail">
					<?php if($content->getThumbnail(500, 500)):?>
					<div class="kboard-list-thumbnail-child" style="background-image:url(<?php echo $content->getThumbnail(500, 500)?>)"></div>
					<?php endif?>
					<?php if(isset($content->attach->over_image)):?>
					<div class="kboard-list-thumbnail-over-background"></div>
					<div class="kboard-list-thumbnail-over-image"><img src="<?php echo site_url($content->attach->over_image[0])?>" alt=""></div>
					<?php endif?>
				</div>
				<!--<div class="kboard-list-new"><?php if($content->isNew()):?><span class="kboard-oneticon-new-notify">New</span><?php endif?></div>-->
				<div class="kboard-list-title"><div class="kboard-pure-gallery-cut-strings">
					<?php if($content->secret):?><img src="<?php echo $skin_path?>/images/icon-lock.png" class="kboard-icon-lock" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?>
					<?php echo $content->title?>
				</div></div>
				<div class="kboard-list-user"><?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?></div>
			</a>
		</li>
		<?php endwhile?>
	</ul>
</div>

위 코드처럼 보통은 하나의 ul에 li가 나열되는 형식인데, 저는 이번에

1. 1~4번 게시물의 ul 하나

2. 이미지큰게들어가는 ul 하나 

3. 5~8번 게시물의 ul 하나

이렇게 진행을 해보고 싶습니다. 아마 마크업은

<ul>
  <li>1번게시물</li>
  <li>2번게시물</li>
  <li>3번게시물</li>
  <li>4번게시물</li>
</ul>
<ul>
  <li><img src="이미지.jpg"></li>
</ul>
<ul>
  <li>5번게시물</li>
  <li>6번게시물</li>
  <li>7번게시물</li>
  <li>8번게시물</li>
</ul>

이런식이 될듯 합니다.

 

구현하려고 하는 이미지는 

https://imgur.com/a/kbxwqCN 입니다.

 

힌트만 주셔도 잘 활용해보겠습니다.

감사합니다.

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    KBoard 퓨어 갤러리 스킨을 사용 중이신지요?

    올려주신 이미지처럼 적용하시려면

    아래의 코드를 활용해보시겠어요?

    <?php $index = 0;?>
    <?php while($content = $list->hasNext()):?>
    	<?php if($index < 4):?>
    		<?php if($index == 0):?>
    		<!-- 1~4번 게시글 시작 -->
    		<ul class="kboard-pure-gallery-list">
    		<?php endif?>
    			<li class="kboard-list-item<?php if($content->uid == kboard_uid()):?> kboard-list-selected<?php endif?>">
    				<!-- 1~4번 게시글 -->
    			</li>
    		<?php if($index == 3):?>
    		</ul>
    		<!-- 1~4번 게시글 끝 -->
    		
    		<!-- 이미지 시작 -->
    		<ul>
    			<li>
    				<!-- 이미지 -->
    			</li>
    		</ul>
    		<!-- 이미지 끝 -->
    		<?php endif?>
    	<?php else:?>
    		<?php if($index == 4):?>
    		<!-- 5~8번 게시글 시작 -->
    		<ul class="kboard-pure-gallery-list">
    		<?php endif?>
    			<li class="kboard-list-item<?php if($content->uid == kboard_uid()):?> kboard-list-selected<?php endif?>">
    				<!-- 5~8번 게시글 -->
    			</li>
    		<?php if($index == 7):?>
    		</ul>
    		<!-- 5~8번 게시글 끝 -->
    		<?php endif?>
    	<?php endif?>
    	<?php $index++?>
    <?php endwhile?>

     

    워드프레스 관리자 -> KBoard -> 게시파나 목록 -> 게시판 선택 -> 기본설정 페이지에서

    게시글 표시 수를 8개로 설정했을 때의 코드입니다.

    적절히 활용해보시겠어요?

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)