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

jquery

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

Υπομενού Ajax WordPress

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

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

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

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

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

$ slug = get_cat_slug ($ id);

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

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

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

8 Σχόλια

  1. 1

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

  2. 6
  3. 8

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

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