Ef þú notar Divi þemað eða Divi Builder, muntu vinna reglulega með Divi einingar. Þeir eru byggingareiningarnar innan þemaðs sem gera þér kleift að bæta við síðuþáttum, stíla þá, stjórna þeim og nýta þá til að búa til fallegar vefsíður.
Vandamálið er þegar þú ert í miðri hönnun eða reynir að fletta þér leið Divi Builder, það er erfitt að sjá nákvæmlega hvað er í boði.
Þessi fullkomna leiðbeining um Divi einingar mun gera grein fyrir 46 kjarna einingum sem eru í Divi. Það mun einnig varpa ljósi á nokkur ókeypis og aukagjald einingar frá þriðja aðila verktaki.
Allt svo þú getir nýtt þér Divi sem best fyrir vefsíður þínar eða viðskiptavinar þíns.
Þessi grein er ein af mörgum okkar Divi umsagnir að CollectiveRay hefur gert til að fjalla um hina ýmsu þætti Divi þema og byggingaraðila. Skoðaðu líka lista okkar yfir dæmi um notkun Divi þema að búa til töfrandi vefsíður.
Þarftu að fá Divi á góðu verði? Við höfum nú fengið einkaréttarafslátt frá Elegant Themes:
Fáðu Divi í 10% afslátt í September 2023 Aðeins
Ef þig vantaði meiri hvatningu til að kaupa Divi og gera tilraunir með margar Divi einingar hér, nýleg árangursuppfærsla mun gera það.
Divi hefur nýlega gjörbylt kóða sínum svo hann er hraðari og léttari en nokkru sinni fyrr.
Sem hluti af endurbótunum hefur Divi minnkað CSS um 94% og kynnt dýnamískt CSS sem hleður aðeins því sem krafist er, kynnt snjalla stíl til að minnka afrit og minnka skráarstærðir, fjarlægt CSS-hindrandi CSS, fínstillt JavaScript og bætt við kraftmikilli PHP ramma til að auka skilvirkni aðgerða.
Opinber Divi einingar
Það eru 46 Divi einingar í boði eins og er.
1. Harmonika
Harmonikkan bætir við renniseiningu á harmonikku á síðu. Þú veist þegar þú sérð innihaldsreit með valanlegum þætti og það rennur niður til að sýna meira efni? Það er harmonikku.
Fyrir Divi er harmonikkueining valin þáttur sem inniheldur efni. Veldu fyrstu línuna og hún stækkar til að sýna stutta skýringu eða yfirlit. Veldu næstu línu og fyrsta línan lokast og önnur opnast. Það er glæsileg leið til að fela mikið af efni í litlu rými.
2. Hljóð
Hljóðeiningin býður upp á hljóðspilara sem þú getur sett hvar sem er á síðu. Þú getur tengt spilara við hljóðskrá sem er hýst á staðnum svo hún spili hvenær sem notandi velur hana.
Í Divi er hljóðeiningin einfaldur hljóðspilari en ef þú þekkir smá CSS gætirðu stílað það sjálfur.
3. Barborðsmót
Stangateljarar eru framfarastikur sem þú sérð á vefsíðum um allt internetið. Gjört rétt, þau eru strax skiljanlegur mælikvarði á eitthvað og geta virkað mjög vel við réttar aðstæður.
Divi Bar teljarar geta verið litaðir, sérsniðnir til að henta nánast hvaða tilgangi sem er, hægt að stilla handvirkt fyrir tiltekin stig og nota á hvaða vegu sem er.
4. Blogg
Divi Blog einingin gerir þér kleift að setja bloggfærslur hvar sem er á síðu. Ekki aðeins er hægt að staðsetja þessar færslur hvar sem er, heldur geturðu líka stílað þær eftir þema þínu.
Divi Blog einingin veitir fullkomið frelsi um hvar og hvernig þú birtir bloggfærslur þínar. Þú ert ekki lengur bundinn við það hvar WordPress eða þema þitt heldur að þú ættir að hafa þau með þessari einingu.
5. Skýring
Blurb einingin er innihaldsefni heill með tákni og valfrjálsum hreyfimyndum. Þetta eru gagnlegar fyrir vöru- eða þjónustulýsingar á síðum þar sem valfrjáls fjörunarþáttur getur aukið síðu á smá áhuga.
Divi Blurb einingin hefur úrval af táknum, litum og hreyfimöguleikum eftir því hvernig þú notar þau. Sumt er að finna sem sjálfgefið innan einingarinnar en annað er hægt að útfæra með CSS.
6. Hnappur
Divi Button mátinn veitir leið til að bæta við hnappa hvar sem er á síðunni þinni, í hvaða lit sem er og fjölbreytt úrval af stærðum og gerðum. Hönnuninni er hægt að stjórna í þema sérsniðnum og tenglar og áhrif stillt á sama tíma.
Þau eru einföld en áhrifarík viðbót við núverandi hnappavalkosti innan Divi.
7. Kalla til aðgerða
Kall til aðgerða gegnir mikilvægu hlutverki í umbreytingu. Því meira sannfærandi sem þú getur gert þau, þeim mun áhrifaríkari geta þau verið. Það er þar sem þessi eining kemur inn.
Divi Call to Action einingin býður upp á auðvelda leið til að byggja upp sínar eigin ákall til aðgerða með því að nota blöndu af CTA kassa, fyrirsögn, efni og hnapp til að auka viðskipti hver sem er á vefsíðunni þinni.
8. Hringborð
Circle Counter einingin virkar á svipaðan hátt og Bar Counters en notar grafík í fullri hring í staðinn. Frekar en einfaldur strikur, bætir einingin við heilan hring með svæðum sem falla undir eftir því hvaða hlutfall er merkt sem fullbúið.
Circle Counter vinnur með þema customizer og er hægt að aðlaga að fullu til að henta hvaða þema sem er.
9. kóða
Divi Code einingin er sérsniðin kóðaþáttur sem þú getur bætt við hvaða síðu sem er. Það samþykkir skammkóða, CSS og HTML og getur hjálpað þér að ná fram margvíslegum hlutum á síðu.
Þeir vinna svipað og sérsniðnir CSS þættir innan þema, aðeins þú getur sett þá hvar sem er og látið þá gera næstum hvað sem er þar sem þemað er ekki takmarkað.
10. Comments
Divi Athugasemdareiningin gerir þér kleift að bæta við athugasemd frá bloggi þínu hvar sem er á síðunni. Til dæmis geta tilmæli eða viðbrögð frá blogg athugasemd verið lögð fram á vörusíðu.
Frekar en að nota mynd, geturðu látið raunverulegan hlutinn fylgja með og síðan tengt við aðal athugasemdina, sem eykur bara á áreiðanleika.
11. Hafðu samband
Samskiptareyðublaðseiningin er gagnleg ef þú vilt ekki nota viðbót fyrir tengilið fyrir þriðja aðila. Þú getur innleitt eyðublað hvar sem er á síðunni og stílað það með því að nota þemaviðmiðið.
Þú getur búið til mörg form, notað löggildingu og skilyrt rökfræði til að láta hvaða form sem er vinna.
12. Niðurteljari
Niðurteljarar eru oft notaðir við vöruútgáfur, niðurtalningu í sértilboð eða sölu eða til að skapa tímakvíða hjá lesendum.
Niðurtalningareiningin hjálpar við það með því að leyfa þér að stíla tímamælir, bæta við eigin niðurtalningu og setja hann hvar sem er á síðunni.
13. Skiptir
Skiptingar eru litlar en mikilvægar leiðir til að brjóta upp vefsíður og gefa áhorfendum smá frí fyrir næsta kafla. Flest vefþemu virðast innihalda þau sem eftirá, þar sem Divi kemur inn.
Divi þemað hefur skilti en Divider einingin bætir meira við.
14. Tölvupóstur
Tölvupóstur er þátttaka í tölvupósti nauðsynleg til að byggja upp netlistalista og til að auka þátttöku. Tölvupóstur er samt ótrúlega öflugt markaðstæki og þátttöku netfangsins er að hjálpa til við það.
Þú getur búið til eyðublöð, skráningar á fréttabréf og leiða myndandi þætti með því að nota þessa einingu og síðan tengt það við tölvupóstforritið þitt til að hjálpa við að stjórna því á skilvirkan hátt.
15. Síanlegt safn
Síanleg eignasafnseiningin er tilvalin til að fela aðlaðandi eignasafnshluta á síðu. Þú getur stílað það, stillt eigin flokka og síur og búið til fullkomlega gagnvirkt eigu.
Sum Divi þemu fylgja eignasöfn þætti innbyggð og Divi Builder hefur þá líka en þessi eining bætir við enn meira.
16. Gallerí
Divi Gallery einingin gerir mikið það sama fyrir gallerí. Það gerir þér kleift að sýna myndir og myndskeið hvar sem er á síðu.
Galleríið er hægt að aðlaga að fullu og innihalda hvaða mynd sem þér líkar. Þú getur stillt stílinn sem rist eða rennibraut og stjórnað mörgum þáttum í útliti og tilfinningu þess úr sérsniðnum.
17. Mynd
Divi Image einingin bætir við ýmsum möguleikum þegar myndir eru birtar á síðu. Þú getur bætt við ljósaboxáhrifum, innleitt latur hleðslu, bætt við hreyfimyndum og gert myndir þínar virkilega áberandi.
Myndir hafa mikil áhrif á þátttöku og tíma á síðunni svo að réttlæti í myndum þínum er fullkomið vit. Þessi eining getur hjálpað til við það.
18. Skrá inn
Divi tengingareiningin bætir við einkennandi innskráningarformi á blaðsíður með kunnuglegri stíl þemans. Hægt er að móta eininguna þannig að hún henti síðunni til að sitja annað hvort í bakgrunni eða standa upp úr og taka eftir henni.
Innskráningarsíðan skráir notandann sjálfkrafa inn á síðuna án þess að beina henni á sjálfgefna WordPress innskráningarsíðu.
19. Kort
Divi kortareiningin tekur staðlaða kortþáttinn og bætir við auknum aðlögunarvalkostum og saumless samþætting á síðu. Þar sem kort geta gegnt mikilvægu hlutverki á sumum stöðum er þetta mjög gagnlegt viðbót til að nota!
Kort er samþætt með Google kortum til að auðkenna staðsetningar eða bæta við gagnvirkum þáttum. Það er hægt að stíla það til að passa við síðuna þína líka.
20. Talnaborð
Number Counter einingin er annað myndrænt tæki til að eiga samskipti við áhorfendur þína. Frekar en að nota strika eða hringgrafík notar þessi eining einfaldar tölur til að eiga samskipti.
Það virkar á sama hátt og þeir aðrir líka. Stíllu það í þema customizer og settu það hvar sem er á síðunni.
21. Persóna
Persónueiningin bætir persónuleika við vefsíðuna þína. Hvort sem þú vilt sýna höfunda, veita innsýn í teymið þitt eða eitthvað annað, þá er persónueiningin hvernig þú gerir það.
Þú getur bætt við mynd, afrit af ævisögu, tenglum á samfélagsmiðla og sett hana hvar sem er á vefsíðuna þína. Það eru líka sérsniðnir möguleikar ef þú þarft það til að passa inn í núverandi þema.
22. eigu
Portfolio einingin byggir á þeim valkostum sem Gallerí býður upp á með því að leyfa þér að sýna verk þín á ýmsa vegu. Ef þú ert sjálfstætt starfandi eða lítið fyrirtæki og vilt sýna vinnuna þína, þá er þetta svona.
Einingin getur unnið með ristum, skipulagi í fullri breidd, boðið upp á flokkasíur og síðuskipti. Það eru líka nokkrar aðlöganir sem þú getur beitt ef þú þarft.
23. Póstleiðsögn
Post Navigation tekur sjálfgefna lestur næstu eða fyrri valkosti og gerir þá meira aðlaðandi. Þó að WordPress og mörg þemu hafi þessa eiginleika bætir Divi valkosturinn enn meira notagildi.
Einingin gerir þér kleift að fela aðlaðandi fyrri og næstu hnappa neðst í færslum til að leyfa lesendum að vinna sig í gegnum bloggið þitt.
24. Póstur renna
Post Slider einingin er frábær leið til að sýna bloggfærslur þínar. Það notar renna til að fletta í gegnum skilgreinda röð bloggfærslna til að sýna verk þín og laða að smell.
Þó að mörg önnur viðbætur bjóði upp á að birta eða sýna bloggfærslur getur rennibrautin innihaldið litríka mynd og útdrátt sem vissulega mun taka þátt. Minniháttar sérsniðnar eru einnig mögulegar með þessari einingu.
25. Titill færslu
Post Titill einingin er lítil en gagnleg viðbót sem notar Divi stíl fyrir póstheiti. Það sýnir titilinn og hefur einnig möguleika á að bæta við lögunarmynd og hvaða lýsigögn sem þú gætir líka viljað birta.
Einingin hefur nokkra sérsniðna valkosti sem þú getur notað til að passa hana inn í þema en vanskilin virka nógu vel fyrir flesta notkunina.
26. Verðborð
Verðborð eru einn af þessum þáttum sem mjög fá WordPress þemu virðist ná rétt á. Divi er ekki einn af þeim. Sjálfgefnu þematöflurnar virka nógu vel en þú getur ofhlaðið það með Pricing Tables einingunni.
Þessi eining bætir við sérhannaðri töflu sem þú getur passað á hvaða síðu sem er. Þú getur breytt litum, gjaldmiðlum, fjölda eiginleika og áhrifum eftir þörfum.
27. Leit
Leit er annar þeirra eiginleika sem venjulega eru less en hugsjón. Sjálfgefna WordPress leitaraðgerðin getur verið hæg og saknað hins augljósa. Sum þemu innihalda leit sem veldur oft vonbrigðum. Divi leitareiningin breytir þessu öllu.
Þetta er einfaldur leitarreitur sem þú getur sett hvar og stíl sem hentar þema þínu. Einfalt, hratt og mjög árangursríkt.
28. Shop
Divi Shop einingin er frábær viðbót við WooCommerce. Ef þú hefur nú þegar rekið verslun leyfir þessi eining þér að vera með vörur í sjálfstæðum þætti hvar sem er á síðunni þinni. Það er frábært tækifæri til að krosssala eða hækka.
Einingin gerir þér kleift að flokka vörur, stíla frumefnið og framkvæma nokkrar aðlöganir á skjánum líka.
29. Hliðarstiku
Sidebar einingin er ein sú gagnlegasta af öllum einingum á þessum lista. Það tekur venjulega skenkur og gefur þér fulla stjórn á því hvernig það lítur út, hvað það er með og hvernig það virkar.
Einingin leyfir þér að byggja sérsniðnar hliðarstikur með því að nota þemaviðmiðið og setja þær á allar síður, sumar síður eða tilgreindar síður.
30. Renna
Rennibrautir geta verið umdeildir viðfangsefni en enginn vafi leikur á að þeir geta verið áhrifaríkir ef þeir eru stílaðir rétt. Divi Slider einingin gerir einmitt það.
Það er einfalt sleði sem þú getur sett hvar sem er á síðunni og sérsniðið að því að passa við hönnunina. Þú getur líka notað myndskeið, myndir, stjórnað gerð skyggnunnar og margt fleira.
31. Félagsmiðlar Fylgdu
Fylgihnappar eru önnur blaðsíðueinkenni sem fáum þemum tekst að ná réttu. Þeir eru svo einfaldur eiginleiki en geta oft litið klunnalega út, virka ekki rétt eða líta út eins og þeim hafi verið bætt við með viðbót.
Fylgismiðillinn Social Media Follow er annar. Það bætir við nokkrum aðlaðandi táknum með krækjum og gerir þér kleift að sérsníða þau eftir þínum þörfum.
32. Tabs
Ef Accordion einingin er ekki það sem þú ert að leita að, kannski er Tabs einingin það. Þetta er önnur leið til að sýna mikinn texta án þess að ofhlaða síðuna.
Þessi viðbót gerir þér kleift að búa til innihaldsefni með fjölda láréttra flipa sem geta verið með afrit, myndir eða myndskeið.
33. Vitnisburður
Testimonial einingin bætir félagslegri sönnun á síðu. Við vitum öll hversu mikilvæg félagsleg sönnun er og þessi eining gerir þér kleift að bæta henni við hvar sem er.
Þú hefur nokkra stílmöguleika til að passa eininguna inn á síðuna, þú getur sýnt mynd, afrit og tengla eftir þörfum þínum.
34. Texti
Textareiningin gerir þér kleift að fá aðgang að WordPress ritstjóra til að bæta við sérsniðnum texta hvar sem þú vilt. Það er annar minniháttar en gagnlegur viðbót sem býður upp á miklu meira frelsi hvað varðar texta staðsetningu á síðu.
35. Skipta um
Divi Toggle einingin virkar á svipaðan hátt og Harmonika að því leyti að hún skiptir um innihaldskassa til að renna opnum og lokuðum. Þar sem Harmonika notar einn reit með mörgum skyggnum notar Toggle einstaka reiti sem hver renna fyrir sig.
Það er gagnlegur valkostur við Harmonika þar sem þú gætir aðeins haft nokkra þætti sem þú vilt nota eða viljir að allir þættir séu opnir í einu.
36. Myndband
Þú getur nú þegar fellt inn myndskeið í WordPress en þú þarft að nota alla iFrame vefslóðina í kóðaskjánum. Divi Video einingin vistar allt það.
Einingin leyfir þér að fella upp eða tengt myndband hvar sem er á síðu. Þú getur líka stillt sérsniðna mynd í stað fyrsta rammans og sérsniðið spilunarhnappinn.
37. Video Renna
Video Slider einingin tekur myndband og bætir við renna. Þú getur stillt aðalmyndband og haft fjölda annarra undir og látið sleðann skipta á milli sín.
Einingin leyfir þér að sérsníða fyrstu myndina og spila hnappinn, nota hlaðið eða tengt myndskeið og setja þau hvar sem er á síðu.
38. Fullvíddarkóði
Fullwidth kóða einingin vinnur með Divi þemum í fullri breidd og gerir þér kleift að fella kóða inn á síðu á meðan þú heldur formatting. Það er einfalt en árangursríkt eining sem gæti verið gagnlegt fyrir vefsíður, verktaki vefsíður eða eitthvað annað.
39. Haus í fullri breidd
Fullvíddarhaus einingin gerir þér kleift að búa til haus með fullri breidd síðunnar. Einfalt en mjög áhrifaríkt. Þú getur verið með fyrirsögn, undirhaus og afritað ásamt allt að tveimur hnöppum.
40. Fullvíddarmynd
Fullwidth Image er útgáfan í fullri breidd á Image en vinnur saumlessly í hönnun í fullri breidd. Það hefur alla sömu skjá og aðlögunarvalkosti líka.
41. Fullvíddarkort
Fullwidth Map einingin virkar alveg eins og Maps en fyrir síður í fullri breidd. Þú færð einnig sömu Google Map eindrægni, sérsniðna valkosti og auðveldan notkun og þessi eining.
42. Fullvíddarmatseðill
Fullwidth Menu býður upp á sérsniðna valmynd sem teygir sig yfir síðu. Það tekur venjulega WordPress matseðilinn og er með það í sérsniðnum þætti. Þú getur síðan sérsniðið matseðilinn á venjulegan hátt.
43. Fullvíddasafn
Þessi eining tekur venjulegu Portfolio eininguna og lætur hana vinna með síður í fullri breidd. Það hefur sömu aðlögun og eiginleika en vinnur með þessu skipulagi.
44. Rennibraut eftir fullvídd
Fullwidth Post Renna tekur Post Renna eininguna og lætur hana vinna yfir alla breidd síðu. Það hefur sömu notagildi og sérsniðna valkosti og einingin og býður upp á fulla stjórn á því hvernig það lítur út fyrir notandann.
45. Titill innleggs í fullri breidd
Titill fullvíddar færslu er sá sami og titill færslu en virkar fullvídd. Það er eitthvað sem við ímyndum okkur að þú myndir nota sparlega á síðu en þetta Divi eining gerir það að verkum að þú getur búið til titla í fullri breidd án nokkurrar kóðunar.
46. Renna fyrir fullvídd
Fullwidth renna tekur rennibrautareininguna og gerir það sama. Lætur það virka gallalaustlessly með hönnun í fullri breidd. Þetta er gagnlegri eining með fullri stjórn á því hvernig glærurnar líta út og líða.
WooCommerce Divi einingar
WooCommerce er mjög vel þjónað af Divi. Sumir framlengja núverandi eiginleika innan WooCommerce síðna en aðrir gera þér kleift að hafa suma verslunarþætti á síðum utan verslunar.
Hver er þess virði að skoða ef þú ert að leita að meiri sveigjanleika í því hvernig þú hannar verslunina þína.
1. Woo Breadcrumb Module
Brauðmolar eru oft notaðir á vefsíðum til að auðvelda siglingar. Woo Breadcrumb einingin fyrir Divi gerir það sama fyrir verslunina þína. Valkostirnir eru einfaldir og fela í sér námskeiðssíðu, núverandi síðu og valfrjálsan hlekk og aðskilnað.
Þetta er einföld en áhrifarík eining sem gerir þér kleift að setja lýsandi brauðmylsna efst á síðunni til að hjálpa notendum þínum að fletta.
2. Woo Title Module
Þessi eining gerir þér kleift að hafa fulla stjórn á vörutitlum. Þú getur breytt titlinum, stílað hann og bætt við tenglum, bakgrunni og stillt eftir þörfum. Það byggir á sjálfgefna titilvalkostinum með því að bæta við fleiri hönnunarverkfærum og nokkrum háþróuðum bilum.
Það sem meira er, þegar þú uppfærir titil með þessari einingu geturðu stillt hann til að uppfæra sjálfkrafa alls staðar á vefsvæðinu þínu.
3. Woo myndareining
Woo Image Module býður upp á fulla stjórn á vörumyndum í verslun þinni. Sjálfgefnir valkostir eru góðir, en þetta tekur það lengra. Þú getur bætt við fjölda mynda, notað smámyndar renna og bætt við merkjum eða myndrænum lögum fyrir tilboð eða eitthvað annað.
Einingin hefur nokkra sérsniðna valkosti sem þú getur notað til að stíla myndina og leyfir þér að setja hana hvar sem þú vilt á hvaða síðu sem er.
4. Woo Gallery Module
Woo Gallery Module byggir á Image Module með því að fella myndir inn í vörusafn. Það býður upp á svipaða möguleika og Divi Gallery einingin sem við nefndum áðan og býður upp á tækifæri til að stíla galleríið og setja það hvar sem er, á hvaða síðu sem er.
Myndir selja vörur, svo þetta er frábær kostur ef sjálfgefin myndgeta WooCommerce er ekki að skila því sem þú þarft.
5. Woo verð mát
Woo verð mát framlengir verðlagningu og gerir þér kleift að sýna vörur og verð á hvaða síðu sem er, ekki bara geyma síður. Það er sérhannaður þáttur sem sýnir núverandi verð, gamalt verð, söluverð og hannar þessi verð til að passa þema þitt.
Þó að venjulega WooCommerce viðbótin sé með mikið af verðlagsmöguleikum innbyggðum, þá tekur þessi eining það skrefi lengra og felur í sér möguleikann á að auglýsa á síðum sem ekki eru vörur.
6. Woo Bæta í körfu Module
Woo Add to Cart Module býður upp á fulla stjórn á raunverulegum kaupum. Með henni geturðu stílað hnappinn Buy It Now á hvaða hátt sem þú vilt. Frá því sem það segir til hvernig það lítur út og aðskiljið hnappinn frá sjálfgefnu WooCommerce skipulagi.
Ef, af einhverjum ástæðum, sjálfgefið verð og hnappaskipun virka ekki fyrir þemað þitt, þá hjálpar þessi eining við það. Þú getur sett það hvar sem er, stílað það, sýnt magnvalkost og jafnvel hlutabréfaskjá sem eftir er.
7. Woo matseining
Einkunnir eru allt í smásölu. Vörur sem eru mjög metnar selja vörur sem ekki eru metnar með verulegum mun. Hækkun dóma og félagsleg sönnun getur verið þitt að stjórna með Woo Rating Module.
Það gerir þér kleift að setja einkunn á síðu, birta dóma, birta fjölda og meðaleinkunn þessara umsagna og tengla á þær. Sérhver verslun ætti að nota einkunnir og svona á að gera það.
8. Woo lager mát
Woo lager einingin gerir nákvæmlega það sem hún segir á dósinni. Það gerir þér kleift að sýna nákvæman lagernúmer á vöruskjánum þínum. Þetta getur hjálpað til við að auka brýnt, sem aftur eykur viðskipti.
Þú getur stíllað hverja skjá til að hjálpa við þá brýnu þörf með því að varpa ljósi á litla birgðir í rauðu eða stóra lager í grænu, bæta við „Ekki á lager“ texta og setja hann hvar sem er á síðunni.
9. Woo Meta Module
Woo Meta einingin sér um smáatriði eins og að birta SKU, merki, flokka og viðbótargögn á síðu. Ef þú vilt láta sem mest gögn fylgja með á síðum þá hjálpar þessi eining.
Það er ekki frjálst form eining en getur tekið innri meta og sýnt þeim öllum til að sjá. Þú getur stílað hönnunina þó.
10. Woo Lýsingareining
Woo lýsingareiningin gerir þér kleift að birta vörulýsingu fyrir tiltekna vöru hvar sem er innan Divi þema.
Það er grunn en nothæf eining sem gerir þér kleift að auglýsa vörur á bloggsíðum eða þjónustusíðum og stíla að fullu útlit og tilfinningu þeirrar lýsingar.
11. Woo Tabs Module
Woo Tabs Module virkar á svipaðan hátt og Divi Tabs mátinn. Það setur flipa innihaldsþátt á síðu sem þú getur fyllt með hvaða efni sem þér líkar.
Flipar geta verið gagnlegir til að sameina margar heimildir á einni síðu. Til dæmis upplýsingar um vörur, forskrift vöru, afhendingarmöguleika og umsagnir í einum kassa með flipa fyrir hvern.
12. Woo viðbótarupplýsingareining
Woo viðbótarupplýsingareiningin er fyrir þá sem vilja meira. Hafa vörur með auka valkosti? Þetta er einingin sem á að nota. Til dæmis væru stærðir eða mismunandi litir til sýnis hér.
Þú getur stílað það eins og þú vilt og sett það á síðu með því að nota venjulegt sérsnið. Enn ein einföld en dýrmæt viðbót.
13. Woo tengdar vörur mát
Viðbótarupplýsingareining Woo ætti að þurfa litla kynningu. Búðir thrive um krosssölu og uppsölu og þessi eining er hvernig þú gerir það. Þú getur bætt við a skyldar vörur hluta á síðu og bæta við stuðningsupplýsingum eins og þú vilt.
Sérhver verslun ætti að nota krosssölu og ef venjulegir WooCommerce valkostir eru ekki nóg, þá virkar þessi eining saumlessly með Divi.
14. Woo uppsalareining
Woo Upsell Module gerir mikið það sama. Þú getur bætt þessu við vörusíður eða á hvaða síðu sem er á síðunni þinni til að selja vörur.
Vörurnar sem koma fram í þessari einingu verða þær sem þú hefur valið sem uppsölumöguleika í WooCommerce. Þessi eining leyfir þér bara að setja þau hvar sem er á síðu.
15. Tilkynningareining Woo körfu
Tilkynningareining Woo körfu er virðisaukandi valkostur sem bætir einfaldri tilkynningu við vörusíðu sem tilkynnir notandanum að þeir hafi bætt vöru í körfu. Það er einfalt en gagnlegt gagnverk sem getur merkt frábæra verslun frá því að vera góð.
Tilkynningar geta verið stíll og með litum og leturgerðum. Sjálfgefin stilling mun nota þemalitinn þinn en þú getur auðveldlega hafnað því ef þú vilt það.
16. Woo Umsagnir Module
Woo Umsagnareiningin gerir þér kleift að setja umsagnir um vörur þínar á hvaða síðu sem er á síðunni þinni. Það er gagnlegt fyrir kynningarsíður eða bloggfærslur til að bæta þeirri mikilvægu félagslegu sönnun til að hafa áhrif á ákvörðun um kaup.
Einingin gerir þér kleift að stilla tiltekna reiti, sýna fjölda talninga og hafa áhrif á lit og stíl. Það er gagnlegur mát ef þú kynnir á öðrum stöðum en vörusíðunum þínum.
10 af bestu ókeypis Divi einingum
Það er mikið úrval af ókeypis Divi einingum þarna úti og ekki allir eru þeir jafnir. Við teljum að þessir 10 ókeypis Divi einingar séu vel þess virði að prófa.
1. Divi Tweaker
Divi Tweaker er mjög snjall eining sem hjálpar til við að flýta fyrir Divi Builder og WooCommerce, fjarlægir fyrirspurnarstrengi sem geta hægja á hleðslu síðna og geta skipt staðbundnum þemaskrám út fyrir skrár bornar fram af CDN.
Einingin bætir einnig við nokkrum auka hönnunaraðgerðum fyrir farsíma og skjáborð, nokkrar hreyfimyndir og áhrif, síðuskipti, skipulagsmöguleika og margt fleira.
2. Divi Advanced Text Module
Divi Advanced Text Module er lítill en mjög gagnlegur mát sem stækkar núverandi textavalkosti og bætir við nokkrum gagnlegum verkfærum. Ef þú vinnur mikið með texta, eins og við, þá gerir möguleikinn til að breyta breidd og hæð textaþáttar gífurlegur munur þegar þú ert að reyna að fullkomna síðuskipulag. Þessi eining gerir það.
Það bætir einnig við myndhleðslutæki sem styttir hönnunartíma á lítinn en mikilvægan hátt.
3. Divi Slimbuilder
Divi Slimbuilder er tilvalið ef þú smíðar áfangasíður eða lengri vefsíður með Divi Builder. Það breytir skipulagi aðalgluggans þannig að síðuþættirnir eru grannari. Það breytir einnig því hvernig kaflaheiti eru sýnd til að gera allt hönnunarferlið mun sléttara.
Það er lítill hlutur en þýðir að þú getur séð miklu meira af því sem er að gerast með afturendann á hönnuninni án þess að þurfa að halda áfram að fletta upp og niður.
4. Framlenging á greinakortum
Greinaspjöld eftirnafn var greinilega Elegant Themes'fyrsta Divi eining sem til er. Það er svo gagnlegt að það er enn til og enn vinsælt í dag. Það er önnur lítil eining sem bætir fleiri stílvalkostum við Divi Blog eininguna til að breyta því hvernig bloggspjöldin birtast.
Breytingar eru hófstilltar og fela í sér skuggaáhrif, bakgrunnslit, getu til að stíla bloggristið og breyta stöðu titils bloggsins og meta.
5. Divi Icon stækkunarpakki
Divi Icon Expansion Pack gerir nákvæmlega það sem það segist gera. Það bætir fleki handteiknaðra tákna við Divi Builder sem þú getur notað í hönnun þinni. Það eru hundruð að velja úr og þú getur sérsniðið þau öll að þema þínu.
Það er ókeypis og aukagjaldútgáfa af þessari einingu. Iðgjaldið bætir við fleiri táknum og sérsniðnum valkostum.
6. Stækkaðu Divi
Expand Divi er önnur Divi eining sem skýrir sig sjálf. Það bætir ýmsum eiginleikum við Divi, þar á meðal Lightbox, nýjum hlutum tengdum póstum, nýjum höfundaröskjum, nýjum nýjum póstþáttum, hreyfimynd fyrir síðuhleðslu, Font Awesome verkfæri og margt fleira.
Einingin hefur ekki verið uppfærð í smá tíma en við prófuðum hana á nýjustu útgáfunni af WordPress og Divi og hún virkaði ágætlega.
7. Battle Suit fyrir Divi
Auk þess að hafa mjög flott nafn hefur Battle Suit for Divi margt fram að færa. Það er stækkunareining sem bætir við fleiri færslum, fótum, myndasöfnum og myndmöguleikum, bætir við Lightbox fyrir mynd og myndskeið, bætir við myndáhrifum, eftirheiti og metavalkostum og tonn af öðrum verkfærum.
Miðað við að þetta er ókeypis mát, það er mikið að gerast hér og einingin gerir allt aðgengilegt og mjög auðvelt í notkun.
8. Einfaldur Divi Shortcode
Simple Divi Shortcode tekur mjög öflugt tól í WordPress, stuttkóða og gerir þér kleift að setja þá hvar sem er inni í öðrum einingum. Það er annað mjög einfalt tól sem getur skipt miklu máli ef þú notar stuttkóða mikið á síðunum þínum.
Það er ókeypis og aukagjaldútgáfa af þessu tappi en ókeypis valkostur gerir allt sem þú þarft líklega til að gera.
9. Surbma Divi aukaefni
Surbma Divi Extras bætir nokkrum möguleikum við Divi sem sumum gæti fundist gagnleg. Eitt sem lætur það skera sig úr er textalógómöguleikinn. Þú gætir ekki þurft að nota það oft, en þegar þú gerir það gerir þetta verkfæri eitt og sér þessa einingu þess virði að nota.
Einingin bætir einnig við stíl, skipulagi, valmynd og fótfleti og hefur mjög snyrtilegan lóðréttan miðjuvalkost til að afrita innan einingar. Þetta er annað af þessum verkfærum sem geta verið raunveruleg bjargvættur!
10. Popups fyrir Divi
Popups fyrir Divi eru mjög gagnlegar ef þú vilt búa til einn sprettiglugga en vilt ekki nota sérstakt sprettigluggatengi fyrir WordPress. Það bætir við eiginleika þar sem þú getur búið til þátt innan smiðsins og notað það sem sprettiglugga til markaðssetningar.
Það er einföld lausn á alvarlegu vandamáli og tilvalin til að búa til grunn sprettiglugga innan síðu án þess að þurfa að borga fyrir sprettiglugga.
10 Premium Divi einingar
Það eru hundruð Premium Divi eininga þarna úti. Sumar eru fjárfestingarinnar virði og aðrar, ekki svo mikið. Þessir 10 eru örugglega peninganna virði!
1. Divi hringekju mát 2.0
Divi Carousel Module 2.0 hjálpar þér að byggja hringekjur fyrir næstum hvað sem er innan Divi. Þeir geta verið gagnlegir fyrir vörur, þjónustu, sögur og alls kyns kynningaraðgerðir. Þessi tappi lætur þá gerast.
Það gerir þér kleift að búa til eins margar hringekjur og þú vilt og vista þær sem sniðmát til að nota hvar sem er. Þú hefur fulla stjórn á því hvernig þeim lítur út og líður og öll hönnun fer fram innan byggingaraðila. Frábær valkostur fyrir skjái.
2. Divi netverslun
Divi Ecommerce vinnur bæði með Divi og WooCommerce að flýtileið við að byggja upp netverslun. Það hefur nokkrar hönnun til að nota sem sniðmát, nokkur sérsniðin síðuþætti, kynningarefni til að koma þér í gang hratt og allt sem þú þarft til að byggja upp grunnverslun.
Einingin kemur meira að segja með hliðarstikur, félagslegan hlutdeild, valkosti fyrir vöruútlit, niðurtalningaklukkur, vinsælar afurðareiningar og margt fleira. Ef þér líkar ekki eitthvað af Divi kynningunum gæti þetta verið einingin fyrir þig.
3. Divi Headers Pack
The Divi Headers Pack er risastór. Það bætir við yfir 750 nýjum hausum, sumum hagnýtum, sumum nýjum hönnun. Það bætir viðcanvas valmyndarvalkostir, móttækilegir hausar, matseðilsáhrif, matseðil hreyfimyndir og tonn af verkfærum til að stíla hausum.
Þessi eining hefur mjög þröngan fókus en það er vel þess virði að fjárfesta ef þú átt í vandræðum með að finna hinn fullkomna haus. Ef þú finnur það ekki hér finnurðu það hvergi!
4. Divi Supreme Pro
Divi Supreme Pro inniheldur úrval eininga til að auka sköpunargáfu þína meðan þú notar Divi. Meðal mátanna er Gradient Text, Flipbox, Text Divider, Divi Typing, Supreme Button, Facebook Feed og fjöldi annarra.
Það er margt sem felst í þessari einingu, yfir 40 mismunandi einingar og 7 aukagjöld. Miðað við verðið er Divi Supreme Pro góð kaup!
5. Viðburðadagatal Divi
Hægt er að nota Divi viðburðadagatal til að byggja upp fullkomna viðburðastjórnunarvefsíðu eða nota til að bæta viðburðum við venjulegt vefsvæði. Það notar staðalinn Divi Builder til að hjálpa til við að búa til viðburði og hefur allt sem þú þarft til að stíla og birta þá.
Þessi eining inniheldur dagatal, hringekju, viðburðarstraum og síðueiningu til að hjálpa þér að búa til fullkomlega hagnýta viðburðavef eða viðburðahluta og það er vel þess virði að skoða það.
6. Table Maker
Sumum finnst borð auðvelt en öðrum finnst þau pirrandi óreiðu. Ef þú ert í síðari búðunum, þá Table Maker mát er fyrir þig. Það gerir þér kleift að fella fljótt töflu á síðu og stíla allt um það.
Þú getur bætt við myndum, táknum, texta, hnöppum og jafnvel hrunlínum fyrir farsíma. Það er mjög öflugt viðbót sem gerir stutt verk við að bæta við og stíla töflur á hvaða síðu sem er og fyrir það er það vel þess virði að kaupa.
7. Divi Modal sprettiglugga
Ef þú vilt nota popups og Popups fyrir Divi er ekki nóg, þá verður Divi Modal Popup það. Það er eiginleiki-ríkur eining sem gerir stutt verk við að búa til sprettiglugga frá síðuálagi, töf og ýmsum öðrum kveikjum.
Mikilvægara er að þú getur látið allt svið síðuþátta fylgja með, komið sprettiglugga þínum fyrir hvar sem er, látið það koma af stað hvað sem er á síðunni og bætt við hreyfimyndum við sprettigluggann sjálfan. Ef þú vilt auka þátttöku í sprettiglugga er þetta það sem þú notar.
8. Divi móttækilegur hjálpari
Divi Responsive Helper er tæki til að hjálpa þér að sjá nákvæmlega hvernig síðan þín mun hlaðast á farsíma innan byggingaraðila. Þú getur líka breytt því hvernig það lítur út, hvernig það hlaðast, breytt röð þátta og að fullu stjórnað því hvernig síða þín lítur út fyrir farsíma.
Einingin inniheldur einnig mjög snjallt sjálfvirkt fixer tól sem getur endurjafnað setningar eða málsgreinar svo þær líti betur út. Það eitt gerir það þess virði að kaupa!
9. Divi múrverk gallerí
Divi Masonry Gallery er tilvalið ef þú vilt meira af safni eða bloggsíðu. Það tekur venjulegt múrskipulag og bætir við möguleikann á að búa til mismunandi form, breyta dálkum, bæta við eða fjarlægja rými, bæta við sprettiglugga og stilla sérstakt gallerí fyrir farsíma.
Ef þú ert að hanna myndríka vefsíðu og vilt gera meira við múrverk þá gerir þessi eining þér kleift að gera allt innan úr þekktu Builder viðmóti.
10. Divi MadMenu
Divi MadMenu bætir við fleiri valkostum við valmyndarhlutann í Divi Builder. Ef sjálfgefnar stillingar duga ekki, bætir þessi eining við fleiru. Það skiptir einnig haus niður í aðskilda hluta til að auðvelda aðlögun.
Einingin gerir þér kleift að stjórna því hvernig matseðillinn virkar á mismunandi skjástærðum, stilla mismunandi uppsetningar fyrir mismunandi tæki, bætir við Ajax þætti fyrir vörur, bætir símtölum við aðgerðir og aðra þætti líka. Það er öflug leið til að ná tökum á hausum.
Ef þú ert að leita að frekari virkni skaltu skoða grein okkar um Divi viðbætur eða skoðaðu umsögn okkar um DiviFlash.
Hvernig á að þróa eigin sérsniðna Divi einingu
Viltu þróa þína eigin Divi einingu? Ertu með vandamál sem ekki er fjallað um í núverandi einingu?
Þessi hluti greinarinnar er hér til hjálpar.
Við ætlum að lýsa grunnatriðum í því að þróa þína eigin sérsniðna Divi -einingu. Þú þarft grunn PHP færni til að ljúka þessum hluta sem Divi Builder skilgreinir einingar sem PHP flokkar.
Fyrst þarftu að búa til Divi viðbót. Þú verður að gera þetta fyrst vegna þess að sérsniðna Divi einingin þín er útfærð innan viðbótar, þema eða barnaþema og viðbótin er auðveldast að búa til.
Lestu þessa handbók til að búa til viðbótina þína. Þegar þú ert búinn skaltu koma aftur hingað til að búa til eininguna þína.
Opnaðu viðbótina þína og finndu innihald / einingar
Búðu til skrá sem heitir SimpleHeader
Búðu til skrá í SimpleHeader og kallaðu hana SimpleHeader.php
Límdu eftirfarandi í skrána og vistaðu
<?php
flokkur SIMP_SimpleHeader nær ET_Builder_Module {
opinber $ slug = 'simp_simple_header';
opinber $ vb_support = 'á';
opinber virkni init () {
$ this-> name = esc_html __ ('Simple Header', 'simp-simple-extension');
}
opinber virkni get_fields () {
skila fylking (
'heading' => fylki (
'label' => esc_html __ ('Heading', 'simp-simple-extension'),
'gerð' => 'texti',
'option_category' => 'basic_option',
'lýsing' => esc_html __ ('Sláðu inn fyrirsögn þína hér.', 'simp-einföld viðbót'),
'toggle_slug' => 'aðal_innihald',
),
'content' => fylki (
'label' => esc_html __ ('Content', 'simp-simple-extension'),
'type' => 'tiny_mce',
'option_category' => 'basic_option',
'lýsing' => esc_html __ ('Efni sem slegið er inn hér mun birtast fyrir neðan fyrirsagnartextann.', 'simp-einföld viðbót'),
'toggle_slug' => 'aðal_innihald',
),
);
}
opinber aðgerðavinna ($ unprocessed_props, $ content = null, $ render_slug) {
}
}
nýtt SIMP_SimpleHeader;
Ef þú þekkir PHP þinn muntu sjá grunnhaus sem hægt er að nota með Divi Builder. Þú munt sjá haus, eitthvað efni og bakgrunn.
Bættu nú við HTML við skrána svo hún geti borist.
Bættu við eftirfarandi eftir 'opinber aðgerð endurskoðun ($ unprocessed_props, $ content = null, $ render_slug) {'
skila sprintf (
' % 1 $ s
% 2 $ s ',
esc_html ($ this-> leikmunir ['fyrirsögn']),
$ this-> leikmunir ['innihald']
);
}
}
nýtt SIMP_SimpleHeader;
Heildarskráin þín ætti að líta svona út:
<?php
flokkur SIMP_SimpleHeader nær ET_Builder_Module {
opinber $ slug = 'simp_simple_header';
opinber $ vb_support = 'á';
opinber virkni init () {
$ this-> name = esc_html __ ('Simple Header', 'simp-simple-extension');
}
opinber virkni get_fields () {
skila fylking (
'heading' => fylki (
'label' => esc_html __ ('Heading', 'simp-simple-extension'),
'gerð' => 'texti',
'option_category' => 'basic_option',
'lýsing' => esc_html __ ('Sláðu inn fyrirsögn þína hér.', 'simp-einföld viðbót'),
'toggle_slug' => 'aðal_innihald',
),
'content' => fylki (
'label' => esc_html __ ('Content', 'simp-simple-extension'),
'type' => 'tiny_mce',
'option_category' => 'basic_option',
'lýsing' => esc_html __ ('Efni sem slegið er inn hér mun birtast fyrir neðan fyrirsagnartextann.', 'simp-einföld viðbót'),
'toggle_slug' => 'aðal_innihald',
),
);
}
opinber aðgerðavinna ($ unprocessed_props, $ content = null, $ render_slug) {
skila sprintf (
' % 1 $ s
% 2 $ s ',
esc_html ($ this-> leikmunir ['fyrirsögn']),
$ this-> leikmunir ['innihald']
);
}
}
nýtt SIMP_SimpleHeader;
Ef það gerist er kominn tími til að búa til React Íhlutaflokkur sem leyfir Divi Builder gera eininguna.
Búðu til skrá og kallaðu hana SimpleHeader.jsx
Límdu eftirfarandi og vistaðu það
// Ytri háð
flytja React, {Hluti, brot} frá 'react';
// Innri háðir
flytja inn './style.css';
flokkur SimpleHeader framlengir hluti {
truflanir slug = 'simp_simple_header';
skila () {
skila (
{this.props.content ()}
);
}
}
flytja út sjálfgefið SimpleHeader;
Farðu í Includes / modules / index.js í viðbótarskránni þinni
Bættu við og vistaðu eftirfarandi
// Innri háðir
flytja SimpleHeader inn frá './SimpleHeader/SimpleHeader';
útfæra sjálfgefið [
SimpleHeader,
];
Bættu eftirfarandi við SimpleHeader.jsx á eftir
skila () {
skila (
og bjarga því.
{this.props.heading}
Skráin í heild ætti nú að líta svona út:
// Ytri háð
flytja React, {Hluti, brot} frá 'react';
// Innri háðir
flytja inn './style.css';
flokkur SimpleHeader framlengir hluti {
truflanir slug = 'simp_simple_header';
skila () {
skila (
{this.props.heading}
{this.props.content ()}
);
}
}
flytja út sjálfgefið SimpleHeader;
Opnaðu style.css einingarinnar og bættu við
.simp-einfaldur-haus-fyrirsögn {
framlegð-botn: 20px;
}
Það er það til að þróa Divi eininguna þína. Allt sem þú þarft að gera núna er að prófa það!
opna Divi Builder, finndu Simple Header eininguna þína og reyndu að nota hana á síðu. Ef þú hefur kóðann rétt muntu sjá einfaldan hausvalkost.
Samantekt á Divi-einingum
Við höfum tekið með yfir 70 ókeypis og hágæða divi einingar sem fjalla um allt frá því að búa til sprettiglugga til að bæta við auka hönnunaraðgerðum við Divi Builder. Sumar eru sess einingar sem þú munt ekki nota mjög oft en sumar eru nauðsynlegar fyrir slétta og skilvirka notkun Divi Builder.
Við teljum að þeir tákni þversnið af því sem er í boði, hvað virkar og hvað er skynsamlegt á verði. Hvað finnst þér?
Notarðu eitthvað af þessum Divi einingum? Hafa einhverjar einingar til að stinga upp á?
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!
Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.
og margir fleiri ...