Carregueu els darrers missatges per categoria a través del menú WordPress mitjançant la càrrega de jQuery

jquery

Si heu visitat alguns dels blocs més grans que hi ha, com ara Mashable, és possible que noteu que tenen un sistema de menú molt bonic que cau a la baixa i us proporciona visibilitat de les darreres publicacions del bloc de cada categoria. Per assegurar-se que la pàgina no trigui a carregar-se per sempre, carreguen aquest contingut mitjançant Ajax ... i la carreguen només després de carregar la pàgina completament.

Submenú WordPress Ajax

Aquí volíem fer el mateix Martech Zone. Per proporcionar informació sobre les categories que tenim, volia mostrar algunes publicacions dins de cada una. Tenim un bon coneixement de WordPress, el WordPress Programes i jQuery, però no va ser fins que vaig trobar un article sobre Obtenint publicacions per categoria mitjançant jQuery que teníem una bona solució.

NOTA: Un dels aspectes del seu mètode que no crec que sigui una bona solució és passar tota la cadena query_post mitjançant JavaScript ... em sembla que us obriu a un pirateig. He modificat l'script d'aquest lloc perquè només passi els paràmetres necessaris a l'ordre query_posts.

El tutorial fa que l'usuari creï una plantilla per atraure les publicacions de manera dinàmica i, a continuació, com crear enllaços que puguin iniciar la sol·licitud. Hauria estat fàcil si haguéssim volgut fer alguns enllaços, però en realitat volíem utilitzar el menú de navegació integrat per WordPress. Per desgràcia per a nosaltres, els enllaços de menú de WordPress han generat números a mesura que afegiu i elimineu elements de menú ... però en realitat no tenen cap informació sobre la categoria que voleu obtenir i passar a la vostra trucada Ajax.

Per etiquetar correctament els elements de la llista de menú, hem incorporat el codi de WPreso, Afegiu classe / publicació de slug a les classes d'elements de menú.

Només un problema ... funciona per a la pàgina o la publicació, però en realitat no va funcionar per a la categoria. Per tant, hem actualitzat la sol·licitud del slug amb:

$ slug = get_cat_slug ($ id);

I va afegir la funció de WPRecipes, Truc de WordPress: obtingueu la categoria de llet amb l'identificador de categoria, per retirar la posició de categoria cap a un atribut de dades al menú de navegació.

Així doncs ... gràcies als esforços de col·laboració de 3 llocs de WordPress i a una certa posada a punt del nostre gurú jQuery a DK New Media, Stephen Coley (per suavitzar el menú), tenim un sistema de submenús molt bonic.

Tot el treball es va dur a terme dins dels nostres fitxers temàtics. Hem carregat els filtres del menú de navegació a functions.php, hem afegit el submenú div al fitxer header.php del nostre tema, hem afegit una plantilla de submenú als nostres fitxers i hem carregat un fitxer JavaScript del submenú a la nostra capçalera, assegurant-nos que jQuery ja està carregat al nostre tema. també. Espero que aprecieu la feina, va ser una divertida actualització del lloc.

8 Comentaris

  1. 1
  2. 6
  3. 8

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.