Hackaday.com gibi bir yorum sistemi nasıl yapılır?

24 Ocak 2020

VAAY NE OLDU?

Bu gönderi, FastComments kullanarak https://hackaday.com'a benzeyen bir yorum sistemi yapımını gösteren bir örnektir.

Onları kopyalamanızı önermiyoruz. Ancak bu, FastComments'ın esnekliğini gösteriyor.

FastComments'ı bu şekilde görünmesi için ayarlamak oldukça basit! Bunun için bir kullanıcı arayüzü oluşturduk! Örneğin, FastComments'ı bu sayfayla eşleşecek şekilde yapılandırmak için kullandığımız ayar burada:

Bunu kodla yapmak isterseniz, o da en az o kadar kolay.

Sadece birkaç seçeneği ayarlamamız gerekiyor. Yani, yedi. İşte kod parçası (özel CSS hariç). Bu şekilde yalnızca bu kadar CSS eklenebilir. CSS tanımlamak için yukarıdaki UI'yı kullanmanızı öneririz. Bu, sizin için de optimize edilecek, oysa customCSS özelliğini tanımlamak, herhangi bir küçültme optimizasyonu uygulamaz.

Peki, bunların her biri ne anlama geliyor?

commentCountFormat = Yorum dizisinin üstündeki başlığın formatı. "[count]" Gerçek yerelleştirilmiş sayı ile değiştirilir.
commentCountUpdated = Yorum sayısı değiştiğinde çağrılan bir işlev. Bunu, sayfanın üst kısmındaki yorum sayısını ayarlamak için kullanıyoruz.
headerHTML = "bir cevap bırak" kutusunun üstünde gösterilen HTML. Bu durumda, bir başlık öğesi eklemek için kullanıyoruz.
hideAvatars = Hackaday'de avatar yoktur. Bu yüzden bunları gizlemek için true olarak ayarlıyoruz.
inputAfterComments = Yanıt kutusunu yorum akışının en altına taşır.
absoluteDates = Varsayılan tarih formatını (yani, "11 Dakika Önce") mutlak bir tarihe değiştirir.
customCSS = Özel stil

Tüm yapılandırma seçenekleri burada belgelenmiştir.