게시판 리스트 구조번경

안녕하세요~!!

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

 

<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 입니다.

 

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

감사합니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기