Προσθήκη σχολίων σε ιστότοπους Weebly

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

Μόλις είστε έτοιμοι, μπορούμε να προχωρήσουμε στο άνοιγμα του επεξεργαστή Weebly και να κάνουμε κλικ στο Settings στο πάνω μέρος.

Άνοιγμα Settings

Τώρα ας ανοίξουμε τις ρυθμίσεις για το 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 έχει σχεδιαστεί για να προσαρμόζεται ώστε να ταιριάζει στον ιστότοπό σας.

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