Hero ni bango kubwa lenye picha au video nyuma ya maandishi na vitufe vyako. Liko kwenye ukurasa wako wa nyumbani na mara nyingi ndilo jambo la kwanza wanunuzi wanaloona.
Ongeza hero
- Fungua the builder na uchague Home page kwenye kichupo cha Pages.
- Kwenye kichupo cha Sections, bofya Add new section na uchague Hero kutoka kundi la Content.
- Chagua media yako, andika maandishi yako, kisha ubofye Publish.
Hero inapatikana kwenye ukurasa wa nyumbani pekee, na unaweza kuongeza moja kwa kila ukurasa. Ili kuisogeza, kuinakili au kuificha, angalia Sehemu na bloku
Media na urefu
- Mode: Single inaonyesha picha au video moja. Split inaonyesha mbili, zinazowekwa kwenye Media 1 na Media 2. Zinakaa ubavu kwa ubavu wakati Direction ya maudhui ni Vertical, na moja juu ya nyingine wakati ni Horizontal. Kwenye simu, mbili hizo hupangwa juu ya nyingine kila wakati.
- Media 1 na Media 2: picha au video kutoka maktaba yako ya media. Video hucheza bila sauti, kwa kurudiarudia, kama mandharinyuma inayosogea.
- Height: Small, Medium, Large, Fullscreen (inajaza skrini), Image (inafuata umbo la picha yako ya kwanza, kwa hiyo hakuna kinachokatwa), au Custom. Ukichagua Custom, Custom height huweka urefu kama sehemu ya urefu wa skrini. Hero mpya huanza na Image.
Maandishi na vitufe juu yake
Chagua hero na ubofye Add new block ili kuongeza maudhui juu ya media: hadi bloku 2 za Text, 2 za Button, 2 za Group, na 2 za Divider. Mipangilio yake iko katika Bloku za Group, Text, Button na Divider: mipangilio ya vipengele vya mpangilio hufanyaje kazi?
Chini ya Layout, unaweka maudhui haya:
- Direction: Vertical inapanga bloku juu ya nyingine, Horizontal inaziweka ubavu kwa ubavu. Ukichagua Horizontal, Stack vertically on mobile inazipanga juu ya nyingine kwenye simu.
- Position na Alignment: sogeza maudhui juu au chini na kushoto au kulia, kwa mfano chini kushoto au katikati. Space between inatawanya bloku mbali mbali.
- Content width: Page inaweka maudhui ndani ya upana wa ukurasa wako, Full inayaacha yafike kingo za skrini. Media hujaza upana wote kila wakati.
Gap (chini ya Spacing) huweka nafasi kati ya bloku, na Padding nafasi kuzizunguka.
Rangi na tabaka la rangi
- Color scheme: rangi za maandishi na vitufe vya hero. Angalia Mipango ya rangi.
- Media overlay: inaongeza tabaka la rangi juu ya media ili maandishi yako yasomeke kwa urahisi zaidi. Kisha weka Overlay color na Overlay style: Solid inafunika media kwa usawa, Gradient inafifisha rangi taratibu. Gradient direction (Up au Down) huweka upande inaofifia.
Kichupo cha Custom CSS kinakuruhusu kuongeza CSS yako mwenyewe kwa hero hii pekee.
Kazi za kawaida
- Kichwa juu ya hero: washa Transparent header katika mipangilio ya kichwa. Inafanya kazi tu wakati hero iko moja kwa moja chini ya kichwa. Angalia Mipangilio ya kichwa.
- Kichwa cha habari na kitufe katikati: Direction Vertical, kisha Position na Alignment kwenye Center.
- Maandishi meupe juu ya picha angavu: washa Media overlay ukiwa na Overlay color nyeusi na mtindo wa Gradient.
Vizuri kujua
- Ikiwa video ya hero haisogei, angalia Autoplay Videos kwenye kichupo cha mipangilio cha Automations. Ikiwa imezimwa, video za mandharinyuma hubaki zimesimama. Angalia Mipangilio ya Automations.
- Ikiwa ukubwa wa picha yako ya kwanza haujulikani, urefu wa Image hutumia Medium badala yake.
- Unahitaji bango kwenye ukurasa mwingine? Hero ni ya ukurasa wa nyumbani pekee, lakini sehemu ya Image inafanya kazi kwenye ukurasa wowote. Angalia Sehemu za maandishi, picha na mstari wa kutenganisha.