KBoard 화이클 비디오 스킨 기능 문의

안녕하십니까?

KBoard 화이클 비디오 스킨 이용중입니다.

게시글 썸네일 돋보기 클릭시 영상이 크게 나오는데 이시점을 타이틀 클릭 할때와 동일하게 변경 하려고 합니다.

1. 이런 기능 같은 경우 스킨 소스를 변경 해야 되나요?? 해야 한다면 방법을 알려주시면 감사하겠습니다.

2. 스킨 소스를 변경 적용후 만약에 kboard 쪽에서 플러그인 업데이트시 변경한 소스를 다시 업로드 해야 하는건가요..??

답변 부탁드립니다.

감사합니다.

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

    질문의 내용이 이해가 잘 가지 않습니다.

    KBoard 화이클 비디오 스킨에는 lightGallery가 사용되어

    게시글 목록 페이지에서 썸네일 클릭 시 바로 동영상을 볼 수 있습니다.

    제목을 누르면 게시글 본문 페이지로 이동하는데요.

    썸네일을 누르더라도 본문 페이지로 이동하고 싶다는 말씀이신지요?

    좀 더 구체적으로 설명해주시겠어요?

     

    KBoard 플러그인 스킨을 수정하실 때

    스킨 폴더를 복사해서 작업하시는 걸 권장드리고 있습니다.

    그렇지 않으면 업데이트 시 수정하신 코드가 지워지기 때문입니다.

     

    예를 들어, default 스킨을 복사하신 후

    FTP로 접속해서 /wp-content/plugins/kboard/skin/ 경로에 default1 라는 스킨으로 만들었다면,

    style.css 파일에서

    #kboard-default 코드를 찾아서 #kboard-default1 코드로 모두 바꿔주시고

    list.php 파일에서도

    역시 kboard-default 코드를 찾아서 kboard-default1 코드로 모두 바꿔주시고

    document.php 파일에서도

    역시 kboard-default 코드를 찾아서 kboard-default1 코드로 모두 바꿔보시겠어요?

    다른 파일도 마찬가지입니다.

    고맙습니다.

  • 안녕하십니까?

    1번 문의 같은 경우 썸네일 클릭시 본문으로 이동하려는게 맞습니다. 썸네일 URL을 변경 하고 싶을 경우 소스 수정을 해야하는건가요??

    답변 감사합니다.!!!

     

  • 화이클 비디오 스킨 게시글 목록 페이지에서

    썸네일 클릭 시 게시글 본문 페이지로 이동하게 하시려면

    스킨 파일을 수정해주셔야 합니다.

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

    아래의 코드를 모두 찾아서

    <?php if($content->option->youtube_id || $content->option->vimeo_id):?>
    	<div class="kboard-light-gallery">
    		<a href="<?php echo get_video_url_with_uid($content->uid)?>" class="target-video">
    			<?php if($content->getThumbnail(600, 338)):?>
    				<div class="kboard-hwaikeul-video-container wide" style="background-image:url(<?php echo $content->getThumbnail(600, 338)?>)"></div>
    			<?php elseif($content->option->youtube_id):?>
    				<div class="kboard-hwaikeul-video-container wide" style="background-image:url(<?php echo $content->option->youtube_thumbnail_url?>)"></div>
    			<?php elseif($content->option->vimeo_id):?>
    				<div class="kboard-hwaikeul-video-container wide" style="background-image:url(<?php echo $content->option->vimeo_thumbnail_url?>)"></div>
    			<?php endif?>
    		</a>
    	</div>
    	<div class="kboard-hwaikeul-video-foreground"></div>
    	<div class="kboard-hwaikeul-video-foreground-search"></div>
    <?php elseif(count((array)$content->getAttachmentList()) > 0): $count = 0?>
    	<?php foreach($content->getAttachmentList() as $key=>$attach): $extension = strtolower(pathinfo($attach[0], PATHINFO_EXTENSION));?>
    		<?php if(in_array($extension, array('mp4')) && $count == 0): $count++?>
    			<div style="display:none;" id="video-<?php echo $content->uid?>-<?php echo $key?>">
    				<video class="lg-video-object lg-html5" controls preload="none">
    					<source src="<?php echo site_url($attach[0])?>" type="video/mp4">
    				</video>
    			</div>
    			
    			<div class="kboard-light-gallery">
    				<div class="kboard-hwaikeul-video-container wide target-video" style="background-image:url(<?php echo $content->getThumbnail(600, 338)?>)" data-poster="<?php echo $content->getThumbnail(600, 338)?>" data-html="#video-<?php echo $content->uid?>-<?php echo $key?>" ></div>
    			</div>
    			<div class="kboard-hwaikeul-video-foreground"></div>
    			<div class="kboard-hwaikeul-video-foreground-search"></div>
    		<?php endif?>
    	<?php endforeach?>
    <?php else:?>
    	<a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>">
    		<?php if($content->getThumbnail(600, 338)):?>
    			<div class="kboard-hwaikeul-video-container wide" style="background-image:url(<?php echo $content->getThumbnail(600, 338)?>)"></div>
    		<?php else:?>
    			<div class="kboard-hwaikeul-video-container wide no-image"></div>
    		<?php endif?>
    		<div class="kboard-hwaikeul-video-foreground"></div>
    		<div class="kboard-hwaikeul-video-foreground-search"></div>
    	</a>
    <?php endif?>

    아래의 코드로 모두 교체해보시겠어요?

    <a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>">
    	<?php if($content->getThumbnail(600, 338)):?>
    		<div class="kboard-hwaikeul-video-container wide" style="background-image:url(<?php echo $content->getThumbnail(600, 338)?>)"></div>
    	<?php elseif($content->option->youtube_id):?>
    		<div class="kboard-hwaikeul-video-container wide" style="background-image:url(<?php echo $content->option->youtube_thumbnail_url?>)"></div>
    	<?php elseif($content->option->vimeo_id):?>
    		<div class="kboard-hwaikeul-video-container wide" style="background-image:url(<?php echo $content->option->vimeo_thumbnail_url?>)"></div>
    	<?php else:?>
    		<div class="kboard-hwaikeul-video-container wide no-image"></div>
    	<?php endif?>
    	<div class="kboard-hwaikeul-video-foreground"></div>
    	<div class="kboard-hwaikeul-video-foreground-search"></div>
    </a>

    고맙습니다.

  • 빠른 답변 정말 감사합니다.

    많은 도움이 되었습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기