Add Comments to Weebly Sites

먼저 이 튜토리얼의 결과를 확인하려면 사이트에 블로그 게시물이 몇 개 추가되어 있는지 확인하세요.

준비되면 Weebly 편집기를 열고 상단의 Settings를 클릭합니다.

설정 열기

이제 왼쪽에서 Blog로 이동하여 블로그 설정을 엽니다:

블로그 설정 열기

이제 기본 Weebly 댓글 시스템을 비활성화해야 합니다. 이 시스템을 교체할 예정입니다.

참고 Weebly 사이트의 기존 댓글을 FastComments로 마이그레이션하려는 경우, 지원 담당자가 이 마이그레이션을 도와드릴 수 있습니다.

이제 Commenting system을 Default로, Comment Default를 Closed로 설정합니다:

기본 시스템 비활성화

다음으로 FastComments.com 위젯 코드를 추가하기만 하면 됩니다!

Weebly와 FastComments 통합을 제대로 작동시키려면 두 개의 작은 코드 조각을 추가해야 합니다.

첫 번째 스니펫은 Weebly의 "Comments are Closed" 메시지를 숨기기 위한 것이고, 두 번째는 실제로 FastComments를 불러오는 것입니다.

먼저, 이 작은 코드 스니펫을 복사하세요:

FastComments 헤더 코드 스니펫

Copy

1

2<style>

3 #comments {

4 display: none;

5 }

6 #commentArea:not(.loaded) {

7 display: none;

8 }

9 #commentArea.loaded {

10 display: block !important;

11 }

12</style>

13

그런 다음, Step One에서 사용한 동일한 설정 페이지에서 Post header code 옆의 +를 클릭하세요.

게시물 헤더 코드 열기

다음과 같이 텍스트 박스가 열립니다:

게시물 헤더 코드 열림

이제 우리의 코드 스니펫을 붙여넣습니다:

헤더 코드 스니펫 붙여넣음

다음으로 FastComments를 활성화할 푸터 코드를 추가합니다. Post footer code 옆의 더하기 기호를 클릭하세요:

게시물 푸터 코드 열기

Weebly를 위해 특히 설계된 이 코드 스니펫을 복사하세요:

FastComments 푸터 코드 스니펫

Copy

1

2<script src="https://cdn.fastcomments.com/js/embed-v2.min.js"></script>

3<div id="fastcomments-widget"></div>

4<script>

5 (function () {

6 let loaded = false;

7 let interval = null;

8 function attemptLoad() {

9 if (loaded) {

10 clearInterval(interval);

11 return;

12 }

13 const comments = document.getElementById('comments');

14 if (comments) { // remove show comments button

15 comments.remove();

16 }

17 const commentArea = document.getElementById('commentArea');

18 if (!commentArea) {

19 return;

20 }

21 commentArea.innerHTML = '';

22 commentArea.classList.add('loaded');

23 FastCommentsUI(commentArea, {

24 tenantId: "demo",

25 urlId: window.location.pathname

26 });

27 loaded = true;

28 clearInterval(interval);

29 }

30 attemptLoad();

31 interval = setInterval(attemptLoad, 300);

32 })();

33</script>

34

이제 푸터 코드를 붙여넣습니다:

게시물 푸터 코드 추가됨

그게 전부입니다!

이제 변경 사항을 저장하고 사이트를 게시하기만 하면 됩니다!

저장 및 게시

성공했습니다! 사이트를 보시면 이제 FastComments Live Commenting이 활성화되어 있어야 합니다:

성공

FastComments는 귀하의 사이트에 맞게 맞춤화되도록 설계되었습니다.

사용자 지정 스타일을 추가하거나 구성을 조정하려면, 맞춤 설정 및 구성 문서 확인에서 방법을 확인하세요.