Add Comments to Weebly Sites

ראשית, ודא שיש לך כמה פוסטים בבלוג שנוספו לאתר שלך כדי לראות את תוצאות המדריך הזה.

Once ready, we can go ahead and open the Weebly editor, and click Settings at the top.

פתח הגדרות

Now let's open the settings for our blog by going to Blog on the left:

פתח את הגדרות הבלוג

כעת עלינו להשבית את מערכת ההערות המוגדרת של Weebly, אותה נחליף.

הערה אם ברצונך להעביר הערות קיימות מאתר ה-Weebly שלך ל-FastComments, נציג התמיכה שלנו יכול לסייע בתהליך ההעברה.

Now let's set the Commenting system to Default and Comment Default to Closed:

השבת את מערכת ברירת המחדל

Next we just have to add the FastComments.com widget code!

כדי שהאינטגרציה בין Weebly ו-FastComments תעבוד היטב, עלינו להוסיף שתי חתיכות קוד קטנות.

הקטע הראשון מיועד להסתיר את הודעת Weebly "התגובות סגורות", והקטע השני מיועד לטעון בפועל את 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.

פתח קוד כותרת הפוסט

תופיע תיבת טקסט כזו:

קוד כותרת הפוסט פתוח

כעת נדביק את קטע הקוד שלנו:

קטע קוד הכותרת הודבק

השלב הבא הוא קוד התחתית (footer) להפעלת 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) { // הסר את כפתור 'הצג תגובות'

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 תוכנן כך שניתן להתאימו למראה של האתר שלך.

אם ברצונך להוסיף עיצוב מותאם אישית או להתאים את ההגדרות, עיין בתיעוד ההתאמות וההגדרות שלנו כדי ללמוד כיצד.