Laai die nuutste plasings per kategorie via WordPress-menu met behulp van jQuery load

jquery

As u 'n paar van die groter blogs daar buite besoek het Mashable, kan u sien dat hulle 'n baie mooi menusisteem het wat val en u die nuutste blogposte van elke kategorie kan sien. Om te verseker dat die bladsy nie vir altyd duur om te laai nie, laai hulle die inhoud met Ajax ... en laai dit eers weer nadat die bladsy volledig gelaai is.

WordPress Ajax-submenu

Ons wou dieselfde hier op doen Martech Zone. Om 'n bietjie insig te gee in die kategorieë wat ons het, wou ek 'n paar plasings in elkeen vertoon. Ons is goed vertroud met WordPress, die WordPress API en jQuery, maar ek het eers 'n artikel gevind oor Haal plasings volgens kategorie met behulp van jQuery dat ons 'n goeie oplossing gehad het.

OPMERKING: Een aspek van hul metode wat volgens my nie 'n goeie oplossing is nie, is om die hele query_post-string deur JavaScript te stuur ... dit lyk vir my asof u uself oopmaak vir 'n inbraak! Ek het die script vir hierdie webwerf gewysig sodat ek slegs die parameters in die query_posts-opdrag slaag.

Die tutoriaal lei die gebruiker deur 'n sjabloon te skep om die plasings dinamies in te trek, en dan hoe om skakels te bou wat die versoek kan inisieer. Dit sou maklik gewees het as ons net 'n paar skakels wou maak, maar ons wou eintlik die ingeboude navigasie-menu van WordPress gebruik. Ongelukkig het WordPress se menu-skakels getalle gegenereer as u menu-items byvoeg en verwyder ... maar hulle het eintlik geen inligting oor die kategorie wat u in u Ajax-oproep wil trek nie.

Om die menu-lysitems behoorlik te benoem, het ons die kode van WPreso opgeneem, Voeg bladsy- / posslakklas by menu-klasse.

Slegs een probleem ... dit werk vir die bladsy of pos, maar werk nie vir kategorie nie! Daarom het ons die versoek vir die slak opgedateer met:

$ slug = get_cat_slug ($ id);

En het die funksie van WPRecipes bygevoeg, WordPress-truuk: kry kategorie-slak met behulp van kategorie-ID, om die kategorie-slug in 'n data-eienskap in die navigasie-menu terug te trek.

Dus ... danksy die samewerkingspogings van 3 WordPress-webwerwe en 'n paar fyn aanpassings deur ons jQuery-ghoeroe by DK New Media, Stephen Coley (om die spyskaart gladder te maak) het ons 'n baie mooi submenu-stelsel!

Al die werk is in ons temalêers verrig. Ons het die navigasie-menu-filters in funksies.php gelaai, die submenu-div by die header.php-lêer van ons tema gevoeg, 'n submenu-sjabloon by ons them gevoeg en 'n JavaScript-lêer van die submenu in ons kop gelaai - om te verseker dat jQuery reeds in ons tema gelaai is. ook. Hoop u waardeer die werk, dit was 'n prettige opdatering op die webwerf!

8 Comments

  1. 1
  2. 6
  3. 8

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.