Sadaļa "Pielāgojamas kartītes" vietnes veidotājā ir paredzēta tiem, kas vēlas viegli un ātri prezentēt galveno informāciju par saviem produktiem, pakalpojumiem vai klientu atsauksmēm. Šie bloki ļauj vietnes lapai pievienot vizuāli pievilcīgas kartītes, kuras var pielāgot jūsu biznesa vajadzībām.

Neatkarīgi no tā, vai vēlaties sniegt detalizētu kursa aprakstu, apmierinātu klientu atsauksmes vai ieteikumus par jūsu pakalpojumu izmantošanu, "Pielāgojamas kartītes" un "Kursu kartītes" palīdzēs izcelt informāciju un padarīt to pieejamāku un ērtāku vietnes apmeklētājiem.

Kā pievienot bloku?

Lai pievienotu sadaļu "Pielāgojamas kartītes", rediģēšanas režīmā noklikšķiniet uz "+" savā vietnē:

Pēc tam atvērtajā izvēlnē atrodiet sadaļu "Pielāgojamas kartītes" un noklikšķiniet uz tās, lai pievienotu sadaļu vietnei. Sadaļa tiks pievienota vietnei, un jums tiks atvērta satura iestatījumu izvēlne:

Kā pievienot kartīti?

Sadaļas "Pielāgojamas kartītes" satura rediģēšanas izvēlnē redzēsiet dažādas iestatījumu sadaļas: kartīšu stils, attēli, pogas utt.

Ērtības labad vispirms varat pievienot kartītes, lai redzētu, kā stila iestatījumi tiek piemēroti kartītēm.

Lai to izdarītu, ritiniet uz leju satura iestatījumu izvēlnē un atrodiet pogu "Pievienot kartīti":

Noklikšķinot uz pogas "Pievienot kartīti", jūs redzat kartītes iestatījumus ar tukšu teksta lauku, joslu attēla augšupielādei kartītei un pogas ikonai, kā arī pašas pogas tekstam:

Kartītes iestatījumu lauki nav obligāti: tas nozīmē, ka varat izlaist, piemēram, attēla augšupielādi pašai kartītei vai pogas ikonai, neievietojot tekstu - viss ir jūsu ziņā.

Ja, piemēram, kartītē nav nepieciešama poga ar saiti, atstājiet laukus "Pogas nosaukums" un "Saite" tukšus: tad pogas kartītē netiks rādītas.

Kartītes tekstam ir dažādi iestatījumi, līdzīgi kā jebkurā teksta redaktorā, kur varat pielāgot fonta lielumu, fonta kontūru, krāsu, izcelšanu, kā arī pievienot saiti un daudz ko citu.

Lai to izdarītu, atlasiet tekstu (teksta daļu) un pielietojiet tekstam nepieciešamos iestatījumus:

Kad esat pilnībā konfigurējis pirmo kartīti, pievienojiet nākamo: lai to izdarītu, noklikšķiniet uz pogas "Pievienot kartīti", kas atrodas zem pirmās pievienotās kartītes iestatījumu joslas:

Kartīšu iestatījumi

Kartītes tiek konfigurētas vienotā stilā: visi iestatījumi, ko izmantojat šajā sadaļā, tiks piemēroti visām kartītēm šajā pašā sadaļā.

Kartīšu stils

Mavibot vietņu veidotājā ir divi kartīšu stili: vienkāršs un slīdņa formā.

Izmantojot vienkāršo stilu, visas kartītes tiks nekavējoties parādītas vienā vietnes sadaļas lapā:

Izmantojot "Slīdņa" stilu, kartītes būs karuseļa formā, tādējādi pievienojot vietnei vairāk dinamikas:

Slīdņa stilam varat izvēlēties, kur atradīsies kartīšu bultiņas un punkti:

Bultiņas var atrasties slīdņa iekšpusē, ārpusē vai būt paslēptas (piemēram, ja iestatāt taimeri automātiskai kartīšu pāršķiršanai):

Punkti var atrasties arī slīdņa iekšpusē, ārpusē vai būt paslēpti.

Lai automātiski ritinātu kartītes, iestatiet vienas lapas parādīšanas laika intervālu:

Ja taimera vērtība ir iestatīta uz 0, kartītes netiks automātiski ritinātas.

Pievērsiet uzmanību!

Laiks tiek iestatīts milisekundēs, kur viena milisekunde ir vienāda ar 0,001 sekundi. Tas nozīmē, ka, ja nepieciešams iestatīt 7 sekundes, ievadiet vērtību 7000 laukā.

Varat arī izvēlēties kartītes veidu:

Krāsu iestatījumi kartīšu elementiem

Lai pielāgotu kartītes savam stilam, izmantojiet krāsu iestatījumus:

