Add Comments to Weebly Sites

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

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

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

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

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

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

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

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

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

Στη συνέχεια απλώς πρέπει να προσθέσουμε τον κώδικα widget του FastComments.com!

Για να λειτουργήσει σωστά η ενσωμάτωση Weebly με το FastComments, πρέπει να προσθέσουμε δύο μικρά κομμάτια κώδικα.

Το πρώτο απόσπασμα είναι για να κρύψει το μήνυμα του Weebly "Comments are Closed", και το δεύτερο είναι για να φορτώσει πραγματικά το FastComments.

First, copy this small code snippet:

Απόσπασμα Κώδικα Επικεφαλίδας 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

Then, on the same settings page from Step One, click the + next to Post header code.

Άνοιγμα Κώδικα Επικεφαλίδας Ανάρτησης

You should see a text box open like this:

Κώδικας Επικεφαλίδας Ανάρτησης Ανοιχτός

Now let's paste in our code snippet:

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

Next up is the footer code to enable FastComments. Click the plus sign next to Post footer code:

Άνοιγμα Κώδικα Υποσέλιδου Ανάρτησης

Copy this code snippet which is designed specifically for 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

Now let's paste in our footer code:

Κώδικας Υποσέλιδου Ανάρτησης Προστέθηκε

That's it!

Τώρα πρέπει απλώς να αποθηκεύσουμε τις αλλαγές μας και να δημοσιεύσουμε τον ιστότοπό μας!

Αποθήκευση και Δημοσίευση

Επιτυχία! Εάν δείτε τον ιστότοπό σας, θα πρέπει τώρα να έχετε ενεργοποιημένο το FastComments Live Commenting:

Επιτυχία

Το FastComments έχει σχεδιαστεί ώστε να προσαρμόζεται για να ταιριάζει στον ιστότοπό σας.

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