הוספת תגובות לאתרים של Weebly

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

ברגע שאתם מוכנים, נוכל להמשיך ולפתוח את עורך Weebly, וללחוץ על Settings בחלק העליון.

פתיחת ההגדרות

כעת נפתח את ההגדרות עבור הבלוג שלנו על ידי מעבר אל Blog בצד שמאל:

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

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

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

כעת נגדיר את Commenting system ל-Default ואת Comment Default ל-Closed:

השבתת המערכת המובנית

לסיום, כל שנותר הוא להוסיף את קוד הווידג'ט של FastComments.com!

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

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