로그인

검색

Extra Form
추천지수 7

만약 글 목록을 SNS 스타일로 글제목+글요약+이미지 등의 정보를 모두 제공하는 것으로 하고 있다면 게시글의 정보중 중요한 것을 목록에서 보여주는 것도 좋습니다. 

 

컨셉 자체가 그러한 컨셉이라면 말이죠.

 

이런 스타일로 꾸미기 좋게 만들어진 스킨이 바로 저희 라이믹스 꿀팁에서 사용하고 있는 flexstagrm 테마의 게시판 스킨 sns 스타일 일 것입니다.

 

 

 

Screenshot_20220130-161737_Chrome.jpg

 

요건 저희 라이믹스 꿀팁에 적용되어 태그가 입력되어 있는 글이 목록에서 부터 태그를 출력해 주고 있습니다. 글의 주제나 핵심을 파악하기 좋죠.

 

 

 

 

 

 

 

 

 

Screenshot_20220130-161511_Brave.jpg

 

요건 동일한 스킨을 사용하고 있는 제가 운영하는 SNS 스타일의 커뮤니티에도 적용한 모습입니다.

 

 

 

 

flexstgram 스킨을 기준으로 설명을 해드리면

화면 캡처 2022-01-30 174020.png

 

 

https://github.com/calvinsnax/rx-flextagram/blob/main/modules/board/skins/rx-flextagram/templates/sns/sns.html#L6

 

<li loop="$document_list=>$no,$document">

이런 게시글을 반복해서 목록을 출력하는 코드 안쪽(아래)에 각 게시글이 가지고 있는 태그를 가져오는 코드를 추가로 작성해 줍니다.

 

 

{@
$args = new stdClass();
$args->document_srls = $document->document_srl;
$tag_list = executeQuery('document.getDocumentTags', $args)->data->tags;
$tag_lists = [];
if ($tag_list) $tag_lists = explode(',', $tag_list);
}

 

위와 같이 작성해 주면 각 목록의 게시글들이 가지는 태그를 가져오게 됩니다.[1]

--> 라이믹스 2.0.18 버전 이상 사용자는 위 쿼리가 아닌 하단부의 설명된 코드로 사용하시기 바랍니다.

 

그리고 이제 저 가져온 태그를 출력해 주면 됩니다.

저의 경우는 글 요약부분이 끝나는 다음 줄에 출력을 해주었습니다.

 

 

화면 캡처 2022-01-30 174349.png

 

 

https://github.com/calvinsnax/rx-flextagram/blob/main/modules/board/skins/rx-flextagram/templates/sns/sns.html#L40

 

위 부분이 요약을 출력하는 부분인데 요약 바로 아래로 문서가 가지는 태그를 출력할 수 있도록 코드를 추가합니다.

 

{nl2br($document->getSummary(200))}
<!--@if(count($tag_lists) > 0)--><br>
<block loop="$tag_lists=>$tag">
<span class="tag-list">#{$tag}</span>
</block>
<!--@end-->

 

 

위와 같이 코드를 추가해 주면 글요약 아래에 태그가 출력이 되는데 글자 색상등의 효과를 주기 위해 span 요소에 class를 부여 했습니다. 해당 class에 저는 글자 색상만 효과를 주었습니다.

 

지금 수정하는 파일에

<style>

