Φορτώστε τις τελευταίες δημοσιεύσεις ανά κατηγορία μέσω του μενού WordPress χρησιμοποιώντας το jQuery load

jquery

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

Υπομενού Ajax WordPress

Θέλαμε να κάνουμε το ίδιο εδώ Martech Zone. Για να δώσω κάποια εικόνα σχετικά με τις κατηγορίες που έχουμε, ήθελα να δείξω κάποιες αναρτήσεις σε κάθε μία. Είμαστε πολύ καλά στο WordPress, στο WordPress API και jQuery, αλλά δεν ήταν μέχρι που βρήκα ένα άρθρο Ανάκτηση αναρτήσεων ανά κατηγορία χρησιμοποιώντας το jQuery ότι είχαμε μια ωραία λύση.

ΣΗΜΕΙΩΣΗ: Μια πτυχή της μεθόδου τους που δεν πιστεύω ότι είναι μια καλή λύση είναι να περάσετε ολόκληρη τη συμβολοσειρά query_post μέσω JavaScript… μου φαίνεται ότι ανοίγετε τον εαυτό σας για hacking! Έχω τροποποιήσει το σενάριο για αυτόν τον ιστότοπο, έτσι ώστε να περάσω μόνο τις απαραίτητες παραμέτρους στην εντολή query_posts.

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

Για να επισημάνουμε σωστά τα στοιχεία της λίστας μενού, ενσωματώσαμε τον κωδικό από το WPreso, Προσθήκη τάξης σελίδας / δημοσίευσης slug σε κλάσεις στοιχείων μενού.

Μόνο ένα πρόβλημα… λειτουργεί για τη σελίδα ή την ανάρτηση, αλλά δεν λειτούργησε στην κατηγορία! Έτσι ενημερώσαμε το αίτημα για το γυμνοσάλιαγκας με:

$ slug = get_cat_slug ($ id);

Και πρόσθεσε τη λειτουργία από το WPRecipes, Κόλπο WordPress: Λάβετε slug κατηγορίας χρησιμοποιώντας αναγνωριστικό κατηγορίας, για να τραβήξετε πίσω το slug κατηγορίας σε ένα χαρακτηριστικό δεδομένων στο μενού πλοήγησης.

Λοιπόν ... χάρη στις συνεργατικές προσπάθειες 3 ιστότοπων WordPress και κάποιου βελτιωμένου από τον γκουρού jQuery στο DK New Media, Στίβεν Κόλεϊ (για εξομάλυνση του μενού), έχουμε ένα πολύ ωραίο υπομενού σύστημα!

Όλη η δουλειά ολοκληρώθηκε στα αρχεία θεμάτων μας. Φορτώσαμε τα φίλτρα μενού πλοήγησης στο functions.php, προσθέσαμε το υπομενού div στο αρχείο header.php του θέματος, προσθέσαμε ένα πρότυπο υπομενού σε αυτά και φορτώσαμε ένα αρχείο υπομενού JavaScript στην κεφαλίδα μας - διασφαλίζοντας ότι το jQuery είναι ήδη φορτωμένο στο θέμα μας επισης. Ελπίζω να εκτιμήσετε το έργο, ήταν μια διασκεδαστική ενημέρωση στον ιστότοπο!

8 Σχόλια

  1. 1

    Εμφανίζετε ή πουλάτε αυτόν τον κωδικό κάπου; Προσπαθώ να το κάνω να λειτουργεί, αλλά δεν καταλαβαίνω πώς να το βάλω στο wp_nav_menu με έναν περιπατητή…

  2. 6
  3. 8

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.