Ինչպես ավելացնել դինամիկ աղյուսակներ WordPress-ում առանց որևէ HTML-ի

 Ինչպես ավելացնել դինամիկ աղյուսակներ WordPress-ում առանց որևէ HTML-ի

Patrick Harvey

Վերջին անգամ, երբ ես փորձեցի աղյուսակ ավելացնել իմ WordPress բլոգում, ես ի վերջո ջնջեցի ամբողջը և փոխարենը օգտագործեցի կետերի ցանկը:

Ծանո՞թ է թվում:

Այնքան ապշեցուցիչ WordPress թեմաները գալիս են հիանալի տեսք ունեցող աղյուսակներ ստեղծելու ունակությամբ: Եվ իհարկե, դրանք կարող են սկզբում լավ տեսք ունենալ, բայց դուք չեք կարող շատ բան անել դրանց հետ:

Ցանկանու՞մ եք զտվող տվյալներ: Ոչ:

Ցանկանու՞մ եք, որ աղյուսակը արձագանքի բջջային հեռախոսին: Ոչ:

Ցանկանու՞մ եք ներմուծել տվյալներ CSV-ից: Հնարավորություն չկա:

Ահա լավ նորությունը.

ճիշտ փլագինով դուք կարող եք ստեղծել բարձր ֆունկցիոնալ դինամիկ աղյուսակներ: Այնպիսի բաներ, որոնք թույլ են տալիս ցուցադրել զտվող տվյալներ:

Գծապատկերների և բոլոր տեսակի հետ միասին:

Լավ է հնչում: Եկեք նայենք, թե ինչպես դա կարելի է անել wpDataTables-ի միջոցով:

Նշում. Թեև այս ձեռնարկը կենտրոնացած է ինտերակտիվ աղյուսակների վրա, ձեզ կարող է օգտակար լինել wpDataTables-ով բջջային պատասխանատու աղյուսակներ ստեղծելու մեր ձեռնարկը: Սեղմեք այստեղ՝ այն ստուգելու համար: Այս նոր ձեռնարկը հաշվի է առնում թարմացված օգտատիրոջ միջերեսը և լրացուցիչ հնարավորությունները, որոնք վերջերս են թողարկվել wpDataTables-ում:

Այս փլագինը թույլ է տալիս ստեղծել գեղեցիկ աղյուսակներ՝ առանց որևէ HTML-ի իմացության

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

Տես նաեւ: Սոցիալական մեդիա վերլուծության 16 լավագույն գործիքներ 2023-ի համար. Հաշվետվությունը հեշտ էՍտացեք wpDataTables

Այս հավելվածի կարևոր կետերից մեկն այն է, որ ձեզ պետք չէ որևէ նախնական HTML իմացություն այն գործարկելու համար: Ամեն ինչ արվում է հեշտ օգտագործման կարգավորումների էջում: Հրապարակելը պարզապես կարճ կոդ պատճենելու և տեղադրելու դեպք է, և դուք պատրաստ եք:

Բլոգերների և բիզնեսի համար սա հիանալի նորություն է, քանի որ այն թույլ է տալիս ձեզ ցուցադրել շատ տվյալներ հակիրճ և հեշտ ձևով: digest way:

Դուք կարող եք նույնիսկ օգտագործել այն հետևյալի համար՝

  • Ապրանքների կատալոգ
  • Ապրանքների համեմատական ​​գծապատկերներ
  • Գնացուցակներ
  • Տվյալների հավաքագրում օգտատերերից
  • Սպորտային արդյունքներ
  • Հետևում է ձեր առաջընթացին թվերով (օրինակ՝ բլոգի եկամուտների մասին հաշվետվություն)

հնարավորություններն անսահման են:

Սեղան ստեղծելը սկզբից մինչև վերջ. քայլ առ քայլ ուղեցույց

