Add Comments to Weebly Sites

Πρώτα, βεβαιωθείτε ότι έχετε προσθέσει κάποιες δημοσιεύσεις στο blog στον ιστότοπό σας για να δείτε τα αποτελέσματα αυτού του οδηγού.

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

Άνοιγμα Ρυθμίσεων

Τώρα ας ανοίξουμε τις ρυθμίσεις για το blog μας πηγαίνοντας στο Blog στην αριστερή πλευρά:

Άνοιγμα Ρυθμίσεων Blog

Τώρα αυτό που πρέπει να κάνουμε είναι να απενεργοποιήσουμε το προεπιλεγμένο σύστημα σχολιασμού του Weebly, το οποίο θα αντικαταστήσουμε.

Σημείωση εάν θέλετε να μεταφέρετε υπάρχοντα σχόλια από τον ιστότοπό σας Weebly στο FastComments, ο εκπρόσωπός υποστήριξής σας μπορεί να βοηθήσει με αυτή τη μετανάστευση.

Τώρα ας ορίσουμε το Commenting system σε Default και το Comment Default σε Closed:

Απενεργοποίηση του προεπιλεγμένου συστήματος

Στη συνέχεια πρέπει απλώς να προσθέσουμε τον κώδικα widget του 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.

Άνοιγμα Κώδικα Επικεφαλίδας Δημοσίευσης

Θα πρέπει να δείτε ένα πεδίο κειμένου να ανοίγει έτσι:

Άνοιγμα Κώδικα Επικεφαλίδας Δημοσίευσης

Τώρα επικολλήστε το απόσπασμα κώδικα:

Απόσπασμα Κώδικα Κεφαλίδας Επικολλημένο

Στη συνέχεια είναι ο κώδικας υποσέλιδου για να ενεργοποιήσει το 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 έχει σχεδιαστεί για να προσαρμόζεται ώστε να ταιριάζει στον ιστότοπό σας.

Εάν θέλετε να προσθέσετε προσαρμοσμένο στυλ ή να τροποποιήσετε τη διαμόρφωση, Δείτε την τεκμηρίωση προσαρμογών μας για να μάθετε πώς.