Cargue las últimas publicaciones por categoría a través del menú de WordPress usando jQuery load

jQuery

Si ha visitado algunos de los blogs más grandes, como Mashable, puede notar que tienen un sistema de menú muy agradable que se despliega y le brinda visibilidad de las últimas publicaciones de blog de cada categoría. Para asegurarse de que la página no demore una eternidad en cargar, cargan ese contenido utilizando Ajax ... y lo precargan solo después de que la página esté completamente cargada.

Submenú de WordPress Ajax

Queríamos hacer lo mismo aquí en Martech Zone. Para proporcionar una idea de las categorías que tenemos, quería mostrar algunas publicaciones dentro de cada una. Conocemos bien WordPress, el WordPress API y jQuery, pero no fue hasta que encontré un artículo sobre Obteniendo publicaciones por categoría usando jQuery que teníamos una buena solución.

NOTA: Un aspecto de su método que no creo que sea una buena solución es pasar toda la cadena query_post a través de JavaScript ... ¡Me parece que te estás abriendo para un pirateo! Modifiqué el script para este sitio para que solo pase los parámetros necesarios dentro del comando query_posts.

El tutorial guía al usuario a través de la creación de una plantilla para extraer dinámicamente las publicaciones, y luego cómo construir enlaces que pueden iniciar la solicitud. Hubiera sido fácil si hubiéramos querido crear algunos enlaces, pero en realidad queríamos utilizar el menú de navegación integrado de WordPress. Desafortunadamente para nosotros, los enlaces del menú de WordPress han generado números a medida que agrega y elimina elementos del menú ... pero en realidad no tienen ninguna información sobre la categoría que desea extraer y pasar en su llamada Ajax.

Para etiquetar correctamente los elementos de la lista del menú, incorporamos el código de WPreso, Agregue la clase de página / publicación slug a las clases de elementos del menú.

Solo un problema ... funciona para la página o la publicación, ¡pero en realidad no funciona para la categoría! Así que actualizamos la solicitud de la babosa con:

$ slug = get_cat_slug ($ id);

Y agregó la función de WPRecipes, Truco de WordPress: obtenga slug de categoría usando ID de categoría, para retirar la barra de categoría en un atributo de datos en el menú de navegación.

Entonces ... gracias a los esfuerzos de colaboración de 3 sitios de WordPress y algunos ajustes por parte de nuestro gurú de jQuery en DK New Media, Stephen Coley (para suavizar el menú), ¡tenemos un sistema de submenús muy agradable!

Todo el trabajo se realizó dentro de nuestros archivos de temas. Cargamos los filtros del menú de navegación en functions.php, agregamos el submenú div al archivo header.php de nuestro tema, agregamos una plantilla de submenú a nuestros y cargamos un archivo JavaScript de submenú en nuestro encabezado, asegurando que jQuery ya esté cargado en nuestro tema también. Espero que aprecien el trabajo, ¡fue una divertida actualización del sitio!

8 Comentarios

  1. 1
  2. 6
  3. 8

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.