Sehemu na vizuizi vya kijenzi

Ninatumiaje bloku za Group kuweka maudhui ubavu kwa ubavu au katika safu?

Jinsi bloku ya Group inavyofanya kazi: weka bloku ubavu kwa ubavu au juu ya nyingine, vikundi ndani ya vikundi, mwelekeo, kupanga juu-chini kwenye simu, nafasi na mpangilio, nafasi sawa kati, upana fill, fit au custom, nafasi, mpango wa rangi, mpaka, mviringo wa kona, tabaka la rangi, na padding.

Dakika 3 za kusoma

Group ni kisanduku kinachobeba bloku nyingine na kuzipanga. Kitumie kuweka vitu ubavu kwa ubavu, kujenga safu, au kuipa sehemu ya sehemu mandharinyuma na mpaka wake.

Unapoweza kutumia vikundi

Sehemu nyingi zinakubali bloku ya Group: kijachini, jarida, hero, slaidi za onyesho la slaidi, FAQ, kabla na baada, maoni, mawasiliano, 404, uthibitisho wa agizo, safu zinazokunjuka, na eneo la maandishi la orodha za bidhaa kama bidhaa zilizoangaziwa na mikusanyiko. Kila sehemu huamua ni bloku zipi zinaweza kuingia ndani ya vikundi vyake, na inachukua vikundi vingapi.

Ili kuongeza kimoja katika the builder, chagua sehemu, bofya Add new block, kisha uchague Group. Kisha buruta bloku nyingine ndani yake. Baadhi ya sehemu (kijachini, jarida, maoni) pia zinakuruhusu kuweka kikundi ndani ya kikundi.

Mpangilio

Width: Fill huchukua nafasi iliyo wazi na kuigawa sawa na vikundi vingine vya Fill vilivyo kando yake. Fit ni pana kama maudhui yake tu. Custom huweka Custom width kwa asilimia.
Direction: Vertical inapanga bloku juu ya nyingine, Horizontal inaziweka ubavu kwa ubavu. Bloku za ubavu kwa ubavu huhamia mstari mpya wakati hakuna nafasi ya kutosha.
Stack vertically on mobile (Horizontal pekee): kwenye simu bloku hupangwa juu ya nyingine badala yake.
Position: huweka bloku juu na chini (Top, Center, Bottom).
Alignment: huweka bloku kutoka kushoto kwenda kulia (Left, Center, Right).
Space between: hutawanya bloku zikiwa na nafasi sawa kati yake. Inapatikana katika mwelekeo ambao bloku zinafuata: kwenye Position kwa kikundi cha wima, kwenye Alignment kwa kikundi cha mlalo.

Mwonekano

Use parent color scheme: imewashwa kwa chaguo-msingi, kwa hiyo kikundi hutumia rangi za sehemu. Izime na uchague Color scheme ili kukipa kikundi mandharinyuma na rangi za maandishi zake.
Border: None au Solid. Solid inaongeza Border thickness (pikseli 1 hadi 20) na Border opacity. Rangi ni rangi ya mpaka ya mpango.
Corner radius: hufanya kona ziwe za mviringo, kuanzia pikseli 0 hadi 100.
Background overlay: inaongeza tabaka la rangi juu ya mandharinyuma. Weka Overlay color na Overlay style: Solid, au Gradient inayofifia hadi kuwa wazi, pamoja na Gradient direction ya Up au Down. Inasaidia kufanya maandishi yasomeke juu ya picha ya hero.

Nafasi

Gap ni nafasi kati ya bloku zilizo ndani ya kikundi (pikseli 0 hadi 100). Padding ni nafasi kati ya ukingo wa kikundi na bloku zake, kwa kila upande.

Mifano ya matumizi

Vitufe viwili ubavu kwa ubavu kwenye hero: viweke vyote kwenye kikundi cha Horizontal chenye gap ndogo.
Safu tatu za kijachini: kikundi cha Horizontal chenye vitu vitatu vya Fill ndani yake, na Stack vertically on mobile ikiwa imewashwa.
Kadi: kikundi cha Vertical chenye mpango wake wa rangi, mpaka wa Solid, corner radius, na padding.
Maandishi kushoto, kitufe kulia: kikundi cha Horizontal chenye Alignment iliyowekwa Space between.

Vizuri kujua

Safu moja ni pana kuliko unavyotaka: vikundi viwili vya Fill vinagawana nafasi sawa. Weka kimoja kuwa Custom na ukipe asilimia.
Kikundi hakionekani: kikundi kisicho na bloku, au chenye bloku zilizofichwa tu, hakionyeshwi kwenye duka lako.
Group haipo kwenye orodha ya bloku: sehemu hiyo haikubali vikundi, au kikomo chake cha vikundi kimefikiwa.
Mipangilio ya Text, Button na Divider iko katika Bloku za Group, Text, Button na Divider: mipangilio ya vipengele vya mpangilio hufanyaje kazi?.

Bado unahitaji usaidizi?

Tuandikie na tutakujibu.

Wasiliana nasi