span.tag-list {color: #649ed2;}

</style> 

 

위와 같이 css style을 적당한 곳에 추가해 주면 글자 색상이 적용이 되는 것이죠.

 

일반적인 간단 목록에서는 필요가 없겠지만 저 처럼 SNS 형태로 목록을 제공한다면 추가해 볼만한 것 같습니다.

 

*참고사항 : 글 목록에서 글의 태그를 바로 가져올 수 없어 쿼리를 통해 가져오는 코드를 사용했습니다. 이부분 따로 쿼리 없이 바로 $document 에서 게시글의 태그도 포함해서 가질 수 있도록 이슈로 요청해 놓았습니다. 추후 이 이슈가 반영이 된다면 쿼리 없이 정보를 가져올 수 있을 것입니다.

 

https://github.com/rhymix/rhymix/issues/1867

 

해당 이슈는 처리가 되었네요.

 

https://github.com/rhymix/rhymix/commit/7e922cf2bc11e637822dc3b0edd1dfee0414c413

마스터버전으로 배포는 다음 버전에 될 것으로 예상됩니다.

 

[1] 위 패치를 미리 적용하시거나 혹은 정식으로 배포된 버전으로 라이믹스를 사용하게 되실 경우 

위 설명중 태그를 가져오기 위해 쿼리하는 부분 없이 바로 태그를 가져오는 코드로 변경하시면 됩니다.

--> 라이믹스 2.0.18에서 패치가 적용되었습니다. 라이믹스 2.0.18 버전 사용자는 아래 변경된 코드로 사용하시면 됩니다.

 

{@
$args = new stdClass();
$args->document_srls = $document->document_srl;
$tag_list = executeQuery('document.getDocumentTags', $args)->data->tags;
$tag_lists = [];
if ($tag_list) $tag_lists = explode(',', $tag_list);
}

 

를 아래 코드로 변경하시면 됩니다.

↓↓↓↓↓

 

{@
$tag_lists = $document->get('tag_list') ?? array();
}

 

이 컨텐츠가 마음에 드셨다면 커피 한잔 (후원)

Who's 꿀팁관리소장

profile
라이믹스로 커뮤니티 사이트를 운영하는 비개발자 운영자 입니다.
파트너쉽 맺으실 사이트 운영자분 환영합니다.
1 추천
Atachment
첨부 '0'
  • 앙문재 2022.01.31 09:16
    오!. 너무 좋은 팁인것 같아요. 늘 감사드립니다 소장님
  • profile
    꿀팁관리소장 2022.01.31 09:19
    To.앙문재
    필요한 곳 있으시면 적용해보세요. 나중에 이슈 해결되면 쿼리 없이 태그 바로 가져와서 출력할 수 있을겁니다. 그때 태그 가져오는 코드는 수정할게요.
  • k
    karius 2022.03.03 16:13
    좋은 팁 감사드립니다!
  • 맥스터 2022.05.04 23:17
    항상 생각만 하던걸 소장님은 직접 구현을 해버리시네 부러워요~
    언제쯤 소장님 만큼 실력이 늘어날지~~
  • profile
    꿀팁관리소장 2022.05.04 23:20
    To.맥스터
    지금 할 수 있는 것을 해 나가시면 할 수 있는 것의 난이도가 조금씩 커질거에요.
    무언가 하고 싶다면 시도해 보시고 어디까지 할 수있고 어디에서 막히는지 정도만 확인해도 큰 성과라고 봐요.
  • 맥스터 2022.05.04 23:21
    To.꿀팁관리소장
    네 하나 하나 배우고 있는데 ^^; 소장님 앞에서는 좁쌀 수준이라 민망하네요!
    그래도 하나씩 늘어가고 있는 모습 스스로 보면 재미있기도 해요

라이믹스 팁(110)

라이믹스 운영과 사용에 관한 팁을 공유 합니다.

  1. read more
  2. read more
  3. 라이믹스 읽지 않은 쪽지(새쪽지) 표시해 주기 4

    Date2022.05.01 Category기능 Views68 Votes1
    Read More
  4. Read More
  5. Read More
  6. 라이믹스 게시판 목록에서 문서의 태그 출력해 주기 6

    Date2022.01.30 Category기능 Views112 Votes1
    Read More
  7. Read More
  8. Read More
  9. Read More
  10. 라이믹스 설문조사 비회원참여를 막는 방법

    Date2021.12.05 Category기능 Views96 Votes0
    Read More
  11. Read More
  12. Read More
  13. 쿠키를 이용한 목록 스타일 변경 제공하기

    Date2021.11.20 Category기능 Views108 Votes1
    Read More
  14. Read More
  15. Read More
  16. 현재 읽고 있는 글의 목록 위치로 바로 가기 만들기 3

    Date2021.10.28 Category기능 Views88 Votes0
    Read More
  17. Read More
  18. Read More
  19. Read More
  20. Read More
  21. Read More
  22. Read More
  23. Read More
  24. Read More
  25. Read More
  26. Read More
  27. Read More
  28. 라이믹스 CK에디터 툴바의 링크 버튼 제거해 주기

    Date2021.09.04 Category운영 Views151 Votes0
    Read More
  29. Read More
  30. Read More
  31. Read More
  32. Read More
Prev 1 2 3 4 Next
/ 4
닫기
작성자에게 커피 한잔(후원)을 사주세요.
컨텐츠 작성자 : 꿀팁관리소장

후원하셨던 이름을 알려주세요.

후원 완료
후원하셨다면 [후원 완료] 버튼을 눌려주세요.