Kaks peamist sisukomponenti

Sisukomponendid on sihtostarbelised elemendid, millede lisamisel tekib sisu. Nende arv, järjestus ja kombinatsioonid on lõputud.

Komponentide loetelu on spetsiaalselt VP jaoks loodud. Komponentide järjestust saab hiirega lohistades muuta, neid saab lisada ja nendest loodud mustreid saab lihtsasti paljundada. Komponentidele on võimalik määrata ka nende käitumist avalikus vaates.

Komponent "Tekstilõik"

Peamine teksti sisestamise komponent, milles on kõik tavapärased tööriistad olemas. Sisukomponent ei ole ainult eraldiseisvana sisu loomiseks, seda saab kombineerida kõigi teiste komponentidega.

Tegemist on n-ö WYSIWYG (What You See Is What You Get) klassikalise tekstiredaktoriga sisuloomeks, millel on eraldi tööriistariba teksti vormindamiseks, linkide, failide lisamiseks jne.

Teksti vormingute jaoks on erinevad võimalused - kirjastiilist, joondusest, kuni hierarhilise numeratsiooni loomiseni.

Tsitaat on erikujundusega tekstilõik, millega on võimalik külastaja tähelepanu fokusseerida. Lisamiseks tuleks märkida tekstiosa aktiivseks ning valida tsitaadi nupp.

NB! Tegevuse lõpetamiseks tuleb valida ka väljalt "Stiil" tsitaadi vorming.

Kui lisatav tekst on kopeeritud mõnest teisest programmist, siis märgi kogu tekst peale asetamist aktiivseks ning vajuta vormigu eemaldamise nuppu.

Tegevus puhastab teksti varjatud vormingust, mis võib teatud juhtudel rikkuda avaliku vaate kuva.

Numeratsiooni ja nn bulletide lisamiseks tuleb tervele tekstilõigu sisule või soovitud osale teha tööriistaribalt määrang. Bulletite määrangul saab väljalt "Stiil" valida erinevaid bulleti stiile.

Tekstilõigu sisse saab pilte ja dokumente lisada. Failide ja piltide lisamisel avatakse meediabrauseri aken, millest saab valida vaid vastavate laienditega faile Meedia puhul (png, jpeg, jne), Dokumendi puhul (doc, pdf, xls, jne).

NB! Meedia ja dokumentide jaoks on olemas ka eraldi sisukomponendid.

Võimaldab teksti sisse linke ja ankruid luua. Märgi teksti osa, mida soovid lingiks muuta, vali tööriisra ribalt vastav nupp.

NB! Enne linkide ja ankrute loomist vaata üle, kas komponendil on vastav väli juba olemas või saab selleks kasutada lingigrupp komponenti.

Tekstilõigu sisse saab luua HTML tabeleid. Nupu valimisel saab sisestada tabeli määrangud, millesse soovitakse sisu luua.

NB! HTML tabelite loomisel tuleb silmas pidada, et suured tabelid ei ole kasutajasõbralik infoesitamise viis mobiilsete seadmete jaoks.

Tekstilõigu sisse saab luua ka HTML malle, mis on VP platvormiga kaasas. HTML mallid võimaldavad kombineerida ühte regiooni kokku nt teksti, pildi ja pöördumisnuppu.

2023 aastal lisandunud täiendus Tekstilõik sisukomponendile

Tekstilõigu käitumismääranguid on täiendatu uute võimalustega.

Võimalik on määrata taustavärvi (meeldetuletuseks, et VP põhivärv on #003086)

Võimalik on määrata teksti värvi (meeldetuletuseks, et värvide kombineerimisel pea silmas WCAG kontrastinõudeid, et tekst jääks külastajale loetavaks 

Sellega me ei piirdunud

Lisaks on võimalik määrata taustaks ka pildifaili. Pildifaili viide peab lisama otse pildifailile, selle saab kätte meediabrauserist, kui valid pildi muutmise ja avad selle siis omakorda brauseri uues vahekaardis.

Pildi ja taustavärvi kombineerimisekeks on väli taustavärvi läbipaistvus (meeldetuletuseks, et läbipaistvuse määramisel on hea tava kasutada 30%, 70% või 90%).

See näide siin on inspireeritud avalehe kaasamise infoplokist

Lisatud on horisontalajaotuse, millel on lisatud taustapilt, taustavärv #003086 ja määratud taustavärvi läbipaistvuseks 30%.

Horisontaaljaotuse sisse on lisatud 33 jaotuses kolm tekstilõiku, millede tausta läbipaistvus on 100% ja tekst valge.

Komponent "Horisontaaljaotus"

Tegemist on teise peamise sisukomponendiga, mis võimaldab tekitada horisontaalset liigendust. Ainult horisontaalkomponendiga ei saa sisu esitada, kuid selle sisse on võimalik lisada erinevaid sisukomponente, mis on avalikus vaates allutatud horisotaaljaotuse komponendis valitud määrangule. 

Määranguid saab kombineerida järgnevalt: 100, 50/50, 66/33, 33/66 ja 33/33/330

Horisontaaljaotuse komponendi sisse saab lisada või omavahel kombineerida järgmisi komponente:

  • Tekstilõik
  • Veebivorm
  • Akordion
  • Meedia
  • Kalender
  • Lingitavate aladega foto
  • Esiletõstetud andmed (graafik)
  • Uudise autor
  • Failide nimekiri
  • Lingigrupp
  • Kaart (Maa-amet, Open Street MaP)

Horisontaaljaotuse komponendi näide pildiga (100)

Sügisene saak aitab talve üle elada.

Horisontaaljaotuse komponendi näide pildi ja tekstilõiguga (50/50)

Sügisene saak aitab talve üle elada.

Teise komponendina on lisatud tekstilõik. Siia saab kirjutada vastavalt oma soovile ise teksti.

Horisontaaljaotuse komponendi näide pildiga (66/33)

Sügisene saak aitab talve üle elada.

Horisontaaljaotuse komponendi näide pildiga (33/66)

Sügisene saak aitab talve üle elada.

Horisontaaljaotuse komponendi näide pildiga (33/33/33)

Sügisene saak aitab talve üle elada.
Sügisene saak aitab talve üle elada.
Sügisene saak aitab talve üle elada.

Последнее обновление 02.04.2025

search block image

Была ли информация на этой странице полезной?