Η ενημέρωση 1.0.104 του πρόσθετου Rank Math, στην δωρεάν έκδοση της 19ης Δεκεμβρίου, προσθέτει ένα νέο μπλοκ πίνακα περιεχομένων και ήταν καιρός.

Αυτή η λειτουργικότητα, πολύ χρήσιμη για τον αναγνώστη και επωφελής για σκοπούς SEO, έπρεπε μέχρι τώρα να προστεθεί με ένα ειδικό πρόσθετο όπως το Simple TOC ή παρόμοιο. Αν και μπορούσε να επιτευχθεί χωρίς πρόσθετο, ήταν δυσκίνητο και δεν λειτουργούσε σε όλες τις περιπτώσεις.

Καθώς σε αυτό το σπίτι είμαστε λάτρεις του WPO και ως εκ τούτου χρησιμοποιούν μόνο plugins που είναι απολύτως απαραίτητο και μόνο όταν δεν υπάρχει άλλη επιλογή, επειδή δεν υπάρχει εναλλακτική λύση για την αναδημιουργία της ίδιας λειτουργίας με καθαρό κώδικα, Rank Math ενσωματώνει τους πίνακες περιεχομένων είναι καλά νέα. Σήμερα απεγκαταστήσαμε ένα πρόσθετο που ήταν μόνο για πίνακες περιεχομένων.

ΤοRank Math εξακολουθεί να είναι ένα σχετικά ελαφρύ πρόσθετο επειδή είναι αρθρωτό και μπορείτε να απενεργοποιήσετε ό,τι δεν χρειάζεστε. Επιπλέον, μπορείτε πάντα να βασίζεστε στο Perfmatters Script Manager για να ελέγχετε περαιτέρω τι φορτώνεται σε κάθε σημείο.

Το νέο μπλοκ δεν έχει πολύ μυστήριο, επειδή οι δυνατότητες διαμόρφωσης του είναι ακριβώς οι σωστές και αυτό μου αρέσει, επειδή δείχνει ότι δεν "παχαίνει" το Rank Math. Μπορεί να προστεθεί όπως κάθε άλλο μπλοκ, δημιουργώντας ένα επαναχρησιμοποιήσιμο μπλοκ, το οποίο θα χρησιμοποιεί τη γενική ρύθμιση, ή προσθέτοντας ένα απλό μπλοκ, αν θέλετε να έχει διαφορετικές παραμέτρους μόνο για συγκεκριμένες εισόδους.

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

Από τις ρυθμίσεις του μπλοκ στον επεξεργαστή μπορείτε να ορίσετε το περιτύλιγμα τίτλου του πίνακα, το μέγεθος και το χρώμα των συνδέσμων και το φόντο. Κάτω από τις "διαστάσεις" υπάρχουν οι ρυθμίσεις για τη λεπτομερή ρύθμιση του γεμίσματος και του περιθωρίου.

Ένα άλλο πράγμα που το μπλοκ σας επιτρέπει να κάνετε είναι να επεξεργαστείτε το κείμενο άγκυρας που προστίθεται αυτόματα στους συνδέσμους επικεφαλίδας σε περίπτωση που θέλετε να το κατευθύνετε σε άλλο σημείο του κειμένου. Αυτό γίνεται με το πράσινο κουμπί, ενώ με το κόκκινο κουμπί αποκρύπτετε τις επικεφαλίδες που δεν θέλετε να εμφανίζονται.

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

Ο ευκολότερος τρόπος είναι να δημιουργήσετε ένα επαναχρησιμοποιήσιμο μπλοκ και να το εφαρμόσετε σφαιρικά σε όλες τις σελίδες / δημοσιεύσεις χρησιμοποιώντας ένα άγκιστρο ή κάτι παρόμοιο με το"Elements" από το GeneratePress.

Ωστόσο, δεν είναι μόνο άσχημα νέα. Οι πίνακες που έχετε προσθέσει χρησιμοποιώντας Yoast o AIOSEO μπορείτε να τις εισαγάγετε όταν ρυθμίζετε το Rank Math για πρώτη φορά χρησιμοποιώντας τον οδηγό ρυθμίσεων. Το Rank Math θα εισάγει αυτόματα όλα αυτά τα μπλοκ. Ή μπορείτε πάντα να το κάνετε μετά την εγκατάσταση από το μενού Rank Math / Status & Tools / Database Tools.

Προβλήματα με το GeneratePress

Καθώς όλα δεν μπορούσαν να είναι όμορφα, το πρώτο πράγμα που αντιμετώπισα ήταν προβλήματα με τη χρήση του μπλοκ στο GeneratePress. Το πλαίσιο ρυθμίσεων "Διαστάσεις" δεν εμφανιζόταν. Αυτό συμβαίνει επειδή σε ορισμένα πρότυπα είναι απενεργοποιημένο από προεπιλογή και απαιτεί να ενεργοποιηθεί στο θέμα δηλώνοντας υποστήριξη.

Για να το πάρετε πίσω θα πρέπει να προσθέσετε το ακόλουθο απόσπασμα στο GeneratePress.

add_theme_support( 'custom-spacing' );

Η προσθήκη του padding έδειξε τις αλλαγές στο back end, αλλά όχι στο front end και το πλαίσιο ρυθμίσεων περιθωρίου δεν εμφανίζεται επίσης. Επίσης, δεν μπόρεσα να το κάνω να λειτουργήσει μέσα σε ένα δοχείο GenerateBlocks για μορφοποίηση.

Η λύση εμφανίστηκε μεταξύ του φόρουμ υποστήριξης Rank Math (ανοιχτό για την δωρεάν έκδοση) και του φόρουμ GeneratePress. Πρέπει να καταφύγουμε σε CSS για να κάνουμε τους πίνακες λίγο πιο ευπαρουσίαστους και να βάλουμε το περίγραμμα και τη μικρή σκιά που είχαν. Εδώ είναι σε περίπτωση που κάποιος βρίσκεται στην ίδια κατάσταση.

.wp-block-rank-math-toc-block {
    --wp--preset--spacing--50: 15px;
    --wp--preset--spacing--20: 5px;
    margin-bottom: 15px;
    border: 1px solid;
    border-radius: 20px;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
}

Όλα αυτά εξηγούνται πολύ καλύτερα σε αυτό το νήμα του φοβερού φόρουμ υποστήριξης του GeneratePress, από το οποίο πήρα επίσης το CSS για να κλωνοποιήσω την πρωτόγονη πτυχή των πινάκων.

Προς το παρόν αυτοί θα είναι οι πίνακες που χρησιμοποιώ, ενώ το Gutenberg ολοκληρώνει το χτένισμα του εγγενούς μπλοκ τους και το προσθέτει στον πυρήνα του WordPress. + Πληροφορίες.

Περισσότερες πληροφορίες σχετικά με τους πίνακες περιεχομένων στο Rank Math.

Αυτό το άρθρο περιέχει μερικούς συνδέσμους θυγατρικών.