Δημιουργία αυτόματου πίνακα περιεχομένων χρησιμοποιώντας το Tocbot
Το μακρύτερο περιεχόμενο γίνεται όλο και πιο συνηθισμένο με τη μεγαλύτερη λήψη από την Google και τους χρήστες. Αλλά μπορεί πάρτε λίγο κουραστικό να διαβάσετε το περιεχόμενο μακράς μορφής με τους τόνους υποτομέων για περιήγηση.
Εισάγετε Tocbot, ένα δωρεάν γεννήτρια πίνακα περιεχομένων που βασίζεται στο JavaScript. Αυτό δημιουργεί αυτόματα μια σταθερή λίστα ToC σε οποιαδήποτε σελίδα και ενημερώνει τη θέση σας καθώς μετακινηθείτε σε κάθε τίτλο.
Η κύρια σελίδα περιλαμβάνει μια πλήρη προεπισκόπηση μαζί με την τεκμηρίωση που μπορείτε να ακολουθήσετε για να πάρετε αυτή τη ρύθμιση.
Το Tocbot έχει χωρίς εξαρτήσεις και θα πρέπει να εκτελείται σε οποιοδήποτε πρόγραμμα περιήγησης με δυνατότητα JavaScript. Συμπεριλαμβάνετε μόνο τα αρχεία Tocbot JS / CSS και αφήστε τα να τρέξουν. Απλός!
Μπορείτε ακόμη και να χρησιμοποιήσετε τις εκδόσεις CDN, αν δεν θέλετε να κατεβάσετε κάτι τοπικά. Είναι όμορφο απλή ρύθμιση και μπορείτε ακόμη και να προσαρμόσετε τον πίνακα περιεχομένων για να ταιριάζει στις ανάγκες σας.
Ωστόσο, αυτό απαιτεί λίγη JavaScript για να το λειτουργήσει. Συγκεκριμένα, πρέπει να εκτελέσετε ένα μέσα σε αυτό() λειτουργία με παραμέτρους που καθορίζουν πού πρέπει να εμφανίζεται η πλοήγησή σας και ποια επικεφαλίδα (ες) θέλετε να στοχεύσετε (δηλ. H1-H6).
Ρίξτε μια ματιά στο repo GitHub για περισσότερες πληροφορίες εγκατάστασης. Αυτό περιλαμβάνει την υποστήριξη του προγράμματος περιήγησης, όλες τις προσαρμοσμένες παραμέτρους και τις οδηγίες εγκατάστασης για τα κύρια αρχεία JS / CSS.
Το API συνοδεύεται πολύ των χαρακτηριστικών που μπορείτε να επεξεργαστείτε επίσης:
- Σύνθετη λίστα αντικειμένων.
- Υποκατηγορίες στον πίνακα.
- Μετατόπιση για πλοήγηση σε τραπέζι.
- Σταθερό σκάφος ή στατικό.
- Πρόσθετοι σύνδεσμοι για προσθήκη στην πλοήγηση.
Μερικοί σχεδιαστές μπορεί να προτιμούν να δημιουργήσουν το δικό τους πίνακα περιεχομένων από την αρχή. Αλλά αυτή είναι μια αρκετά τεχνική διαδικασία και απαιτεί πολλή χειρωνακτική προσπάθεια.
Με Tocbot είστε μόνο μια λειτουργία JS μακριά από μια εργασία ToC που τρέχει δυναμικά σε όλες τις επικεφαλίδες σελίδων σας.
Για να μάθετε περισσότερα, επισκεφθείτε την αρχική σελίδα του Tocbot. Αυτό περιλαμβάνει όλες τις πληροφορίες εγκατάστασης που χρειάζεστε μαζί με τις συνδέσεις λήψης με τις εκδόσεις CDN (και τοπικές) όλων των αρχείων Tocbot.
