Carica gli ultimi post per categoria tramite il menu di WordPress utilizzando il caricamento di jQuery

jQuery

Se hai visitato alcuni dei blog più grandi là fuori come Mashable, potresti notare che hanno un sistema di menu molto carino che si abbassa e ti offre visibilità sugli ultimi post del blog di ogni categoria. Per garantire che la pagina non impieghi un'eternità a caricarsi, caricano quel contenuto utilizzando Ajax ... e lo precaricano solo dopo che la pagina è stata caricata completamente.

Sottomenu Ajax di WordPress

Volevamo fare lo stesso qui su Martech Zone. Per fornire alcune informazioni sulle categorie che abbiamo, volevo mostrare alcuni post all'interno di ciascuna. Siamo esperti in WordPress, il WordPress API e jQuery ma non è stato fino a quando non ho trovato un articolo su Recupero di messaggi per categoria utilizzando jQuery che avevamo una bella soluzione.

NOTA: Un aspetto del loro metodo che non credo sia una buona soluzione è passare l'intera stringa query_post tramite JavaScript ... mi sembra che ti stia aprendo per un hacking! Ho modificato lo script per questo sito in modo da passare solo i parametri necessari all'interno del comando query_posts.

Il tutorial guida l'utente attraverso la creazione di un modello per inserire dinamicamente i post e quindi come creare collegamenti che possano avviare la richiesta. Sarebbe stato facile se avessimo voluto creare solo alcuni collegamenti, ma in realtà volevamo utilizzare il menu di navigazione integrato di WordPress. Sfortunatamente per noi, i collegamenti ai menu di WordPress hanno generato numeri man mano che aggiungi e rimuovi voci di menu ... ma in realtà non hanno alcuna informazione sulla categoria che desideri estrarre e passare nella tua chiamata Ajax.

Per etichettare correttamente le voci dell'elenco di menu, abbiamo incorporato il codice di WPreso, Aggiungi la classe slug di pagina / post alle classi di voci di menu.

Solo un problema ... funziona per la pagina o il post, ma in realtà non ha funzionato per la categoria! Quindi abbiamo aggiornato la richiesta per lo slug con:

$ slug = get_cat_slug ($ id);

E ha aggiunto la funzione da WPRecipes, Trucco WordPress: ottieni lo slug della categoria utilizzando l'ID della categoria, per riportare lo slug della categoria in un attributo di dati nel menu di navigazione.

Quindi ... grazie agli sforzi di collaborazione di 3 siti WordPress e alcuni perfezionamenti da parte del nostro guru jQuery su DK New Media, Stephen Coley (per smussare il menu), abbiamo un sistema di sottomenu molto carino!

Tutto il lavoro è stato svolto all'interno dei nostri file dei temi. Abbiamo caricato i filtri del menu di navigazione in functions.php, aggiunto il div del sottomenu al file header.php del nostro tema, aggiunto un modello di sottomenu al nostro e caricato un file JavaScript del sottomenu nella nostra intestazione, assicurandoci che jQuery sia già caricato nel nostro tema anche. Spero che apprezziate il lavoro, è stato un divertente aggiornamento del sito!

Commenti

  1. 1
  2. 6
  3. 8

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.