Visi bloki izmanto vienādus globālos iestatījumus fontiem, foniem un attēlošanai, nodrošinot konsekventu vizuālo stilu visā jūsu vietnē, vienlaikus ļaujot bloku saturam atšķirties.

Lai konfigurētu jebkura bloka globālos iestatījumus, novietojiet kursoru virs tā un atlasiet pogu Iestatījumi, kas parādās.

Noklikšķiniet uz pogas Iestatījumi, lai labajā pusē atvērtu globālo sadaļas iestatījumu izvēlni.

Fonta iestatījumi

Varat mainīt šādus iestatījumus:

  • Fonts un stils: fonta saime, stils (Normāls vai Slīpraksts) un svars (treknums).
  • Atstarpes: burtu atstatums, rindu augstums un fonta lielums.

Blokiem, kuriem ir gan virsraksts, gan teksta lauks, ir divas stila izvēles iespējas:

  1. Pielietot vienotu fonta stilu visam blokam, lai nodrošinātu vienveidību.
  2. Iespējot opciju Papildu fonts, lai definētu atsevišķus stilus virsrakstam un tekstam, radot atšķirīgas vizuālās lomas vienā blokā.

Kā pievienot pielāgotu fontu

Lai pievienotu pielāgotu fontu, atrodiet tāda paša nosaukuma pogu un noklikšķiniet uz tās:

Jūs tiksiet novirzīts uz lapu ar milzīgu dažādu fontu klāstu:

  1. solis. Atrodiet vēlamo fontu

a) To var izdarīt, izmantojot meklēšanas joslu:

Izvēlieties nepieciešamos fonta kritērijus:

  • Fonta kategorija
  • sans-serif (burti bez serifiem)
  • serif (burti ar serifiem)
  • handwriting (rakstītā burtveidola imitācija)
  • monospace (monoplatuma vai neproporcionāls fonts, kurā visām rakstzīmēm ir vienāds platums)
  • display (attēlojams treknrakstā)
  • Valodas atbalsts
  • Kirilica
  • Latīņu

b) Lai atrastu fontu manuāli, ritiniet sarakstu formatēšanas lentē.

  1. solis. Noklikšķiniet uz izvēlētā fonta:

Jūs redzēsiet modālo logu ar fonta opcijām:

  1. solis. Izvēlieties fonta opciju, atzīmējot izvēles rūtiņu blakus vajadzīgajam:

  1. solis. Noklikšķiniet uz pogas "Pievienot":

Jūsu pielāgotā fonta iestatījumi tiks parādīti šeit pēc to saglabāšanas.

  1. solis. Noklikšķiniet uz "Saglabāt":

Pievienotie fonti tiks parādīti tajā pašā sarakstā kā noklusējuma fonti.

Fona iestatījumi

Pielāgojiet sadaļas fonu, izmantojot vienkrāsainu krāsu, gradientu, attēlu vai video.

Varat uzklāt krāsu vai gradientu virs fona attēla.

Attēlu var pievienot kā failu vai kā saiti uz attēlu:

Video var pievienot no krātuves

Vispirms augšupielādējiet savu video failu failu krātuvē.

Fona attēla iestatījumi

Attēla pozicionēšanas kontrole

Attēls sadaļā tiek pozicionēts, izmantojot divus neatkarīgus parametrus:

  1. Horizontālā izlīdzināšana (X ass)
  2. Vertikālā izlīdzināšana (Y ass)

Norādiet pozīciju, izmantojot atslēgvārdu vai kombināciju:

Atslēgvārds Efekts
top, bottom, center Vertikālā izlīdzināšana
left, right, center Horizontālā izlīdzināšana
bottom left, top right, center center Kombinētā pozīcija

Precīzai kontrolei varat izmantot arī skaitliskās vērtības:

  • Procenti (piem., 30% 75%)
  • Pikseļi (piem., 20px 100px)
  • Vai jauktas vienības

Attēla izmēra noteikšanas opcijas

Varat kontrolēt attēla izmērus, izmantojot šādas metodes:

1. Iestatiet pielāgotus izmērus

Definējiet gan platumu, gan augstumu, izmantojot elastīgas vērtības.

  • Formāts: [platums] [augstums]
  • 1. piemērs (Pikseļi): 500px 300px
  • 2. piemērs (Procenti): 15% 10%

2. Izmantojiet iepriekš iestatītu atslēgvārdu

Norādiet vienu parametru, lai piemērotu konkrētu mērogošanas uzvedību:

  • contain — Mērogo attēlu, lai tas pilnībā ietilptu sadaļas augstumā, saglabājot tā malu attiecību (3. piemērs).
  • cover — Parāda attēlu tā sākotnējos pikseļu izmēros (4. piemērs: sākotnējais izmērs 1268 × 1343 px).

Attēla atkārtošana

Šī opcija pēc noklusējuma ir atspējota. Pieejamie iestatījumi ietver:

Kā piespraust attēlu

Iespējojiet šo slēdzi, lai iestatītu fiksētu fona attēlu. Kad tas ir aktīvs, attēls ritināšanas laikā paliek nekustīgs, ļaujot saturam pārvietoties pāri tam.

Fona krāsa un gradients

Varat pielāgot sadaļas fonu, izmantojot vienkrāsainu krāsu vai izvēlēties gradientu no pieejamajām opcijām.

Attēlošanas iestatījumi

