Cargue as últimas publicacións por categoría a través do menú WordPress usando jQuery load

jQuery

Se visitaches algúns dos blogs máis grandes que hai Blogueiro deixa claro, podes notar que teñen un sistema de menú moi agradable que cae e che ofrece visibilidade sobre as últimas publicacións do blog de cada categoría. Para asegurarse de que a páxina non tarda en cargarse, cargan o contido usando Ajax ... e precárgano só despois de cargar a páxina.

Submenú WordPress Ajax

Quixemos facer o mesmo aquí en diante Martech Zone. Para proporcionar algunha información sobre as categorías que temos, quería mostrar algunhas publicacións dentro de cada unha. Estamos ben versados ​​en WordPress, o WordPress API e jQuery pero non foi ata que atopei un artigo sobre Recuperando publicacións por categoría usando jQuery que tivemos unha boa solución.

NOTA: Un aspecto do seu método que non creo que sexa unha boa solución é pasar toda a cadea query_post a través de JavaScript ... paréceme que estás a abrirte a ti mesmo para piratear. Modifiquei o script deste sitio para que só pase os parámetros necesarios dentro do comando query_posts.

O tutorial guía ao usuario a través da creación dun modelo para atraer dinámicamente as publicacións e, a continuación, como crear ligazóns que poidan iniciar a solicitude. Sería doado que quixésemos facer algunhas ligazóns, pero realmente queriamos empregar o menú de navegación integrado por WordPress. Por desgraza para nós, as ligazóns do menú de WordPress xeraron números ao engadir e eliminar elementos do menú ... pero en realidade non teñen ningunha información sobre a categoría que desexa obter e pasar na súa chamada Ajax.

Para etiquetar correctamente os elementos da lista de menú, incorporamos o código de WPreso, Engade clase / post slug ás clases de elementos de menú.

Só un problema ... funciona para a páxina ou publicación, pero en realidade non funcionou para Category. Polo tanto, actualizamos a solicitude do slug con:

$ slug = get_cat_slug ($ id);

E engadiu a función de WPRecipes, Truco de WordPress: obtén o slug de categoría usando o ID de categoría, para retirar a posta de categoría nun atributo de datos no menú de navegación.

Entón ... grazas aos esforzos de colaboración de 3 sitios de WordPress e algúns axustes do noso gurú jQuery en DK New Media, Stephen Coley (para suavizar o menú), temos un sistema de submenú moi bo.

Todo o traballo realizouse dentro dos nosos ficheiros de temas. Cargamos os filtros do menú de navegación en functions.php, engadimos o submenú div ao ficheiro header.php do noso tema, engadimos un modelo de submenú aos nosos e cargamos un ficheiro JavaScript do submenú na nosa cabeceira, asegurando que jQuery xa está cargado no noso tema. así coma. Espero que apreciades o traballo, foi unha divertida actualización do sitio.

8 Comentarios

  1. 1
  2. 6
  3. 8

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.