Llwythwch y Swyddi Diweddaraf yn ôl Categori trwy Ddewislen WordPress gan ddefnyddio llwyth jQuery

jquery

Os ydych chi wedi ymweld â rhai o'r blogiau mwy allan yna fel Mashable, efallai y byddwch yn sylwi bod ganddyn nhw system ddewislen braf iawn sy'n cwympo i lawr ac yn darparu gwelededd i chi i'r postiadau blog diweddaraf o bob categori. Er mwyn sicrhau nad yw'r dudalen yn cymryd am byth i'w llwytho, maen nhw'n llwytho'r cynnwys hwnnw gan ddefnyddio Ajax ... ac yn ei rag-lwytho dim ond ar ôl i'r dudalen gael ei llwytho'n llawn.

WordPress Ajax Submenu

Roeddem am wneud yr un peth yma ymlaen Martech Zone. Er mwyn rhoi rhywfaint o fewnwelediad i'r categorïau sydd gennym, roeddwn i eisiau dangos rhai swyddi ym mhob un. Rydyn ni'n hyddysg yn WordPress, y WordPress API a jQuery ond ni fu nes i mi ddod o hyd i erthygl arni Swyddi Fetching yn ôl Categori gan ddefnyddio jQuery ein bod wedi cael ateb braf.

SYLWCH: Un agwedd ar eu dull nad wyf yn credu sy'n ddatrysiad da yw pasio'r llinyn query_post cyfan trwy JavaScript ... mae'n ymddangos i mi eich bod chi'n agor eich hun ar gyfer hacio! Rwyf wedi addasu'r sgript ar gyfer y wefan hon fel fy mod ond yn pasio'r paramedrau sy'n angenrheidiol o fewn y gorchymyn query_posts.

Mae'r tiwtorial yn camu'r defnyddiwr trwy greu templed i dynnu'r pyst yn ddeinamig, ac yna sut i adeiladu cysylltiadau a all gychwyn y cais. Byddai wedi bod yn hawdd pe byddem ni eisiau gwneud rhai dolenni yn unig, ond mewn gwirionedd roeddem am ddefnyddio WordPress 'dewislen llywio wedi'i hadeiladu i mewn. Yn anffodus i ni, mae dolenni dewislen WordPress wedi cynhyrchu rhifau wrth i chi ychwanegu a dileu eitemau ar y fwydlen ... ond nid oes ganddynt unrhyw wybodaeth mewn gwirionedd am y categori yr ydych am ei dynnu a'i basio yn eich galwad Ajax.

I labelu eitemau'r rhestr ddewislenni yn iawn, fe wnaethom ymgorffori'r cod o WPreso, Ychwanegu dosbarth gwlithod tudalen / post at ddosbarthiadau eitemau dewislen.

Un broblem yn unig ... mae'n gweithio i'r dudalen neu'r post, ond ni weithiodd mewn Categori mewn gwirionedd! Felly gwnaethom ddiweddaru'r cais am y wlithen gyda:

$ gwlithod = get_cat_slug ($ id);

Ac ychwanegu'r swyddogaeth gan WPRecipes, Tric WordPress: Cael gwlithen categori gan ddefnyddio ID categori, i dynnu'r gwlithod categori yn ôl i briodoledd data yn y ddewislen llywio.

Felly ... diolch i ymdrechion cydweithredol 3 safle WordPress a rhywfaint o fireinio gan ein guru jQuery yn DK New Media, Stephen Coley (ar gyfer llyfnhau'r fwydlen allan), mae gennym system submenu braf iawn!

Cyflawnwyd yr holl waith yn ein ffeiliau thema. Fe wnaethon ni lwytho hidlwyr y ddewislen llywio yn functions.php, ychwanegu'r div submenu at ffeil header.php ein thema, ychwanegu templed submenu atom ni, a llwytho ffeil JavaScript submenu yn ein pennawd - gan sicrhau bod jQuery eisoes wedi'i lwytho yn ein thema. hefyd. Gobeithio eich bod chi'n gwerthfawrogi'r gwaith, roedd yn ddiweddariad hwyliog i'r wefan!

8 Sylwadau

  1. 1

    Ydych chi'n dangos neu'n gwerthu'r cod hwn yn rhywle? Rwyf wedi bod yn ceisio gwneud iddo weithio ond ni allaf ddarganfod sut i roi wp_nav_menu i mewn gyda cherddwr…

  2. 6
  3. 8

Beth ydych chi'n feddwl?

Mae'r wefan hon yn defnyddio Akismet i leihau sbam. Dysgwch sut mae eich data sylwadau yn cael ei brosesu.