Ig-load ang Pinabag-o nga mga Gi-post pinaagi sa Category pinaagi sa WordPress Menu gamit ang jQuery load

jquery

Kung nabisita nimo ang pila sa labi ka daghang mga blog nga gusto didto Mashable, mahimo nimo namatikdan nga sila adunay usa ka labi ka nindot nga sistema sa menu nga nahulog ug naghatag kanimo nga makita sa labing bag-ong mga post sa blog gikan sa matag kategorya. Aron maseguro nga ang panid dili magdala hangtod sa hangtod nga ma-load, gi-load nila kana nga sulud nga gigamit ang Ajax… ug gi-preload lamang kini pagkahuman nga hingpit nga na-load ang panid.

Ang WordPress Ajax Submenu

Gusto namon nga buhaton kini sa gihapon Martech Zone. Aron makahatag pila ka panan-aw sa mga kategorya nga naa kami, gusto nako nga ipakita ang pipila ka mga post sa matag usa. Batid kami sa WordPress, ang WordPress API ug jQuery apan dili hangtud nga nakit-an nako ang usa ka artikulo sa Pagkuha og mga Post pinaagi sa Kategoryo gamit ang jQuery nga kami adunay usa ka maayo nga solusyon.

HINUMDOMI: Ang usa ka aspeto sa ilang pamaagi nga dili ako nagtuo nga maayo nga solusyon mao ang pagpasa sa tibuuk nga query_post nga string pinaagi sa JavaScript… para nako giablihan nimo ang imong kaugalingon alang sa usa ka pag-hack! Gibag-o ko ang script alang sa kini nga site aron mapasa ra nako ang mga parameter nga kinahanglan sa sulud sa mando sa query_posts.

Gitun-an sa panudlo ang ninggamit pinaagi sa paghimo og usa ka template aron madasigon nga mabitad ang mga post, ug pagkahuman kung giunsa ang paghimo og mga link nga makapasugod sa hangyo. Dali unta kami gusto nga maghimo lang pipila nga mga link, apan sa tinuud gusto namon magamit ang WordPress nga gitukod sa menu sa pag-navigate. Intawon alang kanamo, ang mga link sa menu sa WordPress nakamugna mga numero samtang gidugang ug gikuha nimo ang mga item sa menu… apan wala gyud sila impormasyon sa kategoryang gusto nimong ibira ug ipasa sa imong Ajax nga tawag.

Aron markahan sa husto ang mga item sa lista sa menu, gilakip namon ang code gikan sa WPreso, Pagdugang panid / post klase sa slug sa mga klase sa menu item.

Usa ra ka problema… ninglihok kini alang sa panid o post, apan wala gyud molihok alang sa Category! Mao nga gi-update namon ang hangyo alang sa slug nga adunay:

$ slug = get_cat_slug ($ id);

Ug gidugang ang pagpaandar gikan sa WPRecipe, Paglimbong sa WordPress: Pagkuha slug sa kategorya gamit ang kategorya ID, aron ibalik ang kategorya nga slug sa usa ka hiyas sa datos sa menu sa nabigasyon.

Mao… salamat sa nagtinabangay nga paningkamot sa 3 nga mga site sa WordPress ug pila ka maayong pagpaayo sa among jQuery guru sa DK New Media, Stephen Coley (alang sa pagpahapsay sa menu), adunay kami usa ka maayo kaayo nga sistema sa submenu!

Ang tanan nga trabaho nahimo sa sulud sa among mga file sa tema. Gikarga namon ang mga filter sa menu sa nabigasyon sa functions.php, gidugang ang submenu div sa header.php file sa among tema, nagdugang usa ka template nga submenu sa amon kanila, ug gikarga ang usa ka submenu JavaScript file sa among header - gisiguro nga ang jQuery na-load na sa among tema ingon usab. Gihangyo ko nga gipasalamatan nimo ang trabaho, kini usa ka makalipay nga pag-update sa site!

8 Comments

  1. 1

    Gipakita ba nimo o gibaligya kini nga code bisan diin? Gisulayan nako nga kini molihok apan dili nako mahibal-an kung giunsa ko isulud sa wp_nav_menu kauban ang usa ka walker…

  2. 6
  3. 8

Unsay imong hunahuna?

Kini nga site naggamit sa Akismet sa pagpakunhod sa spam. Hibal-i kon giunsa ang pagproseso sa datos sa imong komento.