KBoard

2. 상세 내용

최근게시물에 작성자명(닉네임), 프로필이미지(아바타)와 본문 일부가 나오게 하고싶습니다.

현재 닉네임, 아바타는 어느정도 구현이 되어있으나 기기에 따라 여백이 크거나 아예 썸네일쪽에 달라붙어있습니다

그리고 웹진형 스킨처럼 글 내용 일부도 표시를 하고싶습니다

3. 확인 가능한 상세 페이지 주소

https://www.jbc.ne.kr/bbs

4. 수정한 코드 내역 (있다면)

<div id="kboard-hwaikeul-gallery-latest"<?php if(kboard_hwaikeul_gallery_list($board, true)):?> class="<?php echo kboard_hwaikeul_gallery_list($board, true)?><?php endif?>">
	<?php while($content = $list->hasNext()):?>
	<div class="kboard-hwaikeul-gallery-latest-item<?php if($content->uid == kboard_uid()):?> kboard-list-selected<?php endif?>">
		<div class="kboard-hwaikeul-gallery-thumbnail">
			<?php if($content->getThumbnail(400, 300)):?>
				<div class="kboard-light-gallery">
					<div class="kboard-hwaikeul-gallery-container latest target-image" data-thumb="<?php echo $content->getThumbnail(360, 240)?>" data-src="<?php echo $content->getThumbnail()?>">
						<img src="<?php echo $content->getThumbnail(360, 240)?>" alt="<?php echo esc_attr($content->title)?>">
					</div>
					<?php $media_list = $content->getMediaList()?>
					<?php if($media_list):?>
						<?php foreach($media_list as $media_item):?>
							<?php if($content->getThumbnail() == site_url($media_item->file_path)) continue?>
							<div class="kboard-hwaikeul-gallery-container latest target-image" data-thumb="<?php echo kboard_resize($media_item->file_path, 360, 240)?>" data-src="<?php echo site_url($media_item->file_path)?>">
								<img src="<?php echo kboard_resize($media_item->file_path, 360, 240)?>" alt="<?php echo esc_attr(basename($media_item->file_name))?>">
							</div>
						<?php endforeach?>
					<?php endif?>
				</div>
				<div class="kboard-hwaikeul-gallery-foreground"></div>
				<div class="kboard-hwaikeul-gallery-foreground-search"></div>
			<?php else:?>
				<a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>" title="<?php echo esc_attr($content->title)?>">
					<div class="kboard-hwaikeul-gallery-container latest no-image"></div>
					<div class="kboard-hwaikeul-gallery-foreground"></div>
					<div class="kboard-hwaikeul-gallery-foreground-search"></div>
				</a>
			<?php endif?>
		</div>
		<a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>" title="<?php echo esc_attr($content->title)?>">
			<div class="kboard-hwaikeul-gallery-latest-title kboard-hwaikeul-gallery-cut-strings">
				<?php if($content->isNew()):?><span class="kboard-hwaikeul-gallery-new-notify">새글</span><?php endif?>
				<?php if($content->secret):?><img src="<?php echo $skin_path?>/images/lock-gray-14.png" srcset="<?php echo $skin_path?>/images/lock-gray-28.png 2x, <?php echo $skin_path?>/images/lock-gray-42.png 3x" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?>
				<?php echo $content->title?>
			</div>
		</a>
		<div class="kboard-hwaikeul-gallery-latest-info kboard-hwaikeul-gallery-cut-strings">
			<span><?php echo $content->getUserDisplay(sprintf('%s %s', get_avatar($content->getUserID(), 16, '', $content->getUserName()), $content->getUserName()))?></span>
		</div>
		<div class="kboard-hwaikeul-gallery-latest-date kboard-hwaikeul-gallery-cut-strings">
			<?php echo $content->getDate()?>
		</div>

	</div>
	<?php endwhile?>
</div>

<?php
wp_enqueue_style('jquery-ui', 'https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css');
wp_enqueue_script('jquery-ui', 'https://code.jquery.com/ui/1.12.1/jquery-ui.js');
wp_enqueue_style('lightgallery', "{$skin_path}/lightgallery/css/lightgallery.min.css", array(), '1.6.11');
wp_enqueue_script('lightgallery', "{$skin_path}/lightgallery/js/lightgallery.min.js", array(), '1.6.11', true);
wp_enqueue_script('lightgallery-all', "{$skin_path}/lightgallery/js/lightgallery-all.min.js", array(), '1.6.11', true);
wp_enqueue_script('lg-zoom', "{$skin_path}/lightgallery/js/lg-zoom.min.js", array(), '1.1.0', true);
wp_enqueue_script('mousewheel', "{$skin_path}/lightgallery/js/mousewheel.min.js", array(), '3.1.12', true);
wp_enqueue_script('kboard-hwaikeul-gallery-latest', "{$skin_path}/latest.js", array('jquery'), KBOARD_VERSION, true);
?>