화이클 갤러리 라이트박스 제거

화이클 갤러리 사용중입니다.

최신글 불러오기를 통해 메인페이지에 화이클 갤러리를 띄우고 있는데요

썸네일은 라이트박스, 제목은 링크로 설정되어 있는데

1. 썸네일을 클릭했을 경우 링크를 타고 콘텐츠로 이동할 수 있는 방법은 없을까요?

2. 1번이 어렵다면 썸네일 클릭시 라이트박스가 뜨는 기능을 제거할 수는 없을까요?

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

    KBoard 화이클 갤러리 스킨 최신글 쪽에서

    썸네일 클릭 시 라이트박스 기능은 제거하시려면

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

    아래의 코드를 지워보시겠어요?

    wp_enqueue_script('kboard-hwaikeul-gallery-latest', "{$skin_path}/latest.js", array('jquery'), KBOARD_VERSION, true);

     

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

    latest.php 파일에

    아래의 코드를 찾아서

    <div class="kboard-light-gallery">
    	<div class="kboard-hwaikeul-gallery-container latest target-image" data-thumb="<?php echo $content->getThumbnail(200, 200)?>" data-src="<?php echo $content->getThumbnail()?>">
    		<img src="<?php echo $content->getThumbnail(176, 132)?>" 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, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
    				<img src="<?php echo kboard_resize($media_item->file_path, 176, 132)?>" 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>

    아래의 코드로 교체해보세요.

    <a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>" title="<?php echo esc_attr($content->title)?>">
    	<div class="kboard-light-gallery">
    		<div class="kboard-hwaikeul-gallery-container latest target-image" data-thumb="<?php echo $content->getThumbnail(200, 200)?>" data-src="<?php echo $content->getThumbnail()?>">
    			<img src="<?php echo $content->getThumbnail(176, 132)?>" 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, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
    					<img src="<?php echo kboard_resize($media_item->file_path, 176, 132)?>" 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>
    </a>

     

    URL을 직접 입력하고 입력한 주소로 이동하게 하시려면

    KBoard 플러그인 입력 필드 기능을 활용하셔야 할 듯합니다.

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 입력필드 설정 페이지에서

    입력 필드를 추가하실 수 있습니다.

    위의 코드에서 <?php echo $url->getDocumentURLWithUID($content->uid)?> 부분을

    <?php echo $content->option->메타키?> 이런 식으로 적용하시면

    입력한 입력 필드의 주소로 이동하게 하실 수 있습니다.

    메타키 부분에는 실제 입력 필드의 메타키로 적용해주셔야 합니다.

    고맙습니다.

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