Varat norādīt, kur šī sadaļa ir redzama (piemēram, kurās ierīcēs vai platformās). Pēc noklusējuma tā tiek rādīta vietnē un Facebook. Izmantojot nolaižamo izvēlni, varat izvēlēties šī bloka attēlošanas opciju, piemēram, padarot to redzamu tikai vietnē.

Stūru noapaļojums:

Stūru noapaļojums ir norādīts pikseļos - px.

Sadaļas augstums

Sadaļas augstumu var definēt, izmantojot šādas vienības:

  • px: pikseļi (fiksēta vērtība)
  • vh: skata loga augstums (pielāgojas ekrāna izmēram)

Sadaļas platums

1 kolonnas platums = 106 px

Pēc noklusējuma sadaļas platums ir iestatīts uz pilnu ekrānu, un saturs tiek rādīts 8 kolonnu izkārtojumā.

  1. piemērs: Saturs ir centrēts sadaļā un aizņem 5 izkārtojuma kolonnas.

  1. piemērs. Sadaļa aizņem 8 kolonnas, un saturs aptver visu sadaļas platumu:

Ritināšanas izraisīts parādīšanās efekts

Aktivizējiet šo slēdzi, lai iespējotu ritināšanas izraisītas animācijas savam saturam. Varat izvēlēties, lai saturs parādās no apakšas, augšas, kreisās vai labās puses.

Satura attēlošana

Pēc noklusējuma saturs tiek rādīts horizontāli un centrēts. To var pārvietot uz lapas kreiso vai labo malu.

Vertikāli saturs pēc noklusējuma ir izlīdzināts uz augšu. To var pārvietot uz leju vai centrēt lapā.

Lai pielāgotu tekstu šauriem ekrāniem saskaņā ar Mavibot stiliem, lūdzu, iespējojiet šo slīdni:

Atstarpes (sadaļai)

Ārējās atstarpes

Varat izmantot šos laukus, lai pielāgotu atstarpes starp sadaļām. Pēc noklusējuma iekšējais polsterējums (augšā/apakšā/pa kreisi/pa labi) ir iestatīts uz 0 px.

Lai piemērotu vienādas atstarpes no visām pusēm, ievadiet vērtību galvenajā laukā. Augšējā, apakšējā, kreisā un labā atstarpe tiks iestatīta automātiski.

Lai nodrošinātu vizuālu konsekvenci, atstarpes katrai sadaļai jākonfigurē atsevišķi.

Iekšējās atstarpes

Izmantojiet šos laukus, lai pielāgotu sadaļas iekšējo atstarpi. Pēc noklusējuma atstarpe (augšā, apakšā, pa kreisi, pa labi) ir iestatīta uz 32 px.

Redzamības diapazons pēc ierīces

Redzamības diapazons nosaka, kurās ierīcēs (piemēram, galddators, planšetdators, mobilā ierīce) šis bloks tiks rādīts. Šis iestatījums tiek konfigurēts katram blokam atsevišķi.

Kāpēc tas ir noderīgi un kā tas darbojas?

Ja bloks (piemēram, vāks) labi izskatās galddatorā, bet ne mobilajā ierīcē, varat to konfigurēt tā, lai tas parādītos tikai ierīcēs, kuru ekrāna platums ir 960 pikseļi vai lielāks. Tas nodrošina, ka bloks ir redzams tikai galddatora skatos un ir paslēpts mobilajās ierīcēs.

Pēc tam jums ir jākopē šis bloks un jāpielāgo tā izskats īpaši mobilajām ierīcēm (jāmaina fotoattēls, fonta lielums utt.). Šim blokam iestatiet redzamību diapazonā no 0 līdz 960 pikseļiem. Tā būs bloka mobilā versija.

Rezultātā datoros tiks rādīta galddatora versija, bet viedtālruņos un planšetdatoros - mobilā versija.

Redzamības diapazons (dažādas parametru vērtības) ir nepieciešams, lai varētu pielāgot vienības izskatu konkrētai ierīcei, izvēloties izšķirtspēju. Piemēram, ja bloks slikti attēlojas planšetdatorā vai konkrētā tālruņa modelī, varat pielāgot tā izskatu, pamatojoties uz šo ierīču izšķirtspēju.

Pēc noklusējuma sadaļa tiek rādīta jebkura izmēra ierīcēs.

Piemērs

Konfigurējiet pirmo sadaļu mobilajām ierīcēm un planšetdatoriem

  • Izveidojiet sadaļu
  • Iestatiet tās redzamības diapazonu no 0 līdz 640 px
  • Augšupielādējiet attēlu, kas optimizēts maziem ekrāniem

Otrā sadaļa ir paredzēta personālajiem datoriem (klēpjdatoriem). Iestatiet redzamības diapazonu no 641 pikseļa un vairāk.

  • Saglabājiet izmaiņas un pārejiet uz rediģēšanas lapu. Jūsu ērtībai tur tiks parādīti sadaļas redzamības iestatījumi.

Lai pārbaudītu, kā sadaļas izskatīsies konkrētā ierīcē, dodieties uz vietnes priekšskatījuma lapu. Noklikšķiniet ar peles labo pogu un noklikšķiniet uz "Skatīt kodu".

Izvēlieties ierīci, kurā vēlaties redzēt, kā izskatīsies vietne.

Parādīšanās laiks

Varat izmantot šo lauku, lai definētu aizkavi pirms sadaļas parādīšanās, kas norādīta sekundēs (s) vai minūtēs (m).