Բեռնեք վերջին գրառումները ՝ ըստ կատեգորիաների, WordPress ընտրացանկի միջոցով ՝ օգտագործելով jQuery բեռը

jQuery

Եթե ​​այցելել եք այնտեղի ավելի մեծ բլոգեր, ապա Mashable, Դուք կարող եք նկատել, որ նրանք ունեն շատ լավ ընտրացանկի համակարգ, որն ընկնում է և ձեզ տեսանելիություն է հաղորդում յուրաքանչյուր կատեգորիայի բլոգի վերջին հաղորդագրությունների մեջ: Որպեսզի էջը հավերժ բեռնված չլինի, նրանք բեռնում են այդ բովանդակությունը ՝ օգտագործելով Ajax և նախաբեռնում են միայն էջը լիարժեք բեռնելուց հետո:

WordPress Ajax ենթամենյու

Մենք ուզում էինք նույնն անել այստեղ Martech Zone, Մեր կատեգորիաների վերաբերյալ որոշակի պատկերացում կազմելու համար ես ուզում էի ցույց տալ յուրաքանչյուրի ներսում որոշ հաղորդագրություններ: Մենք լավ տիրապետում ենք WordPress- ին, WordPress- ին API և jQuery, բայց մինչև ես հոդված չգտա Գրառումների ստացում ըստ կատեգորիայի ՝ jQuery- ի միջոցով որ մենք լավ լուծում ունեինք:

ՆՇՈՒՄ. Նրանց մեթոդի մի կողմ, որը ես չեմ հավատում, որ լավ լուծում է `հարցման_փոստի ամբողջ տողի JavaScript- ի միջոցով անցնելը ... ինձ թվում է, որ դուք ինքներդ եք բացվում հակերության համար: Ես փոփոխել եմ այս կայքի սցենարը, որպեսզի փոխանցեմ միայն query_posts հրամանի մեջ անհրաժեշտ պարամետրերը:

Ձեռնարկը օգտվողին տալիս է ձևանմուշ ստեղծելու միջոցով գրառումները դինամիկ կերպով ձգելու համար, և այնուհետև ինչպես կառուցել հղումներ, որոնք կարող են նախաձեռնել հարցումը: Դյուրին կլիներ, եթե մենք ցանկանայինք պարզապես հղումներ կատարել, բայց իրականում ուզում էինք օգտագործել WordPress- ը ՝ ներկառուցված նավիգացիոն ընտրացանկում: Դժբախտաբար մեզ համար, WordPress- ի ցանկի հղումները առաջացրել են թվեր, երբ դուք ավելացնում և հեռացնում եք ընտրացանկի իրերը… բայց դրանք իրականում չունեն որևէ տեղեկատվություն այն կատեգորիայի վերաբերյալ, որը ցանկանում եք քաշել և փոխանցել ձեր Ajax- ի զանգում:

Menuանկի ցանկի տարրերը պատշաճ կերպով պիտակավորելու համար մենք ներառեցինք կոդը WPreso- ից, Menuանկի իրերի դասերին ավելացրեք էջի / հաղորդագրության ծալքի դաս.

Միայն մեկ խնդիր… այն աշխատում է էջի կամ գրառման համար, բայց իրականում չի աշխատել Կատեգորիայի համար: Այսպիսով, մենք թարմացրեցինք բծախնդրության խնդրանքը հետևյալով.

$ slug = get_cat_slug ($ id);

Եվ ավելացրեց գործառույթը WPRecipes- ից, WordPress հնարք. Ստացեք կատեգորիայի սլոգ ՝ օգտագործելով կատեգորիայի ID, նավարկության ընտրացանկում կատեգորիայի սպունգը հետ քաշելու տվյալների հատկանիշի մեջ:

Այսպիսով ... շնորհիվ WordPress- ի 3 կայքերի համատեղ ջանքերի և մեր jQuery գուրուի կողմից որոշ ճշգրտումների DK New Media, Սթիվեն Քոլին (ընտրացանկը հարթելու համար), մենք ունենք շատ լավ ենթամենյուի համակարգ:

Ամբողջ աշխատանքն իրականացվել է մեր թեմայի ֆայլերի շրջանակներում: Մենք բեռնել ենք նավիգացիոն ընտրացանկի ֆիլտրերը ֆունկցիաների. Php- ի մեջ, ենթամենյուի բաժինը ավելացրել ենք մեր թեմայի header.php ֆայլում, մեր ենթահաշվային ձևանմուշը ավելացրել ենք մեր վերնագրում և ենթաբաժնի JavaScript ֆայլը բեռնել ՝ ապահովելով, որ jQuery- ն արդեն տեղադրված է մեր թեմայում: նույնպես. Հուսով եմ, որ գնահատում եք աշխատանքը, դա զվարճալի թարմացում էր կայքի համար:

8 Comments

  1. 1

    Codeույց եք տալիս կամ վաճառո՞ւմ այս կոդը ինչ-որ տեղ: Ես փորձում էի այնպես անել, որ այն աշխատի, բայց չեմ կարողանում հասկանալ, թե ինչպես կարելի է wp_nav_menu- ն տեղադրել զբոսնողի հետ

  2. 6
  3. 8

Ինչ եք կարծում?

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.