Ξεκινάμε κοιτάζοντας μερικές από τις επιπόλαιες δουλειές που έκανα πίσω από τα παρασκήνια, σαρκώνοντας μερικά πράγματα που έπρεπε να γίνουν. Όπως η προσθήκη στις υπόλοιπες κλήσεις wp_list_pages () για έξοδο της υπόλοιπης λίστας αποσπασμάτων για κάθε κατηγορία. Και επίσης προσθέτοντας στο CSS για να αλλάξετε το χρώμα της γραμμής που διαχωρίζει τις κατηγορίες και τις λίστες των αποσπασμάτων. Αλλάξαμε επίσης τα hover των κατηγοριών για να ελαφρύνουμε τα χρώματα αντί για το χαζή λευκό περίγραμμα που είχαμε προσωρινά εκεί. Κυριολεκτικά, χρησιμοποιήσαμε τη lighten()λειτουργία στο Sass για να κάνουμε τη δουλειά για εμάς.
Ωστόσο, ο στόχος σε αυτό το σενάριο είναι να διαμορφώσει την προβολή για ένα μόνο απόσπασμα. Εάν είχα δημιουργήσει αυτήν την περιοχή του ιστότοπου πιο πρόσφατα, τα αποσπάσματα μπορεί να είναι ένας προσαρμοσμένος τύπος ανάρτησης (όπως είναι τα στιγμιότυπα οθόνης μιας συλλογής), αλλά αυτά δεν υπήρχαν όταν άρχισα να το κάνω. Ως εκ τούτου, είναι απλώς "Σελίδες" και όλοι χρησιμοποιούν προσαρμοσμένο πρότυπο σελίδας. Δεν είναι μεγάλη υπόθεση, ειδικά, τώρα που η ύπαρξη πολλών σελίδων δεν αποτελεί πρόβλημα απόδοσης.
Οι μεμονωμένες σελίδες αποσπασμάτων θα μοιάζουν πολύ με τις αναρτήσεις ιστολογίου. Η τυπική δομή πλέγματος 2/3 1/3 και μια κανονική πλευρική γραμμή. Υπάρχουν όμως κάποιες διαφορές. Υπάρχει μια σαφής ιεραρχία στα αποσπάσματα, π.χ.
Αρχική »Αποσπάσματα κώδικα» Κατηγορία αποσπάσματος »Όνομα αποσπάσματος
Αυτό είναι ιδανικό για την υπο πλοήγηση «μαύρη γραμμή» που εξελίσσεται σε αυτόν τον ιστότοπο. Το Yoast SEO plugin παρέχει λειτουργικότητα ψωμιού, οπότε αυτό είναι εύκολο - απλώς θέμα κλήσης μιας λειτουργίας.
Μια άλλη διαφορά είναι ότι εξάγουμε the_modified_time()αντί για την ημερομηνία δημοσίευσης. Με αυτόν τον τρόπο οι άνθρωποι γνωρίζουν την τελευταία ημερομηνία ενημέρωσης ενός αποσπάσματος, το οποίο είναι πιο σχετικό από το πότε δημοσιεύθηκε. Μου δίνει επίσης κάποια κίνητρα για να επανεξετάζω τα αποσπάσματα τακτικά.
Συνεχίζουμε να ενημερώνουμε ένα παλιό απόσπασμα μόνο για διασκέδαση.
Τελειώνουμε γράφοντας λίγο JavaScript που θα κάνει τις προβολές της υποκατηγορίας μας να λειτουργούν. Αυτές οι προβολές ουσιαστικά μοιάζουν με την αρχική σελίδα των αποσπασμάτων μας, μόνο αν βρίσκεστε στο / snippets / javascript /, τα αποσπάσματα JavaScript θα εμφανίζονται από προεπιλογή και θα επισημαίνεται η κατηγορία JavaScript. Είτε το πιστεύετε είτε όχι, μόνο μερικές γραμμές ανόητου URL που ξεπερνά τον κώδικα JavaScript που πιθανότατα θα πρέπει να είναι ένα απόσπασμα.