카드 갤러리 스킨 게시글 배열 순서 문의

안녕하세요

워드프레스 KBoard(케이보드) 의 KBoard 카드 갤러리 스킨을 사용하고 있습니다

게시글을 업로드하면 새로운 게시글이 오른쪽에 배열이 안되고 왼쪽으로 배열이 됩니다

그래서 게시판 관리에서 리스트 게시글 번호 표시 내림차순으로 설정하였으나 똑같이 왼쪽으로 배열이 되는데

새로운 게시글은 오른쪽으로 배열되게 하고 싶은데 어떻게 해야되나요?

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

    KBoard 카드 갤러리 스킨에서 새로운 게시글을 오른쪽 정렬하시려면

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

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

    #kboard-card-gallery-list .kboard-list { text-align: right; font-size: 0; }
    #kboard-card-gallery-list .kboard-list-item { display: inline-block; float: unset; }

     

    CSS 코드 수정 후에는 브라우저의 캐시를 비우신 후에 확인해보세요.

    크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

    고맙습니다.

  • 알려주신대로  functions.php 파일에 소스를 첨부했는데

    저장버튼이 없어서  ctrl + s 했는데 창을 나갔다가 다시 돌아오면 입력한 소스

    가 없는데 저장은 어떻게 해야하나요?

    아니면 입력한거 자체가 적용이 바로 되는 부분인가요?

  • 알려주신대로  functions.php 파일에 소스를 첨부했는데

    저장버튼이 없어서  ctrl + s 했는데 창을 나갔다가 다시 돌아오면 입력한 소스

    가 없는데 저장은 어떻게 해야하나요?

    아니면 입력한거 자체가 적용이 바로 되는 부분인가요?

  • 안녕하세요.

    다시 종합해서 안내해드리겠습니다.

    KBoard 플러그인의 리스트 게시글 번호 표시는 게시글의 순서를 변경하는 것은 아닙니다.

    실제 게시글 정렬과는 무관하게 번호 표시만 바뀌며 번호 표시가 없는 스킨은 적용되지 않습니다.

     

    카드 갤러리 스킨에서 게시글 정렬 순서를 가장 최신글이 왼쪽 상단에 표시되는 것이 아닌

    가장 오래된 글이 왼쪽 상단에 표시되게 하시려면

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

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

    add_filter('kboard_list_orderby', 'my_kboard_list_orderby', 10, 3);
    function my_kboard_list_orderby($orderby, $board_id, $content_list){
    	if($board_id == '1'){ // 실제 게시판 id로 적용해주세요.
    		$orderby = "`date` ASC";
    	}
    	return $orderby;
    }

    위의 코드에서 $board_id == '1' 부분은 실제 게시판 id로 적용해주세요.

     

    위의 예제도 원하시는 방법이 아니라면

    어떻게 하시려는지 이미지를 첨부해서 설명 부탁드립니다.

    고맙습니다.

  • 처음부터 알려주신대로 답변주실때마다 

    KBoard 대시보드 페이지 커스텀 CSS 입력 필드에 적용해 보았으나 안돼서 

    CSS코드를 다시 지워서 원래 상태로 적용해 두었기에 보시면 적용이 안돼 있습니다

    알려주신대로 적용하였나 적용이 안되기에 다시 원래대로 해놓은 겁니다

  • 안녕하세요.

    올려주신 페이지로 확인해보니

    현재 추가하신 CSS 코드가 적용되어 있지 않은 듯합니다.

    KBoard 대시보드 페이지 커스텀 CSS 입력 필드에

    어떤 코드를 추가하셨는지 올려주시겠어요?

    고맙습니다.

  • 제가 지금 까지 거기에 알려주신 워드프레스 관리자 -> KBoard -> 대시보드 페이지에서 커스텀 CSS 입력 필드 경로에css코드를 입력했습니다

    그래도 적용이 안됩니다 

     

  • 안녕하세요.

    올려주신 페이지 주소로 확인해보니

    현재는 아이프레임으로 보기 기능을 활성화해두신 듯합니다.

    특별히 설정한 이유가 있으신지요?

     

    아이프레임으로 보기 기능을 활성화하셨다면

    사용자 정의하기 쪽이 아닌

    워드프레스 관리자 -> KBoard -> 대시보드 페이지에서 커스텀 CSS 입력 필드에

    CSS 코드를 추가해보시겠어요?

     

    코드 수정 후에는 브라우저의 캐시를 비우신 후에 확인해보세요.

    크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

    고맙습니다.

  • http://dpang.co.kr 입니다

  • 안녕하세요.

    비회원으로도 확인 가능한 페이지 주소 알려주시면

    CSS 코드를 안내해드리겠습니다.

    고맙습니다.

  • 댓글달아주신대로 적용해 보았으나 

    똑같이 오른쪽으로 배열이 되었습니다 

    방법이 없는걸까요ㅠㅠ

  • float: right 속성을 적용하시면 오른쪽에 붙어서 표시됩니다.

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

    #kboard-card-gallery-list .kboard-list-item {float: right;}
    #kboard-card-gallery-list .kboard-list { margin-left: -1%; }

    고맙습니다.

  • 답변 너무너무 감사합니다!

    같은 방식으로 적용해 보았더니 얘기하신대로 오른쪽으로 배열이 되었습니다

    그러나 모든 정렬이 오른쪽으로 되어졌길래

    #kboard-card-gallery-list .kboard-list {float:left;} 를 적용해 보았으나 적용이 되지 않았습니다

    순서만 321 로 되어 있고 정렬은 왼쪽으로는 어떻게 해야되나요?

  • 기존 아래처럼 되어 있는 게시글 순서를

    1 2 3
    4 5 6

    아래처럼 적용하시고 싶으신 건지요?

    3 2 1
    6 5 4

     

    이전 댓글에 안내해드린 코드 대신

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

    #kboard-card-gallery-list .kboard-list-item { float: right; }

    고맙습니다.

  • 답변 감사합니다

    제가 묻고자하는건 오른쪽 정렬이 아닌

    새로운 글을 썻을때 기존에 있던 가존글이 오른쪽으로 되고, 새로운글이 왼쪽에 게시가 됩니다

    근데 저는 새로운 글을 썻을대 기존글이 왼쪽에 배열되고, 새로운글이 오른쪽에 게시가 되었으면 해서

    문의글을 남긴겁니다

    한번더 확인 부탁드립니다

  • 워드프레스 관리자 페이지에서 테마 쪽 functions.php 파일에 코드를 추가하셨다면

    하단에 파일 업데이트 버튼을 눌러주셔야 저장이 됩니다.

     

    어떤 이유로 파일 업데이트 버튼이 표시되지 않는지는

    저희 쪽에서 원인을 파악하기 어렵습니다.

     

    워드프레스 관리자 페이지에서 테마 쪽 functions.php 파일을 수정할 수 없다면

    FTP로 접속해서 /wp-content/themes/사용중인테마/functions.php 파일에 직접 코드를 추가해주셔도 됩니다.

     

    고맙습니다.

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