안녕하세요~^^

KBoard 플레이 비디오 스킨 게시글 본문 페이지에서 동영상은

FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/document.php 파일에

아래의 코드로 표시하고 있습니다.

<div class="kboard-play-video-wrap">
	<?php if($content->option->youtube_id):?>
	<div class="kboard-play-video-container" style="<?php if($content->option->video_view):?>padding-bottom: 75%;<?php else:?>padding-bottom: 56.25%;<?php endif?>">
		<iframe width="560" height="315" src="https://www.youtube.com/embed/<?php echo $content->option->youtube_id?>?autoplay=<?php echo $content->option->autoplay?>" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
	</div>
	<?php endif?>
	
	<?php if($content->option->vimeo_id):?>
	<div class="kboard-play-video-container" style="<?php if($content->option->video_view):?>padding-bottom: 75%;<?php else:?>padding-bottom: 56.25%;<?php endif?>">
		<iframe src="https://player.vimeo.com/video/<?php echo $content->option->vimeo_id?>?color=ffffff&title=0&byline=0&portrait=0&autoplay=<?php echo $content->option->autoplay?>" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
	</div>
	<?php endif?>
	
	<?php if(count((array)$content->attach) > 0):?>
		<?php foreach($content->attach as $key=>$attach): $extension = strtolower(pathinfo($attach[0], PATHINFO_EXTENSION));?>
			<?php if(in_array($extension, array('mp4'))):?>
			<div class="kboard-play-video-container" style="<?php if($content->option->video_view):?>padding-bottom: 75%;<?php else:?>padding-bottom: 56.25%;<?php endif?>">
				<?php echo do_shortcode('[video src="'.site_url($attach[0]).'" '.($content->option->autoplay?'autoplay="on"':'').']')?>
			</div>
			<?php else: $download[$key] = $attach; endif?>
		<?php endforeach?>
	<?php endif?>
</div>

적절한 위치에 추가해보시겠어요?

하트(좋아요)는 아래의 코드에서 표시하고 있습니다.

<a href="#" onclick="return kboard_document_like(this)" data-uid="<?php echo $content->uid?>" title="<?php echo __('Like', 'kboard')?>">
	<div><img src="<?php echo $skin_path?>/images/icon-heart.png" alt="<?php echo __('Like', 'kboard')?>"></div>
	<div class="kboard-document-like-count"><?php echo intval($content->like)?></div>
</a>

좋아요, 싫어요 버튼은

아래의 코드로 표시하실 수 있습니다.

<button type="button" class="kboard-button-action kboard-button-like" onclick="kboard_document_like(this)" data-uid="<?php echo $content->uid?>" title="<?php echo __('Like', 'kboard')?>"><?php echo __('Like', 'kboard')?> <span class="kboard-document-like-count"><?php echo intval($content->like)?></span></button>
<button type="button" class="kboard-button-action kboard-button-unlike" onclick="kboard_document_unlike(this)" data-uid="<?php echo $content->uid?>" title="<?php echo __('Unlike', 'kboard')?>"><?php echo __('Unlike', 'kboard')?> <span class="kboard-document-unlike-count"><?php echo intval($content->unlike)?></span></button>

고맙습니다.

답변 감사합니다.

재 문의 드립니다.

1. 비디오코드 위치

<div class="kboard-play-video-wrap">..</div> 을 <div class="kboard-document-wrap" >... </div> 밑쪽에 넣엇는데 표시가 안되네요. 이유가 몰까요?

2. 좋아요 싫어요 버튼.

버튼을  <div class="kboard-document-action"> 에 넣었는데 표시가 안됩니다. 

올려주신 내용만으로는 원인을 파악하기 어렵습니다.

비회원으로도 확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.

고맙습니다.

안녕하세요. 답변감사합니다..^^

동영상 첨부된 페이지입니다.

https://onlymedaka.com/?page_id=3734&uid=45&mod=document&pageid=1#kboard-document

그리고 ffmpeg을 사용하여 동영사의 스크린샷을 찍어 썸내일로 등록하고싶은데.. 참고할 자료들있을까요?

안녕하세요.

플레이 비디오 스킨 파일 수정 후

아래의 CSS 코드도 추가해주셔야 할 듯합니다.

#kboard-play-video-document .kboard-button-action.kboard-button-like { color: #ff5959; }
#kboard-play-video-document .kboard-button-action.kboard-button-unlike { color: #3d62aa; }
#kboard-play-video-document .kboard-play-video-wrap .kboard-play-video-container { float: left; width: 100%; }

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 추가해보시겠어요?\

FFmpeg는 저희도 사용해보진 못했습니다.

아래 링크에서 관련 문서를 참고해보시겠어요?

https://www.ffmpeg.org/documentation.html

고맙습니다.

안녕하세요. 

비디오 조정은 잘되었습니다.

한데 좋아요의 글씨가.. 투명하게 나오네요? 색코드를 싫어요와 동일하게 해도 같은 상황입니다.

이전 댓글에 안내해드린 CSS 코드가 적용되어 있지 않는 듯합니다.

확인해보시겠어요?

크롬 브라우저 개발자 도구(F12)를 활용하시면

CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.

레이아웃 수정 시 HTML과 CSS 코드에 대해 알면 도움이 됩니다.

고맙습니다.

아하.. play-video 스킨에 style.css 파일에 올리면 안되는군요.. 감사합니다.

플레이 비디오 스킨 style.css 파일을 직접 수정하셔도 CSS 코드가 적용됩니다.

업데이트 시 추가하신 코드가 지워질 수 있기 때문에

사용자 정의하기 쪽이나 KBoard 대시보드 페이지 쪽에서 CSS 코드를 추가하시는 걸 권장드립니다.

고맙습니다.