Chargez les derniers articles par catégorie via le menu WordPress en utilisant jQuery load

jquery

Si vous avez visité certains des plus grands blogs, comme Mashable, vous remarquerez peut-être qu'ils ont un très bon système de menu qui descend et vous offre une visibilité sur les derniers articles de blog de chaque catégorie. Pour s'assurer que la page ne prend pas une éternité à se charger, ils chargent ce contenu en utilisant Ajax… et ne le préchargent qu'une fois la page complètement chargée.

Sous-menu WordPress Ajax

Nous voulions faire la même chose ici sur Martech Zone. Pour vous donner un aperçu des catégories que nous avons, je voulais afficher quelques articles dans chacune. Nous connaissons bien WordPress, le WordPress API et jQuery mais ce n'est que lorsque j'ai trouvé un article sur Récupération des articles par catégorie à l'aide de jQuery que nous avions une bonne solution.

NOTE: Un aspect de leur méthode que je ne crois pas être une bonne solution est de passer toute la chaîne query_post via JavaScript… il me semble que vous vous ouvrez au piratage! J'ai modifié le script de ce site afin de ne transmettre que les paramètres nécessaires dans la commande query_posts.

Le didacticiel explique à l'utilisateur la création d'un modèle pour extraire dynamiquement les publications, puis comment créer des liens pouvant initier la demande. Cela aurait été facile si nous voulions simplement créer des liens, mais nous voulions en fait utiliser le menu de navigation intégré de WordPress. Malheureusement pour nous, les liens de menu de WordPress ont généré des numéros au fur et à mesure que vous ajoutez et supprimez des éléments de menu ... mais ils n'ont en fait aucune information sur la catégorie que vous souhaitez extraire et passer dans votre appel Ajax.

Pour étiqueter correctement les éléments de la liste de menu, nous avons incorporé le code de WPreso, Ajouter une classe de slug de page / publication aux classes d'éléments de menu.

Un seul problème… cela fonctionne pour la page ou l'article, mais n'a pas fonctionné pour la catégorie! Nous avons donc mis à jour la demande du slug avec:

$ slug = get_cat_slug ($ id);

Et ajouté la fonction de WPRecipes, Astuce WordPress: obtenez le slug de catégorie en utilisant l'ID de catégorie, pour récupérer le slug de catégorie dans un attribut de données dans le menu de navigation.

Donc… grâce aux efforts collaboratifs de 3 sites WordPress et à quelques ajustements par notre gourou jQuery à DK New Media, Stephen Coley (pour lisser le menu), nous avons un très beau système de sous-menus!

Tout le travail a été accompli dans nos fichiers de thème. Nous avons chargé les filtres du menu de navigation dans functions.php, ajouté le sous-menu div au fichier header.php de notre thème, ajouté un modèle de sous-menu à nos fichiers, et chargé un fichier JavaScript de sous-menu dans notre en-tête - en nous assurant que jQuery est déjà chargé dans notre thème ainsi que. J'espère que vous appréciez le travail, c'était une mise à jour amusante du site!

8 Commentaires

  1. 1
  2. 6
  3. 8

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..