안녕하세요 KBoard 퓨어 갤러리 스킨 기능 질문드립니다.

안녕하세요.

Q. KBoard 퓨어 갤러리 스킨에서 로딩될 때 lazy loading 처럼 스크롤이 내려가야 이미지가 나타나는 기능이 있는데 

이것을 없앨 수 없을까요?

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

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item.animation-fadein { -webkit-animation: unset; -moz-animation: unset; -ms-animation: unset; -o-animation: unset; animation: unset; }

    위의 코드가 적용이 되지 않는다면 테마나 다른 플러그인의 문제일 수도 있으니

    확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.

    고맙습니다.

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

    게시글 id 는 어디서 확인가능한가요?

    대시보드 모든 게시글에도 없고, 콘솔창에서도 page 아이디 까지만 확인이 가능해서요!

     

     

     

    + 퓨어갤러리 미리보기 / 퓨어갤러리 리스트에서 

    title 이 2줄 이상 넘어갈 경우 아이디 값 위에 겹치는 현상이 발생하는데 해결가능할까요?

    surffix 를 줘서 .. 처리하면 좋을 것 같습니다~

    suffix 를 줄 수 있다면 몇 자 이상부터 suffix 를 줄 수 있는지 옵션 설정은 불가능한가요?

  • KBaord 플러그인에서 게시글 id는 해당 게시글 본문 페이지의 주소에서 uid 부분입니다.

    예를 들어 게시글 본문 페이지에서 주소가 아래처럼 되어 있다면

    http://www.cosmofarm.com/kboard/?uid=1&mod=document&pageid=1

    uid=1 부분이 게시글 id입니다.

     

    KBoard 게시판 스킨에서 제목은 따로 수정하지 않으셨다면

    기본적으로 말줄임표가 적용되어 있습니다.

    default 스킨 기준으로 제목에서 말줄임표는

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

    .kboard-default-cut-strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

    고맙습니다.

  • 답변감사드립니다

    퓨어갤러리
    최신글 보기에서는 말줄임표가 표시가 되지않습니다.

    더불어서
    첫번째 lazyloading 에 대한 코딩을 적용해봤더니
    Fade in 하는듯한 애니메이션은 사라졌지만
    여전히 이미지들이 하나씩 하나씩 뜨는 lazyloading 은 남아있는 듯 보입니다. 사이트 로드시에 다 로딩된 상태로 뜨게 할 순 없나요?
    현재는 메인페이지에서 하나씩 뜨게 보여져서 사이트가 미완성된 느낌을 줍니다.

    감사합니다.
  • 안녕하세요.

    KBoard 퓨어 갤러리 스킨을 업데이트했습니다.

    최신글 쪽에서 말줄임표 되지 않는 문제는

    최신 버전으로 업데이트하신 후에 다시 확인해보시겠어요?

    스킨 업데이트는 워드프레스 관리자 -> 스토어 페이지에서 할 수 있습니다.

    아래의 링크도 참고해보시겠어요?

    KBoard(케이보드) 게시판 스킨과 플러그인 설치 방법

     

    Fade in을 기능을 없애시려면

    FTP로 접속해서 /wp-content/plugins/kboard/skin/pure-gallery/list.js 파일에

    아래의 코드를 찾아서

    (function($, win) {
    	$.fn.kboardPureGalleryViewport = function(cb) {
    		return this.each(function(i, el) {
    			function visPx() {
    				var elH = $(el).outerHeight(), H = $(win).height(), r = el.getBoundingClientRect(), t = r.top, b = r.bottom;
    				return cb.call(el, Math.max(0, t > 0 ? Math.min(elH, H - t) : (b < H ? b : H)));
    			}
    			visPx();
    			$(win).on("resize scroll", visPx);
    		});
    	};
    }(jQuery, window));
    
    jQuery(document).ready(function(){
    	kboard_pure_gallery_list_layout();
    	setTimeout(function(){
    		jQuery('.kboard-pure-gallery-list .kboard-list-item').kboardPureGalleryViewport(function(px){
    			if(px && !jQuery(this).hasClass('animation-fadein')){
    				jQuery(this).addClass('animation-fadein');
    			}
    		});
    	});
    });

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

    jQuery(document).ready(function(){
    	kboard_pure_gallery_list_layout();
    });

     

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에는

    이전에 안내해드린 코드 대신 아래의 코드로 적용해보시겠어요?

    #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item { visibility: visible; }

    고맙습니다.

  • 안녕하세요

    답변 감사드립니다.

    제가 없애려고 하는 기능이 FADE IN 기능이 맞는지요. 레이지 로딩이나 fade in 이나 현재까지 스레드에서 이야기하신 거로 봐선 비슷한거 같으니 맞을 거라고 생각합니다. 저는 스크롤을 내리게 되면 이미지가 차례로 하나씩 하나씩 뜨는 걸 말씀드린 건데 알려주신 코드로 수정해봐도 퓨어갤러리 최신글 보기에선 해결이 되지 않네요. 

    웹페이지가 onload 되면 스크롤을 내리기전에 이미 이미지들이 다 로드되있는 상태를 만들고 싶다고 말씀드린 겁니다~! 

     

     

    그리고 플러그인 업데이트는 스토어 메뉴로 가서 했더니

    설치된 플러그인에서는 계속 버전1.2 로 뜨네요. 

    WINSCP 로 파일 옮겨서 해봤는데도 버전 1.2로 뜨고, suffix 오류는 수정되지 않은채로 남아있습니다.

     

    감사합니다.

  • 안녕하세요.

    업데이트는 정상적으로 됐는지요?

    확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.

    고맙습니다.

  • meeks.co.kr 에서 PC 화면은 괜찮으나 모바일 화면으로 보게 되면

    퓨어갤러리 최신글 보기에서 이미지들이 차례로 뜨는건지  행이랑 열을 무시하고 블럭처럼 쌓여서 차례로 나오다가

    원래 있어야할 모양으로 찾아갑니다. 

    이게 어려운 기능인건지 ㅠㅠ  

    부디 해결되었으면 좋겠습니다.

  • 해결을 하신 건지요?

    올려주신 페이지로 PC와 모바일 모두 확인해봤지만 별 다른 문제없어 보입니다.

    행과 열을 무시하고 블록처럼 쌓이는 건 테마 쪽의 문제인 듯합니다.

    다른 테마로도 확인해보시겠어요?

    고맙습니다.

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