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

jQuery

Jos olet käynyt joissakin suuremmissa blogeissa, kuten Mashable, saatat huomata, että heillä on erittäin mukava valikkojärjestelmä, joka avautuu 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 luokista, jotka meillä on, 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 kyselyn_merkkijonon välittäminen JavaScriptin kautta ... minusta näyttää siltä, ​​että avaat itsesi hakkeroinnille! Olen muokannut tämän sivuston komentosarjaa siten, että välitän vain tarvittavat parametrit query_posts -komennossa.

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

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 DK New Media, 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.