Načtěte nejnovější příspěvky podle kategorie pomocí nabídky WordPress pomocí načtení jQuery

Pokud jste navštívili některé z větších blogů, líbí se mi to Mashable, můžete si všimnout, že mají velmi pěkný systém nabídek, který se rozbalí a poskytne vám přehled o nejnovějších příspěvcích na blogu z každé kategorie. Aby se zajistilo, že načítání stránky nebude trvat věčně, načtou tento obsah pomocí Ajaxu… a před načítáním jej načtou až po úplném načtení stránky.

Tady jsme chtěli udělat totéž Martech Zone. Abych poskytl určitý přehled o kategoriích, které máme, chtěl jsem ukázat některé příspěvky v každé z nich. Jsme dobře obeznámeni s WordPressem, WordPressem API a jQuery, ale to nebylo, dokud jsem nenašel článek o Načítání příspěvků podle kategorie pomocí jQuery že jsme měli pěkné řešení.

POZNÁMKA: Jedním z aspektů jejich metody, o kterém si nemyslím, že je dobrým řešením, je předání celého řetězce query_post prostřednictvím JavaScriptu ... zdá se mi, že se otevíráte hackerským útokům! Upravil jsem skript pro tento web tak, abych předával pouze parametry nezbytné v rámci příkazu query_posts.

Výukový program provede uživatele vytvořením šablony pro dynamické vytažení příspěvků a poté, jak vytvořit odkazy, které mohou požadavek iniciovat. Bylo by snadné, kdybychom chtěli jen vytvořit nějaké odkazy, ale ve skutečnosti jsme chtěli využít vestavěnou navigační nabídku WordPressu. Naneštěstí pro nás odkazy na nabídky WordPress vygenerovaly čísla při přidávání a odebírání položek nabídky ... ale ve skutečnosti nemají žádné informace o kategorii, kterou chcete vytočit a předat při volání Ajaxu.

Abychom správně označili položky seznamu nabídek, začlenili jsme kód z WPreso, Přidejte třídu stránky / příspěvku slimáka do tříd položek nabídky.

Pouze jeden problém ... funguje pro stránku nebo příspěvek, ale ve skutečnosti nefungoval pro kategorii! Aktualizovali jsme tedy požadavek na slimáka:

$ slug = get_cat_slug ($ id);

A přidal funkci z WPRecipes, Trik WordPress: Získejte kategorii slimáků pomocí ID kategorie, aby se vrátila kategorie slimáka do atributu data v navigační nabídce.

Takže… díky spolupráci 3 webů WordPress a vyladění naším guru jQuery at Highbridge, Stephen Coley (pro vyhlazení nabídky) máme velmi pěkný systém podnabídek!

Veškerá práce byla provedena v rámci našich souborů témat. Načetli jsme filtry navigační nabídky do functions.php, přidali jsme podnabídku div do souboru header.php našeho motivu, přidali jsme do nich šablonu podnabídky a do naší záhlaví nahráli soubor podnabídky JavaScript - zajistili jsme, že jQuery je již načten v našem motivu také. Doufám, že oceníte práci, byla to zábavná aktualizace webu!