Word Cracker의 잡다한 정보 모음

사이드바 또는 프런트 페이지에 Kboard의 최신 게시글 목록 표시하기(워드프레스)

7

KBoard 게시판의 최근 게시글 혹은 공지사항을 사이드바나 프런트 페이지(전면 페이지) 또는 원하는 페이지에 삽입할 수 있습니다. KBoard는 위젯 기능이 다소 부족한 면이 있는데, KBoard에서는 최신글 목록을 삽입할 수 있는 숏코드를 제공하여 유용하게 사용할 수 있습니다.

다음 과정에 따라 케이보드 게시판의 최신글 목록을 원하는 곳에 추가할 수 있습니다.

Kboard > 게시판 목록을 클릭하고 최신 게시판 게시글을 표시할 게시판의 이름을 선택합니다. 그러면 해당 게시판의 설정을 수정할 수 있는 설정 화면이 표시됩니다.

Kboard 최신 게시글 숏코드

최신글 숏코드(Shortcode)” 옵션 옆에 최신글을 삽입할 수 있는 숏코드가 표시되어 있습니다.

위의 그림에서는 kboard_latest id=2 url=페이지주소 rpp=5가 여기에 해당합니다. 위 코드를 그대로 사용하면 아래와 같이 게시판이 삽입되지만 링크가 제대로 작동하지 않습니다.

[kboard_latest id=2 url=페이지주소 rpp=3]

위의 숏코드가 제대로 작용하게 하려면 kboard_latest id=2 url=페이지주소 rpp=5에서 url=페이지주소 부분에 게시판의 전체 주소를 입력합니다(예: url=http://www.abc.com/board/). 그리고 rpp의 숫자는 표시할 게시글 개수를 의미합니다. 원하는 숫자를 지정합니다.

이제 사이드바 또는 원하는 페이지에 게시판의 최신글 목록을 추가할 수 있습니다. 예를 들어, 사이드바에 추가하는 경우 대시보드에서 외모>위젯을 방문하고 “텍스트” 위젯을 사이드바에 추가합니다.
워드프레스 텍스트 위젯에 케이보드 최신글 숏코드 삽입하기

텍스트 위젯에서 위와 같이 숏코드를 추가하고 저장하면 사이드바에 게시판의 최신 글 목록이 표시됩니다.
Kboard recent posts widget_draft

사이드바 또는 페이지에 표시되는 모양을 CSS 등을 통해 적당히 조정할 수 있습니다. 예를 들어 사이드바의 경우 제목/작성일이 필요하지 않기 때문에 display:none; 코드를 사용하여 숨길 수 있습니다.

사이드바에 표시된 K보드 최신 게시글 목록(워드프레스)

참고:

사이드바에 숏코드를 넣어도 최신글이 표시되지 않고 숏코드가 그대로 표시되는 경우에는 다음 라인을 워드프레스 테마의 함수 파일(functions.php)에 추가하시기 바랍니다.

add_filter('widget_text', 'do_shortcode');

테마 함수 파일은 /wp-content/themes/사용 중인 워드프레스 테마/ 폴더 아래에 있습니다.

Related Posts

7 Comments
  1. 김영국 says

    많이 배우고 갑니다^^숏코드가 계속 그대로 표시되서 엄청 찾았는데 여기서 도움을 받네요감사합니다~

  2. 스카이 says

    감사합니다. 이제 워드프레스 배우는 초짜입니다. 사이드바에 게시판 내용을 어떻게 넣어야 할지 몰라 고민중이였는데… 여기서 해결했습니다. 정말 고마워요. 좋은 하루되세요. 앞으로도 많은 지도편달 부탁합니다.

    1. wordcracker says

      개인 블로그를 방문해주셔서 감사합니다. 즐거운 주말과 휴일되세요^^

  3. hahasmal says

    워드프레스 입문자입니다.

    제공해주시는 정보들에 많은 도움을 받고 있어요! 감사합니다^^
    그런데 게시판 제목/작성일 안 보이게 하는 display:none; 코드를 어디에 붙여넣어야 되는지를 모르겠어요.. style.css 파일 열어서 여기저기 붙여보는데 초보쟁이라..^^; 도움 좀 부탁드려요^^;
    1. wordcracker says

      안녕하세요?

      현재는 KBoard 최신글 뷰를 사용하고 있지 않기 때문에 정확한 코드를 확인할 수가 없습니다.

      아마 다음 코드일 것 같습니다.

       #kboard-avatar-latest > table > thead > tr {
        display: none;
      }
      #kboard-avatar-latest td.kboard-latest-date,
      #kboard-avatar-latest th.kboard-latest-date {
        display: none;
      }

      위의 코드는 avatar 스킨일 때입니다. 다른 스킨에서는 다른 avatar  대신에 다른 요소 이름이 들어갈 것 같습니다. 이 코드를 style.css 파일에 추가해보시기 바랍니다.

  4. pak says

    안녕하세요. 꼭 필요한 정보라서 들르게 되었습니다!

    최신글 뷰를 잘 사용하고 있는데 님처럼 밑에 css를 이용해 저런 모양으로 보이게 하는 건 어떻게 하나요? ㅠ

     

    어디에다가 어떤 소스를 넣어야 저렇게 깔끔하고 이쁘게 되는지 알 고싶습니다.

    제가 하니까 자꾸 모양이 비틀어져서…… css 초보라 아직 많이 어려워 이렇게 대놓고 물어봅니다.

    초면에 실례가 많았습니다.

    가르쳐 주시면 감사하겠습니다!

    1. wordcracker says

      안녕하세요?

      댓글 감사합니다.

      현재는 KBoard 최신글 뷰를 사용하고 있지 않기 때문에 정확한 코드를 확인할 수가 없습니다.
      사이트 주소를 주시겠어요? 그러면 제가 확인하고 답장을 드리겠습니다.
      그리고 시간이 되실 때 방명록(http://www.thewordcracker.com/short-note/)에 글을 남겨주시면 감사하겠습니다. 며칠 전에 KBoard로 방명록을 한 번 만들어 봤는데 별로 인기가 없네요ㅠㅠ

Leave A Reply

Your email address will not be published.