WpDataTables հավելվածի օգտագործումը` ձեր WordPress կայքում գեղեցիկ, հստակ և լիովին գործունակ աղյուսակներ ստեղծելու համար շատ պարզ է: .

Ահա թե ինչպես սկսել.

Քայլ 1 – Պատրաստեք ձեր ֆայլը

Ստորև ես ստեղծել եմ Excel-ի փաստաթղթի օրինակ մի շարք պատահական ծախսերի համար: Սա ներառում է մի քանի սյունակներ, ինչպիսիք են ամսաթիվը, վճարման եղանակը և արժեքը:

Համոզվեք, որ ձեր տվյալները ցուցադրվում են նույն ձևով, հակառակ դեպքում հավելվածը կպահանջի ձեր աղյուսակում սյունակները սահմանելու համար:

Քայլ 2 – Ստեղծեք նոր աղյուսակ

Նավարկեք դեպի wpDataTables ձեր WordPress-ի ձախ կողմումԿառավարման վահանակ:

Այս հղմանը սեղմելով՝ կհայտնվեք վերևի էկրանին: Այստեղ դուք կստեղծեք և կավելացնեք ձեր նոր աղյուսակը.

«Ավելացնել նոր» կոճակը սեղմելուց հետո կտեսնեք այս էկրանը: Այստեղ դուք կսկսեք սահմանել ձեր աղյուսակի պարամետրերը, որպեսզի այն գործի և տեսք ունենա այնպես, ինչպես ցանկանում եք.

Քայլ 3 – Սահմանեք ձեր աղյուսակի առանձնահատկությունները

Սեղանի տեղադրման էջի առաջին երեք բաժիններում դուք կարող եք անել հետևյալը.

  • Ստեղծել վերնագիր
  • Ընտրեք, թե արդյոք ցանկանում եք ցույց տալ ձեր աղյուսակի անվանումը էջում
  • Ընտրեք մուտքագրման աղբյուրի տեսակը ձեր աղյուսակի համար

Սրանք ձեր ամենահիմնական աղյուսակի կարգավորումներն են:

Սեղմեք «Վերբեռնեք ֆայլը» և որոնեք ձեր փաստաթուղթը: Աղյուսակները, որոնք կարող եք ստեղծել, կարող են լինել այնքան բարդ, որքան անհրաժեշտ է:

Ինչպես տեսնում եք, ես իմ աղյուսակին տվել եմ համապատասխան վերնագիր, բացվող ցանկից ընտրել եմ Excel ֆայլի տեսակը: վանդակում և վերբեռնեցի իմ ֆայլը WordPress-ում:

Էջի ներքևում դուք կհանդիպեք ձեր աղյուսակը հարմարեցնելու լրացուցիչ պարամետրերին.

Սրանք են՝

  • Արձագանքող – Թույլ է տալիս ձեր աղյուսակը այլ կերպ ցուցադրվել աշխատասեղանների, պլանշետների և շարժական սարքերի վրա
  • Ոլորվող – Կարող եք ոլորել ձեր աղյուսակը հորիզոնական
  • Թաքցնել աղյուսակը մինչև էջն ամբողջությամբ բեռնվի – Օգտակար է էջերը դանդաղ բեռնելու համար
  • Ընդլայնված զտում – Յուրաքանչյուր սյունակի տակ զտիչ ցուցադրելու համար
  • Զտել ձևի մեջ –Բուն ձևի մեջ զտիչի համար
  • Սեղանի գործիքներ – Ընտրանքների համար, ինչպիսիք են պատճենել, պահել Excel-ում և պահել CSV-ում, որը ներկառուցված է ձեր ձևի մեջ
  • Միացնել տեսակավորումը – Սա ձեզ հնարավորություն է տալիս տեսակավորել ձեր աղյուսակները
  • Սահմանափակել աղյուսակի դասավորությունը – Սահմանափակել աղյուսակի լայնությունը մայր կոնտեյների 100%-ով
  • Ցուցադրման երկարությունը – Սահմանեք, թե քանի գրառում է ցուցադրվում էջի վրա

Սեղմելով «Նախադիտում» դուք կարող եք դիտել ձեր աղյուսակը և փոխել ցանկացած կարգավորում, որը ձեզ անհրաժեշտ է թվում, որպեսզի այն ձեր ուզած տեսքին հասնի:

Հենց որ ընտրեք այն տարբերակները, որոնք լավագույնս համապատասխանում են աղյուսակի տեսակին, որը ցանկանում եք ցուցադրել, ժամանակն է սեղմել «պահպանել» կոճակը:

Եթե ցանկանում եք հարմարեցնել ձեր սյունակները, երբ դուք սեղմել եք «պահպանել», դուք կկարողանաք էջը ներքև ոլորել ավելի շատ տարբերակների համար: Լռելյայն կարգավորումները ավտոմատ կերպով ստեղծվում են, սակայն դրանով դուք կարող եք փոխել յուրաքանչյուր սյունակի գույնը, սյունակը և ֆիլտրի տեսակը (օրինակ՝ ամսաթիվը, ժամը և տեքստը):

Ստորև ես ավելացրել եմ որոշ գույներ և խմբագրել սյունակը: տիպերը տեքստի, թվի և տողի վրա:

Քայլ 4 – Պահպանեք և պատճենեք կարճ կոդը

Հենց որ աղյուսակը պահպանեք, սեղմեք «Փակել» և այն ձեզ կուղղորդի դեպի plugin-ի գլխավոր էջը: Այժմ դուք պետք է տեսնեք ձեր ստեղծած աղյուսակը, ձեր աղյուսակի անվանումը և տեսակը, ձեր գրառման կամ էջում մուտքագրելու կարճ կոդը և այն կրկնօրինակելու տարբերակը:

Ես ուզում եմ այս աղյուսակը ցուցադրել էջում: , հետևաբարԵս պետք է պատճենեմ կարճ կոդը, այնուհետև անցնեմ այն ​​էջը, որը ցանկանում եմ խմբագրել:

Քայլ 5 – Ավելացնել կարճ կոդը գրառմանը կամ էջին

Ձեր աղյուսակը էջին ավելացնելու համար , դա իսկապես այնքան պարզ է, որքան ձեր կարճ կոդը կպցնելը էջի խմբագրում: Ընտրեք էջի այն տեղը, որտեղ ցանկանում եք ցուցադրել ձեր աղյուսակը, տեղադրեք ձեր կոդը և շարունակեք ստեղծել ձեր բովանդակությունը.

Քայլ 6 – Հրապարակել

Հենց որ դուք սեղմեք հրապարակմանը կոճակը ձեր Էջի վրա, ձեր աղյուսակը պետք է նման լինի: Ինչպես տեսնում եք, այն պարզ է, հետևողական, կատարյալ հավասարեցված և պահում է իմ բոլոր տվյալները հեշտ նավարկելու համար.

Տես նաեւ: Ինչպես ընտրել տեղը ձեր բլոգի համար 2023 թվականին

Աղյուսակի վերևի ընտրանքները թույլ կտան օգտվողներին արտահանել աղյուսակի բովանդակությունը: տարբեր ձևաչափերով: Դուք կարող եք նաև հեշտությամբ զտել արդյունքները ձեր կայքի ճակատային մասում:

Ստացեք wpDataTables

Ի՞նչ այլ աղյուսակներ կարող եք ստեղծել:

Դուք միայն սահմանափակված չեք CSV-ի վրա հիմնված պարզ աղյուսակներով: WP Data Tables-ը կարող է ցուցադրել տվյալների լայն շրջանակ բազմաթիվ ձևաչափերով:

Ահա մի օրինակ լիարժեք գործող, արձագանքող և խմբագրվող աղյուսակի մի քանի սյունակներով և տարբերակներով:

Այս աղյուսակը MySQL-ը հիմնված է զտիչներով, որպեսզի տեսակավորի բովանդակությունը՝ կախված օգտագործողի կարիքներից:

PHP զանգվածի վրա հիմնված այս աղյուսակը սերիականացված է և ներառում է պատկերներ. սա ավելացնում է միանգամայն այլ դինամիկա և ֆունկցիոնալություն, որը շատ էլեկտրոնային առևտրի խանութներում հատկապես օգտակար կլինի: :

Դուք չեք սահմանափակվում միայն CSV ֆայլերովկամ. WP Data Tables-ը նաև թույլ է տալիս օգտագործել Excel-ի վրա հիմնված ֆայլեր՝ հնարավորություն տալով օգտվել դրա հետ կապված բազմաթիվ հատուկ առանձնահատկություններից> wpDataChart հրաշագործ – Թույլ է տալիս մի քանի հեշտ քայլերով ձեր տվյալները վերափոխել գրաֆիկի կամ գծապատկերի: Այն ներկայումս աջակցում է ռենդերների 3 շարժիչներին՝ Google Charts, Highcharts և Chart.js: Գտեք ավելի շատ փաստաթղթեր այստեղ:

  • Պայմանական ձևաչափում – Թույլ է տալիս ընդգծել բջիջները, տողերը և սյունակները՝ հիմնվելով դրա բովանդակության վրա: Այն օգտակար է հատկապես, եթե աղյուսակը ամբողջությամբ թվային է: Գտեք ավելի շատ փաստաթղթեր այստեղ:
  • Բանաձևի սյունակներ – Ձեզ հնարավորություն է տալիս ավելացնել սյունակ, որը կարող է օգտագործվել այլ բջիջներում նշված թվերի հիման վրա թվերը հաշվարկելու համար: Գտեք ավելի շատ փաստաթղթեր այստեղ:
  • Datetime սյունակներ – Օգտագործվում է բջիջների համար, որոնք պարունակում են և՛ ամսաթվերը, և՛ ժամերը: Նրանք ավտոմատ կերպով կհայտնվեն այն ձևաչափով, որը դուք սահմանել եք կարգավորումների էջում: Գտեք ավելի շատ փաստաթղթեր այստեղ:
  • Գումար/Ընդհանուր տող – Օգտագործվում է թվային սյունակների համար, այն թույլ է տալիս հաշվարկել բոլոր արժեքների գումարը: Գտեք ավելի շատ փաստաթղթեր այստեղ:
  • Report Builder – Հավելված է wpDataTables-ի համար: Report Builder-ը ակնթարթորեն ստեղծում է փաստաթղթեր և աղյուսակներ՝ լրացնելով ձեր ձևանմուշները ձեր WordPress կայքի փաստացի տվյալներով: Գտեք ավելի շատ փաստաթղթեր այստեղ:
  • Master-Detail Tables – Հավելված է wpDataTables-ի համար, որը թույլ է տալիսդուք և ձեր կայքի այցելուները պարզ սեղմումով տեսնելու մանրամասները յուրաքանչյուր տողի համար: Գտեք ավելի շատ փաստաթղթեր այստեղ:
  • Ստացեք wpDataTables

    Վերջնական մտքեր

    Սեղանները տվյալների ցուցադրման հիանալի միջոց են: Եվ երբ ավելացնում եք դինամիկ առանձնահատկություններ, ինչպիսիք են զտումը, դուք ձեր կայքի այցելուների համար ամեն ինչ շատ ավելի լավն եք դարձնում:

    Ես ձեզ բացատրել եմ, թե ինչպես ստեղծել դինամիկ աղյուսակ WordPress-ում՝ վերբեռնելով տվյալները Microsoft Excel-ից (կամ օգտագործելով ցանկացած այլ աղյուսակային գործիք): Սակայն շատ ավելին է հնարավոր:

    Դուք նույնիսկ կարող եք ձեր ցանկացած աղյուսակը վերածել գծապատկերների կամ գծապատկերների և ավելին:

    Այժմ ժամանակն է սկսել ձեր սեփական սեղանի վրա. վայելեք !

    Առնչվող ընթերցում. 5 հզոր և շարժական արձագանքող սեղանի պլագիններ WordPress-ի համար:

    Բացահայտում. Սա գրառումը հովանավորվում է, բայց մեր կարծիքը մերն է:

    Patrick Harvey

    Պատրիկ Հարվին փորձառու գրող և թվային շուկայավար է, որն ունի ավելի քան 10 տարվա փորձ արդյունաբերության մեջ: Նա մեծ գիտելիքներ ունի տարբեր թեմաների, ինչպիսիք են բլոգերը, սոցիալական լրատվամիջոցները, էլեկտրոնային առևտուրը և WordPress-ը: Գրելու և մարդկանց առցանց հաջողության հասնելու նրա կիրքը դրդել է նրան ստեղծել խորաթափանց և գրավիչ գրառումներ, որոնք արժեք են տալիս իր լսարանին: Որպես WordPress-ի հմուտ օգտատեր՝ Պատրիկը ծանոթ է հաջող վեբ կայքերի կառուցման նրբություններին, և նա օգտագործում է այս գիտելիքները՝ օգնելու բիզնեսներին և անհատներին հաստատել իրենց առցանց ներկայությունը: Մանրամասների նկատմամբ խորաթափանց հայացքով և գերազանցության նկատմամբ անսասան նվիրվածությամբ՝ Պատրիկը նվիրված է իր ընթերցողներին թվային մարքեթինգի ոլորտում վերջին միտումներն ու խորհուրդները տրամադրելուն: Երբ նա բլոգ չի գրում, Պատրիկին կարելի է գտնել նոր վայրեր ուսումնասիրելիս, գրքեր կարդալիս կամ բասկետբոլ խաղալիս: