Aqbeż għall-kontenut ewlieni

Blokk Columns: tqassim personalizzat

Għal xiex jintuża Columns?

Użah meta l-blokki lesti ma jagħtukx it-tqassim li teħtieġ. Columns joħloq żewġ jew tliet żoni li jistgħu jinkludu blokki oħra. Jagħtik ħafna libertà, għalhekk jaqbel l-aktar ma' kompożizzjonijiet li tassew għandhom bżonn layout personalizzat.

L-ewwel fittex blokk apposta. Għal ritratt ħdejn test, benefiċċji jew prezzijiet, blokk speċjalizzat normalment ikun aktar sempliċi u jadatta aħjar għal mobile. Columns jagħmel sens meta teħtieġ taħlita ta' tipi differenti ta' blokki ħdejn xulxin fi proporzjonijiet magħżula minnek.

Layouts komuni

  • 50 / 50: żewġ partijiet b'importanza ugwali.
  • 33 / 67: informazzjoni ta' appoġġ ħdejn kontenut prinċipali usa'.
  • 40 / 60 jew 60 / 40: differenza aktar sottili fl-enfasi.
  • 33 / 33 / 33: tliet taqsimiet qosra u ugwali.

Fuq mobile il-kolonni jitqiegħdu waħda taħt l-oħra, għalhekk l-ordni tagħhom għandha tibqa' tagħmel sens.

40% — kolonna ta' appoġġ

Kolonna idjaq hija tajba għal spjegazzjoni qasira jew azzjoni sekondarja.

60% — kontenut prinċipali

Il-kolonna usa' għandha aktar spazju għall-ispjegazzjoni. Hawn hemm spazju akbar bejn il-kolonni, allinjament vertikali fiċ-ċentru u ordni maqluba fuq mobile biex il-kontenut ewlieni jidher l-ewwel.

50 / 50 — l-ewwel kolonna

Żewġ partijiet ta' importanza ugwali jingħataw l-istess spazju. Taqbel meta ż-żewġ naħat iwasslu messaġġ simili.

It-tieni kolonna, bl-istess importanza. Columns jista' jinkludi aktar minn test: poġġi tipi differenti ta' blokki ħdejn xulxin.

Kolonni f'livelli differenti: Offset

B'żewġ kolonni, waħda tista' tibda aktar 'l isfel, sabiex żewġ ritratti twal jidhru fi tqassim imtarraġ. Taħt Offset agħżel Left lower jew Right lower; taħt Offset size agħżel Small, Medium jew Large.

  • L-offset jidher biss meta l-kolonni jkunu ħdejn xulxin. Fuq mobile jitqiegħdu waħda taħt l-oħra mingħajr offset.
  • Meta hemm offset, il-kolonni jibdew allinjati minn fuq u l-allinjament vertikali ma japplikax.

Jaħdem l-aħjar meta ż-żewġ kolonni jibdew b'ritratt.

Zkuk tal-injam miġburin flimkien bit-truf maqtugħa jħarsu 'l quddiem.

L-ewwel kolonna

Din tibda fil-pożizzjoni tas-soltu.

Park xemxi fil-belt b'ħaxix aħdar, siġar u linja bajda ta' ajruplan fis-sema blu.

It-tieni kolonna, offset Medium

Il-kolonna tal-lemin tibda aktar 'l isfel, biex iż-żewġ ritratti twal jidhru fi tqassim imtarraġ.

X'tista' tissettja f'Columns?

Minbarra l-proporzjonijiet u l-ispazji, kull kolonna tista' jkollha stil differenti.

Layout

One column (panel), 50/50, 33/67, 67/33, 40/60, 60/40, 25/75, 75/25 jew 33/33/33.

Spazju bejn il-kolonni

Minn ebda spazju sa distanza wiesgħa.

Allinjament vertikali

Allinja l-kontenut minn fuq, fiċ-ċentru jew minn isfel meta l-kolonni għandhom għoli differenti.

Ordni fuq mobile

Agħżel Left column first jew Right column first. Side by side from jiddetermina jekk jibdewx ħdejn xulxin fuq Tablet (madwar 600 px) jew Laptop.

Stil tal-kolonna

Kull kolonna tista' jkollha sfond, padding, bordura, kantunieri u dell tagħha.

Sfond u wisa' →

Issettja faxxa Custom jew Inverted u wisa' Readable, Wide jew Full.

FLESSIBBILTÀ META TEĦTIEĠHA

Ibni tqassim personalizzat mingħajr ma titlef l-istorja fuq mobile.

Agħżel proporzjonijiet, spazji u ordni fuq mobile b'intenzjoni, u uża Columns biss meta blokk lest ma jagħmilx l-istess xogħol.