איך ליצור מערכת תגובות כמו Hackaday.com

24 בינואר 2020

וואו מה קרה?

פוסט זה הוא הדגמה של שימוש ב-FastComments כדי ליצור מערכת תגובות שנראית כמו https://hackaday.com.

אנחנו לא מציעים לך להעתיק אותם. אבל זה מדגים את הגמישות של FastComments.

לעשות את FastComments להיראות בצורה הזו זה פשוט! בנינו ממשק משתמש לזה! לדוגמה, הנה ההגדרות בהן השתמשנו כדי לגרום ל-FastComments להתאים לדף הזה:

אם אתה רוצה לעשות את זה בקוד, זה קל לא פחות.

רק עלינו להגדיר כמה אפשרויות. טוב, שבע. הנה קטע הקוד (CSS מותאם הושמט). ניתן להכניס CSS כך רק עד כמה. אנחנו ממליצים להשתמש בממשק המשתמש מעלה כדי להגדיר CSS. זה גם ימזער את זה בשבילך, בזמן שהגדרת פרמטר customCSS לא תיישם אופטימיזציות של מזעור.

אז מה כל אחד מהדברים האלה אומר?

• commentCountFormat = הפורמט של הכותרת מעל שרשרת התגובות. "[count]" מוחלף במניין הממוקם בפועל.
• commentCountUpdated = פונקציה שמתבצעת כאשר מספר התגובות משתנה. אנחנו משתמשים בזה כדי לכוון את מספר התגובות בראש הדף
• headerHTML = HTML שמוצג מעל תיבת "השאר תגובה". במקרה הזה אנו משתמשים בזה כדי להכניס אלמנט כותרת.
• hideAvatars = ב-Hackaday אין תמונות מוקדמות. אז אנחנו מגדירים את זה לאמת כדי להסתיר אותם.
• inputAfterComments = מעביר את תיבת התגובה לתחתית זרם התגובות.
• absoluteDates = משנה את פורמט התאריך ברירת המחדל (כלומר, "לפני 11 דקות") לתאריך מוחלט.
• customCSS = עיצוב מותאם אישית

כל האפשרויות להגדרה מתועדות כאן.