play-video 스킨 동영상 글 첨부시 위치 및 기타

안녕하세요.

몇가지 질문을 드립니다..

1. play-video 스킨을 사용하면 글에 비디오가 삽입되는 곳이 제목과 게시글 위쪽인데... 제목과 게시글 밑으로 옮길 수 있나요?

2. play-video 스킨의 하트 대신 좋아요 싫어요를 쓸수 있나요? 

 

가이드 부탁드립니다.

 

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

    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 코드를 추가하시는 걸 권장드립니다.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기