Krāsu iestatījumi tiek piemēroti visām kartītēm vienlaikus. Ja nepieciešams, lai teksta krāsa katrā kartītē būtu atšķirīga, izmantojiet iestatījumus teksta laukā.

Krāsu pielāgošanai ir pieejama plaša krāsu palete:

Un jūs varat piemērot krāsu iestatījumus jebkuram kartītes elementam.

Robežu un atstarpju iestatīšana

  1. Kartīšu skaits rindā - teksta lauks, kas palīdzēs iestatīt nepieciešamo kartīšu skaitu vienā rindā (lapā).
  2. Atstarpes - lauki skaitlisko vērtību ievadīšanai, kas palīdzēs palielināt/samazināt horizontālās/vertikālās atstarpes starp kartītēm, kā arī atstarpes kartīšu iekšpusē,

Varat iestatīt kopīgu skaitlisko vērtību atkāpei kartīšu iekšpusē vai, noklikšķinot uz zobrata rindas labajā stūrī, iestatīt atsevišķu vērtību augšējai, apakšējai, kreisajai un labajai robežai:

Kartītes orientācija

Kartītes orientācija var būt horizontāla un arī vertikāla.

Izlīdzināšana

Tā var būt centrā, kreisajā vai labajā malā.

Ēnas iestatījumi

Tas palīdzēs piešķirt kartītēm dziļumu un izcelt tās uz sadaļas/lapas fona.

Attēlu iestatījumi

Attēlu iestatījumi tiek piemēroti arī visiem attēliem, ko esat pievienojis kartītei.

Attēlu iestatījumos jums jāiestata:

a) attēla platums:

Lauks pieņem skaitlisku vērtību pikseļos, ja nav norādīts, tas tiek parādīts automātiski atbilstoši attēla faktiskajam platumam pikseļos.

b) attēla augstums:

Lauks pieņem skaitlisku vērtību pikseļos, ja nav norādīts, tas tiek parādīts automātiski proporcionāli attēla faktiskajam augstumam.

c) noapaļošana:

Lauks, kas pieņem skaitlisku vērtību pikseļos, palīdz noapaļot attēla stūrus:

d) attēla izmērs:

Iestatījums tiek piemērots, ja nepieciešams aizpildīt/izstiept/novietot attēlu attiecībā pret norādīto platumu un augstumu attēlam.

e) izvēles rūtiņa "Attēls aiz teksta"

Ja atzīmējat šo izvēles rūtiņu, attēls atradīsies zem teksta kartītē.

Kā iestatīt pogas

Teksts, kā arī saite uz lapu, uz kuras jūsu vietnes apmeklētājam jānoklikšķina, tiek konfigurēta pašā kartītē:

Arī papildus tekstam un saitei varat iestatīt pogas ikonu, augšupielādējot attēlu kartītē:

Lai iestatītu teksta un pogas fona krāsu, izmantojiet iestatījumus šeit:

Pēc tam varat pielāgot pogas izmēru, platumu un atstarpes:

  1. Pogas platums - lauks, kas pieņem skaitlisku vērtību gan pikseļos, gan procentos:

  1. Pogas izlīdzināšana - palīdz novietot pogu kartītē attiecībā pret labo vai kreiso malu, kā arī centru.

  1. Pogas robežas rādiuss - lauks, kas pieņem skaitlisku vērtību pikseļos, lai noapaļotu pogas stūrus:

  1. Robežas platums - lauks, kas pieņem skaitlisku vērtību pikseļos, lai iestatītu pogas kontūras platumu:

  1. Ārējā atstarpe

Tas palīdz pielāgot atstarpes pogai kartītē attiecībā pret augšējo, apakšējo, kreiso un labo malu.

  1. Iekšējā atstarpe

Tas palīdz pielāgot atstarpes pogas iekšpusē.

  1. Ikona

Ja esat augšupielādējis ikonu pogai kartītē, tad ikonu var pielāgot:

Un arī iestatīt ikonas pozīciju attiecībā pret tekstu pa kreisi vai pa labi:

  1. Ēna pogai

Ēnu var iestatīt ne tikai kartītei, bet arī atsevišķi pogai. Lai to izdarītu, pogas iestatījumos atrodiet nolaižamo lauku ar nosaukumu "Ēna" un izvēlieties ēnas intensitātes pakāpi: gaiša vai spēcīga:

  1. Pogas animācija

Tas palīdz piesaistīt klientu (vietnes lietotāju) uzmanību mērķtiecīgai darbībai uz pogas un pievienot vietnei dinamiku:

1) zibšņa pogas animācija:

2") plīsuma pogas animācija:

Gatavs!
Tagad jūs zināt, kā izveidot un pielāgot kartītes savā vietnē no nulles.