페이스북이 게시된 콘텐츠의 하이퍼링크를 처리하는 방식을 대략적으로 재현해보고 있습니다.
기본적으로 첫 번째 하이퍼링크의 원박스(Onebox) 또는 유사한 미리보기를 게시물의 첫 몇 줄과 함께 표시합니다.
Topic List Previews 플러그인으로 간단히 시도해 보았지만, 제가 원하는 기능을 제공하는 것 같지 않습니다.
이러한 동작을 만들 수 있는 방법을 알고 계신 분이 있을까요?
페이스북이 게시된 콘텐츠의 하이퍼링크를 처리하는 방식을 대략적으로 재현해보고 있습니다.
기본적으로 첫 번째 하이퍼링크의 원박스(Onebox) 또는 유사한 미리보기를 게시물의 첫 몇 줄과 함께 표시합니다.
Topic List Previews 플러그인으로 간단히 시도해 보았지만, 제가 원하는 기능을 제공하는 것 같지 않습니다.
이러한 동작을 만들 수 있는 방법을 알고 계신 분이 있을까요?
토픽 목록(Topic List)을 스타일링하려는 건가요, 아니면 개별 토픽(Topic)을 스타일링하려는 건가요?
TLP에서 타일(Tiles) 설정을 사용해 보셨나요? 이 설정을 사용하면 썸네일과 발췌문(가능한 경우)을 ‘페이스북’ 스타일과 유사하게 표시합니다. 예시: https://rideabl.es
Discourse에서는 썸네일을 소셜 미디어처럼 표시하는 유일한 수준이 토픽 목록(Topic List)입니다(이를 위해서는 TLP, Fakebook 또는 Topic List Thumbnails와 같은 플러그인 또는 TC가 필요합니다).
토픽(Topic) 수준에서는 하나의 박스를 유지해야 할 수 있지만, 이를 스타일링하는 것도 가능할 수 있습니다. 다만 저는 그쪽 길을 걸어본 적이 없습니다.
감사합니다. 타일 모드를 시도해 본 적이 없었는데, 네, 작동하는 것 같습니다. 물론 페이스북처럼 1열이 아니라 3열이지만, 이걸 변경할 수 있다고 추측합니다(다만 그대로 두는 것이 더 나을 수도 있겠네요!).
관련해서 topic list excerpt를 시도해 봤는데, 좀 이상한 렌더링이 나타나는 것 같습니다. 예를 들어, 하이퍼링크를 포함한 완전히 포맷된 발췌문이 표시되고, 무작위로 스타일(예: 더 큰 글꼴)이 바뀌거나/또는 앞에 공백이 추가되는 경우도 있습니다. 이 문제를 어떻게 수정할 수 있는지 아시나요?
마지막으로 rideabl.es에는 토픽 상단에 좋은 “외부에서 열기” 아이콘/하이퍼링크가 있습니다. 이 기능이 여러분의 플러그인에서 제공하는 건가요, 아니면 다른 사람의 플러그인인가요?
TLP TC(플러그인이 아님)는 완전히 반응형(responsive)이므로 사이드바를 추가하여 공간을 줄이면 열의 수가 자동으로 감소합니다(이것을 테스트하려면 단순히 브라우저 크기를 줄여보세요). Pavilion
커스터마이징할 수 있는 사이드바를 추가하려면 Layouts 플러그인을 확인하세요. 더 자세한 내용은 여기서 읽을 수 있습니다: Pavilion
또는 Fakebook TC를 시도해 보세요. 이 테마는 항상 1열이며 내장된 사이드바가 몇 개 있습니다.
토픽 목록 미리보기(topic list excerpt)는 직렬화기(serializer)가 불필요한 데이터(예: 원박스(onebox) 앵커 포함!)를 많이 전송하기 때문에 모든 구현 방식에서 일부 문제가 있습니다. … 이는 어느 정도 스타일링으로 해결할 수 있습니다 - 방금 rideables에서 그렇게 처리했습니다.
이것은 네이티브(native) 기능으로, TLP의 출력에 이미 포함되어 있습니다.
그렇다면 제가 이것에 접근하는 방법을 어떻게 알 수 있을까요? 제 디스코urs 설치 환경은 기본적으로 거의 바닐라 상태인데, 여기서 렌더링이 되지 않습니다.
마지막으로, 플러그인이 활성화되지 않은 페이지에서도 포맷팅이 약간 어색한 이유를 아시나요? TLP가 활성화되지 않은 목록/카테고리를 살펴보면, 목록 보기에서 주제 제목 아래에 여분 패딩이 있는 것 같습니다.
제목에 링크를 넣으면 생성됩니다 (플레이스홀더 텍스트를 참고하세요).
플러그인이 설치된 경우, 어떤 경우에도 템플릿을 덮어씁니다. 문제가 발생하면 스타일을 다시 적용해 보십시오(각 스타일에서 영향이 허용 가능한지 확인하십시오). 또한 플러그인의 CSS를 업데이트할 수 있으니 PR을 보내주셔도 됩니다. 여기에서 버그 리포트를 제출할 수도 있습니다: Pavilion.
URL을 주제에 넣었더니 이제 외부 링크 아이콘도 보이고, Discourse가 링크된 리소스의 제목을 자동으로 복사한 것도 확인했습니다.
불행히도 이렇게 하니까 TLP 원박스(Onebox) 미리보기가 멈춘 것 같습니다. 제가 뭘 잘못하고 있는 걸까요?
Fakebook 테마를 살펴보고 있습니다. 팁을 알려주셔서 감사합니다! ![]()
아니요, 멈추지 않습니다. 인내심을 가져야 합니다. 섬네일(실제로는 섬네일 세트) 렌더링은 서버 측 과정이며 시간이 걸립니다. 즉각적으로 이루어지지 않습니다. 모든 구현 방식에서 동일합니다. 프론트엔드를 변경해도 이 과정에는 영향을 주지 않습니다. ![]()