게시물 공유 시 링크 아이콘 대신 표준 공유 아이콘 사용

최근에 공유 아이콘은 어느 정도 표준화되었습니다.

또는

전자가 가장 표준적인 형태라고 생각합니다.

Discourse에서는 게시물 공유 아이콘이 링크(고리 모양) 아이콘으로 표시됩니다. 이 방식도 잘 작동하지만, 요즘은 위쪽의 노드 아이콘이 가장 잘 인식되는 것 같습니다.

이를 변경하는 권장 방법이 있을까요?

1개의 좋아요

기본 코드는 다음과 같습니다:

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('link', 'share-alt');
</script>

이상하게도 이 코드는 작동하지 않습니다. 바로 옆에 사용된 bookmark이나 flag 같은 다른 아이콘들은 정상적으로 작동합니다. link가 아이콘 이름이어야 하는데 말이죠..

@darkpixlz 님, 최근에 사이드바에서 링크 아이콘을 케이크로 교체하는 방법에 대해 게시하셨습니다. 여기에서 다른 아이콘 이름을 사용하셨나요?

2개의 좋아요

감사합니다. 헤더에서도 시도해 보았는데, 실제로는 작동하지 않았습니다.

말씀하신 코드는 이 요소를 수정하기 위한 것이 맞나요?

<svg class="fa d-icon d-icon-d-post-share svg-icon svg-node" aria-hidden="true">
  <use xlink:href="#link">
  </use>
</svg>

d-icon-d-post-share인가요?

죄송합니다. (모던) JavaScript/CSS에는 아직 초보입니다.

1개의 좋아요

기능 요청을 해서 처리해 달라고 했지만, 수동으로 직접 해본 적은 없습니다.

업데이트: 말씀하시는 게 뭔지 알겠습니다. 실제 플러그인이 아니라 기본적인 요소 검사(Inspect Element)를 사용한 것이었네요.

2개의 좋아요

처음에는 link 아이콘이었지만, 공유 아이콘이 어울리지 않는 위치(예: 링크 추가를 위한 서식 툴바 버튼)의 링크 아이콘을 대체하기 위해 변경되었습니다.

아래 내용을 테스트해 보았는데 의도한 대로 작동하는 것 같습니다:

api.replaceIcon('d-post-share', 'share-alt');
api.replaceIcon('d-topic-share', 'share-alt');

첫 번째는 게시글 안의 아이콘을, 두 번째는 주제 하단의 공유 버튼 아이콘을 대체합니다.

5개의 좋아요

오 @renato! 완벽하게 작동하네요 :tada:

사실 external-link-alt도 꽤 잘 어울릴 것 같네요..

3개의 좋아요

외부 링크와 공유는 같은 것이 아니에요… 아무리 잘 보여도 마찬가지죠 :wink:

5개의 좋아요

음.. 아이콘의 "어원"은 그렇게까지 걱정하지 않아도 될 것 같다 :nerd_face: 오히려 그 맥락에서 흔히 사용되는지가 더 중요하지 않을까. 여기서는 그런 것 같아, 예를 들어 트위터에서 본 화면이 이렇거든:

image

Renato님, 감사합니다. 제 경우에는 아이콘이 사라집니다.

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('d-post-share', 'share-alt');
  api.replaceIcon('d-topic-share', 'share-alt');
</script>

기본 테마를 사용하여 테마 컴포넌트로 헤더에 적용했습니다. 그 결과 다음과 같은 화면이 표시됩니다:

다른 조치가 필요한가요? 아마도 아이콘을 추가해야 하는 것일까요?

음, 사용자가 기능도 이해할 수 있다면 좋겠죠 :wink:

설정으로 이동하여 svg icon subset를 검색하세요. share-alt를 추가하면 준비 완료입니다.

4개의 좋아요

대단하네요, 감사합니다 @Jagster

2개의 좋아요

글쎄, 의견이 다를 수 있겠지만, 저는 링크 아이콘보다 공유 아이콘이 해당 동작을 더 잘 표현한다고 생각합니다. 하지만 이건 제 개인적인 의견일 뿐입니다. 또한 모바일 환경에서는 이 동작이 실제로 OS의 공유 UI를 열며, 데스크톱에서는 아직 Web Share API에 대한 지원이 충분하지 않아 링크 방식을 사용하고 있는 것으로 보입니다.

@Jagster의 댓글을 올바르게 이해했다면, 그는 데스크톱의 외부 링크 + 모바일 OS 공유 UI 팝업에 share-alt를 사용하는 것에 반대하는 것이 아니라, 이것이 공유 기능이기 때문에 외부 링크 아이콘만으로는 기능을 완전히 커버할 수 없다고 주장하고 있다고 보는 것입니다.

제 해석입니다. 틀렸을 수도 있습니다.

1개의 좋아요

아, 네가 맞는 것 같고 나는 맥락을 완전히 놓치고 있었네…

미안해 @Jagster!

2개의 좋아요