Lataa uusimmat viestit luokittain WordPress-valikon kautta käyttämällä jQuery-latausta

jQuery

Jos olet vieraillut joissakin suurissa blogeissa, kuten Mashable, saatat huomata, että heillä on erittäin mukava valikkojärjestelmä, joka avautuu alaspäin ja tarjoaa sinulle näkyvyyden kunkin luokan uusimpiin blogiteksteihin. Varmistaakseen, että sivun lataaminen ei vie ikuisesti, he lataavat kyseisen sisällön Ajaxia hyödyntäen ... ja esiladattavat sen vasta, kun sivu on ladattu täyteen.

WordPress Ajax -alivalikko

Halusimme tehdä saman täällä Martech Zone. Antaakseni jonkinlaisen käsityksen luokkistamme, halusin näyttää joitain viestejä jokaisessa. Olemme perehtyneet WordPressiin, WordPressiin API ja jQuery, mutta vasta vasta kun löysin artikkelin aiheesta Viestien hakeminen luokittain jQueryn avulla että meillä oli mukava ratkaisu.

HUOMAUTUS: Yksi heidän menetelmänsä osa, joka ei mielestäni ole hyvä ratkaisu, on koko query_post -merkkijonon välittäminen JavaScriptin kautta ... minusta näyttää siltä, ​​että avautut itsesi hakkerointiin! Olen muokannut tämän sivuston komentosarjaa niin, että välitän vain kyselyssä_kutsu tarvittavat parametrit.

Opetusohjelma ohjaa käyttäjän luomaan mallin, joka vetää viestit dynaamisesti sisään, ja sitten kuinka luoda linkkejä, jotka voivat käynnistää pyynnön. Olisi ollut helppoa, jos olisimme halunneet tehdä vain linkkejä, mutta halusimme todella käyttää WordPressin sisäänrakennettua navigointivalikkoa. Valitettavasti meille WordPressin valikkolinkit ovat luoneet numeroita, kun lisäät ja poistat valikkokohteita ... mutta niillä ei ole oikeastaan ​​mitään tietoa luokasta, jonka haluat vetää ja siirtää Ajax -puhelusi aikana.

Valikkoluettelokohtien merkitsemiseksi oikein sisällytimme WPreson koodin, Lisää sivu / post etanaluokka valikkoluokkiin.

Vain yksi ongelma ... se toimii sivulla tai viestissä, mutta ei oikeastaan ​​toiminut kategoriassa! Joten päivitimme etanan pyynnön:

$ slug = get_cat_slug ($ id);

Ja lisäsi toiminnon WPRecipesistä, WordPress-temppu: Hanki luokan etana käyttämällä luokan tunnusta, vetää luokan etanan takaisin navigointivalikon data-attribuuttiin.

Joten… 3 WordPress-sivuston yhteistyöponnistelujen ja jQuery-gurumme hienosäätöjen ansiosta Highbridge, Stephen Coley (valikon tasoittamiseksi), meillä on erittäin mukava alivalikkojärjestelmä!

Kaikki työ suoritettiin teematiedostoissamme. Ladasimme navigointivalikkosuodattimet funktioihin.php, lisäsimme alivalikon div teemamme header.php-tiedostoon, lisäsimme niihin alivalikkomallin ja ladasimme otsikkoon alavalikon JavaScript-tiedoston - varmistaen, että jQuery on jo ladattu teemallemme yhtä hyvin. Toivottavasti arvostat työtä, se oli hauska päivitys sivustolle!

8 Kommentit

  1. 1
  2. 6
  3. 8

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.