Shopify 블로그 게시물에 댓글로 Discourse를 가장 효율적으로 사용하는 방법은?

개발
7

OP의 질문에 제대로 답변하지 못했음을 깨달았습니다. Shopify 제품 페이지나 블로그 게시물에 적용할 수 있는 일반적인 접근 방식을 공유합니다. 스토어의 테마 / 사용자 지정 섹션에서 Discourse 댓글을 추가하려는 페이지 템플릿으로 이동하세요. 페이지에 따라 섹션에 사용자 지정 Liquid 블록을 추가하거나, 새로운 사용자 지정 Liquid 섹션을 추가하십시오. 그런 다음 해당 섹션에 Discourse 임베드 코드를 추가합니다.

임베드 코드의 discourseEmbedUrl에는 location.href를 사용하세요. 이렇게 하면 discourseEmbedUrl이 자동으로 설정됩니다. 예를 들어:

<div id='discourse-comments'></div>
<meta name='discourse-username' content='DISCOURSE_USERNAME'>

<script type="text/javascript">
  DiscourseEmbed = {
    discourseUrl: 'DISCOURSE_URL',
    discourseEmbedUrl: location.href,
    // className: 'CLASS_NAME',
  };

  (function() {
    var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
    d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
  })();
</script>

Shopify 블로그 게시물의 경우, 댓글 섹션을 가운데 정렬하고 너비를 제한하기 위해 Liquid 섹션에 일부 사용자 지정 CSS를 추가해야 할 가능성이 높습니다. 예를 들어:

div#discourse-comments {
  max-width: 726px;
  margin: 0 auto;
}

제품 페이지와 달리 블로그 게시물의 경우, Discourse가 해당 주제에 적절한 콘텐츠를 가져오는 데 잘 작동하는 것을 발견했습니다:

image
image1061×1151 150 KB