이미지 첨부파일 노출위치 변경!

					<div class="add-file">
						<ul>
							<li style="background-image:url(<?php echo $attach[0]?>)"></li><!--첫번째 첨부파일-->
							<li style="background-image:url(<?php echo $attach[0]?>)"></li><!--두번째 첨부파일-->
							<li style="background-image:url(<?php echo $attach[0]?>)"></li><!--세번째 첨부파일-->
							<li style="background-image:url(<?php echo $attach[0]?>)"></li><!--네번째 첨부파일-->
							<li style="background-image:url(<?php echo $attach[0]?>)"></li><!--다섯번째 첨부파일-->
						</ul>
					</div>

kboard 퓨어 갤러리 사용중입니다.

function.php에 이곳에 있는 코드를 이용해서 document 에디터 부분에 첨부파일 노출까지는 성공했습니다.

원하는 디자인은 document.php 페이지 자체에 노출되는 이미지 위치 변경이 쉽도록 위의 코드 형식으로

첨부파일1, 첨부파일2, 첨부파일3, 첨부파일4... 이런식으로 서로 다른 이미지를 노출하고 싶은데 어떤 방법이 있을까요?

위에 상태로 어떻게 변경하면 각각 첨부파일이 노출될지 궁금합니다ㅜㅜ

 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    올려주신 코드만 봐서는 코드를 어떻게 활용 중이신지 이해가 잘 가지 않습니다.

    function.php 파일은 테마 쪽의 functions.php 파일을 말씀하시는 건지요?

    본문에서 어떻게 표시하고 싶으신 건지

    좀 더 구체적으로 설명 부탁드립니다.

    고맙습니다.

  • function은 테마 쪽 function이 맞구요. 아래 코드를 이용해서 내장 에디터 밑으로 첨부파일 이미지가 출력되어있는 상태입니다.

    add_filter('kboard_content', 'my_kboard_content', 10, 3);
    function my_kboard_content($content, $content_uid, $board_id){
    	if($board_id == '1'){ // 실제 게시판 id로 적용해주세요.
    		$document = new KBContent();
    		$document->initWithUID($content_uid);
    		
    		ob_start();
    		?>
    		<?php foreach($document->getAttachmentList() as $key=>$attach): $extension = strtolower(pathinfo($attach[0], PATHINFO_EXTENSION));?>
    			<?php if(in_array($extension, array('gif','jpg','jpeg','png'))):?>
    				<p class="thumbnail-area"><img src="<?php echo site_url($attach[0])?>" width="100px" height="auto" alt="<?php echo $attach[1]?>"></p>
    			<?php else: $download[$key] = $attach; endif?>
    		<?php endforeach?>
    		<?php
    		$content .= ob_get_clean();
    	}
    	return $content;
    }
    

    첨부파일 이미지를 document.php 안의 내장에디터가 노출되는 위쪽으로 위치를 변경 하고 싶은거구요

    첨부파일의 작은 이미지를 클릭하면 document 페이지 안에 있는 큰 이미지가 교체되는 식으로 만들고 싶습니다.

    https://www.okimatt.co.kr/goods/goods_view.php?goodsNo=1000000083

    요 사이트와 비슷한 형태로 왼쪽 작은 제품 썸네일을 누르면 오른쪽 큰 제품 썸네일이 변동되는 구조로 바꾸고 싶은데..

    첨부파일을 불러와서 위치를 에디터 위쪽으로 이동하는 것부터 막혀서요ㅜㅜ

  • 안녕하세요.

    말씀하신 내장에디터는 본문 내용을 말씀하시는 건지요?

    kboard_content 필터를 활용해서 첨부파일 이미지를 본문에 표시할 때

    본문 내용 하단이 아닌 본문 내용 상단에 표시되게 하고 싶으신 건지요?

    올려주신 코드 중

    아래의 코드를 찾아서

    $content .= ob_get_clean();

    아래의 코드로 교체해서 확인해보시겠어요?

    $content = ob_get_clean() . $content;

     

    KBoard 원더풀 제품소개 스킨을 활용하시면

    KBoard 미디어 추가로 업로드한 이미지를 본문에서 슬라이드 형태로 표시하실 수 있습니다.

    아래 링크에서 미리 체험해보실 수 있습니다.

    https://www.cosmosfarm.com/demo/kboard-wonderful-product-skin/

    고맙습니다.

  • 답변 감사합니다! 다시 진행해보겠습니다!!

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