Προσθήκη Ζωντανών Σχολίων μόνο για μέλη σε ιστοσελίδες Ghost
Με το FastComments μπορούμε εύκολα να προσθέσουμε ζωντανά σχόλια αποκλειστικά για μέλη σε οποιονδήποτε ιστότοπο που έχει κατασκευαστεί με το Ghost.
Θα μπορούμε να εισάγουμε αυτόματα τα ονόματα χρήστη των μελών, τα avatar τους και να ρυθμίσουμε τις ειδοποιήσεις απάντησης σχολίων.
Σημείωση ότι αυτό το σεμινάριο απαιτεί λογαριασμό FastComments. Συνιστάται να εγγραφείτε πρώτα και μετά να επιστρέψετε εδώ. Μπορείτε να δημιουργήσετε έναν λογαριασμό εδώ.
Σε αυτό το σεμινάριο θα στοχεύσουμε σε ένα blog που έχει κατασκευαστεί με το Ghost, αλλά με λίγη τεχνογνωσία οι ίδιες οδηγίες ισχύουν για οποιονδήποτε τύπο ιστότοπου.
Αυτό το σεμινάριο ξεκινά από την οπτική ενός χρήστη που είναι πολύ νέος στο Ghost. Χρήστες με εμπειρία στην επεξεργασία των θεμάτων τους μπορούν να παραλείψουν στο Step 4.
Εάν αντιμετωπίζετε προβλήματα, μη διστάσετε να στείλετε το εξαγόμενο πρότυπο του θέματος σας στον εκπρόσωπο υποστήριξής σας (παραμένει απαραίτητο να ολοκληρωθούν τα βήματα 1 - 5).
Βήμα 1: Κατεβάστε το Θέμα σας 
Για να προσθέσετε σωστά το FastComments στο Ghost, πρέπει να επεξεργαστούμε τα αρχεία του θέματος.
Ας ξεκινήσουμε κατεβάζοντας το τρέχον ή το επιθυμητό θέμα σας.
Μεταβείτε στον πίνακα ελέγχου του ιστότοπού σας και κάντε κλικ στο εικονίδιο ρυθμίσεων κάτω αριστερά:
Στη συνέχεια επιλέξτε την επιλογή Design:
Παρότι τεχνικά δεν αλλάζουμε το θέμα, κάντε κλικ στο Change Theme κάτω αριστερά:
Στο πάνω δεξιό μέρος επιλέξτε το Advanced:
...και στη συνέχεια κατεβάστε το τρέχον ή το επιθυμητό θέμα σας:
Βήμα 2: Εγκαταστήστε το Θέμα σας τοπικά
Τώρα που κατεβάσαμε το αρχείο zip, αποσυμπιέστε το σε έναν φάκελο. Έχω κατεβάσει το προεπιλεγμένο casper.zip και το αποσυμπίεσα στο Downloads\casper στα Windows.
Στη συνέχεια, βεβαιωθείτε ότι έχετε εγκατεστημένη την LTS ή νεότερη έκδοση του NodeJS. Μπορείτε να την κατεβάσετε εδώ: https://nodejs.org/en/download/
Μόλις εγκατασταθεί το NodeJS, θα πρέπει να εγκαταστήσετε έναν επεξεργαστή κώδικα.
Συστήνουμε (και χρησιμοποιούμε) το Webstorm, το οποίο μπορείτε να αποκτήσετε εδώ με δοκιμή 30 ημερών (δεν απαιτείται πιστωτική κάρτα): https://www.jetbrains.com/webstorm/
Η επόμενη καλύτερη δωρεάν επιλογή πιθανώς είναι το Visual Studio Code: https://code.visualstudio.com/download
Αφού ρυθμίσετε τον επεξεργαστή σας και ανοίξετε τον φάκελο του θέματος στον επεξεργαστή, ανοίξτε το τερματικό στο IDE και εκτελέστε:
Η επιτυχής έξοδος θα μοιάζει με αυτή (μπορείτε να αγνοήσετε τις προειδοποιήσεις):
Αυτό θα ρυθμίσει τις εξαρτήσεις του θέματος για τις επόμενες εντολές που θα εκτελέσουμε. Επίσης, η εξαγωγή εξαρτάται από το να είναι εγκατεστημένες οι εξαρτήσεις του θέματος, διαφορετικά η επανεισαγωγή δεν θα λειτουργήσει σωστά.
Βήμα 3: Ονομάστε το Νέο Θέμα
Τώρα που έχουμε το θέμα ανοιχτό στον επεξεργαστή μας, ανοίξτε το package.json και αλλάξτε το πεδίο name σε κάτι άλλο. Στη δική μας περίπτωση απλώς προσθέτουμε -fastcomments στο τέλος:
Αν χρησιμοποιείτε IDE, θα αποθηκευτεί αυτόματα αφού κάνετε αυτή την αλλαγή.
Βήμα 4: Ανοίξτε το Πρότυπο Ανάρτησης
Τώρα θα ανοίξουμε το πρότυπο που χρησιμοποιείται για τα άρθρα του ιστολογίου μας. Ονομάζεται post.hbs:
Βήμα 5: Προσθέστε τον Κώδικα FastComments
Στη συνέχεια πρέπει να εντοπίσουμε πού θα προσθέσουμε τον κώδικα του widget του FastComments.com.
Αν χρησιμοποιείτε το προεπιλεγμένο θέμα casper, θα δείτε μια ενότητα σαν κι αυτή στη γραμμή 82:
Αν χρησιμοποιείτε άλλα θέματα, δεν θα το δείτε, και θα χρειαστεί να προσθέσετε αυτόν τον κώδικα μετά το τελευταίο </section>:
Θα πρέπει να έχετε κάτι τέτοιο έτοιμο:
Μόλις είστε έτοιμοι, αντιγράψτε τον κώδικα του widget του FastComments.com:
...και θα πρέπει να μοιάζει έτσι:
Ο κώδικας ολοκληρώθηκε. Τώρα απλώς πρέπει να επαναεισαγάγουμε το θέμα μας!
Βήμα 6: Εξαγάγετε το Θέμα σας
Τώρα πρέπει να συσκευάσουμε ξανά τα αρχεία του θέματος σε ένα αρχείο zip. Για να το κάνετε αυτό, χρησιμοποιήστε τις ενσωματωμένες λειτουργίες στο Ghost.
Ανοίξτε ξανά το τερματικό του επεξεργαστή σας και εκτελέστε npm run zip.
Αυτό θα συσκευάσει το θέμα σε ένα αρχείο zip στο dist/casper-fastcomments.zip (αν αυτό είναι το όνομα που έχετε δώσει στο θέμα στο Step Three).
Βήμα 7: Ανεβάστε το Θέμα στο Ghost
Επιστρέφοντας στον πίνακα ελέγχου του Ghost, ας ανεβάσουμε το θέμα μας:
Σε εμένα, το αρχείο zip βρίσκεται στην παρακάτω τοποθεσία. Σημειώστε το φάκελο dist:
Θυμηθείτε να ενεργοποιήσετε το πρόσφατα ανεβασμένο θέμα σας (το Ghost θα σας ρωτήσει).
Επιτυχία!
Τώρα θα πρέπει να έχουμε ενεργοποιήσει το FastComments Live Commenting για τα μέλη μας!
Συγχαρητήρια για τη ρύθμιση του FastComments με το Ghost! Αν αντιμετωπίσατε ένα Domain Error, ή αν θέλετε να μάθετε πώς να προσαρμόσετε την περιοχή σχολίων, συνεχίστε την ανάγνωση!
Σφάλματα Τομέα
Μπορεί να λάβετε ένα σφάλμα εξουσιοδότησης, όπως το παρακάτω:
Αυτό συμβαίνει επειδή το FastComments δεν γνωρίζει ότι πρέπει να επιτρέπεται η χρήση του λογαριασμού σας σε αυτόν τον τομέα.
Σε αυτή την περίπτωση, η λύση είναι απλή. Απλά πρέπει να προσθέσετε τον ιστότοπό σας στον λογαριασμό σας στο FastComments.com.
Πηγαίνετε εδώ για να προσθέσετε τον ιστότοπό σας στον λογαριασμό σας.
Προσαρμογή
Το FastComments έχει σχεδιαστεί για να προσαρμόζεται ώστε να ταιριάζει με τον ιστότοπό σας.
Εάν θέλετε να προσθέσετε προσαρμοσμένο στυλ ή να τροποποιήσετε τη διαμόρφωση, Δείτε την Τεκμηρίωση Προσαρμογής μας για να μάθετε πώς.
Προσθήκη Δημοσκοπήσεων στην ιστοσελίδα Ghost
Μόλις το FastComments είναι στον ιστότοπό σας Ghost, μπορείτε επίσης να εκτελείτε ζωντανές δημοσκοπήσεις απευθείας στα σχόλια. Ενεργοποιήστε Enable Polls στις ρυθμίσεις προσαρμογής του widget και ένα κουμπί δημοσκόπησης εμφανίζεται στη γραμμή εργαλείων σχολίων. Οι δημοσκοπήσεις δέχονται 2 έως 10 επιλογές, τα αποτελέσματα ενημερώνονται ζωντανά για όλους στη σελίδα, και εσείς επιλέγετε ποιος μπορεί να δημιουργήσει δημοσκοπήσεις και αν η ψήφος απαιτεί σύνδεση. Δεν υπάρχει κάτι άλλο να εγκατασταθεί στο Ghost.
Δοκιμάστε τη ζωντανή δημοσκόπηση demo ή διαβάστε την Τεκμηρίωση Δημοσκοπήσεων για να τις ρυθμίσετε.