Omasivusto.fi
Komponenter· Innehåll och arkiv

Komponenter

Innehåll och arkiv

Nyheter och blogg, personer, projekt, dokument, samlingar, annonser och lediga jobb.

12 komponenter

Exemplen ritas med det valda temat: en gallerimalls egna färger, typsnitt och rundningar, eller en mörk färdig palett.

Exemplen fungerar i testläge: inget sparas på en riktig webbplats, inga meddelanden skickas och betalningarna är testbetalningar.

Bloggarkiv

Sektion blogArchive

Nyheter och blogg: inlägg som kort, lista eller lyft, med bilder och datum.

Stilar (6)

Välj en stil så byter exemplet ovan till den. Innehållet förblir detsamma, bara utseendet ändras.

Inställningar (17)
InställningRedigeras somStandard
Heading headingTextBlogi
Limit limitTal12
Sidnumrering pagingVal– (Sidnummer · Knappen Visa fler)
Text när listan är tom emptyTextLång text–
Länktext under en tom lista emptyLinkLabelText–
Länkadress under en tom lista emptyLinkUrlLänk–
Visa kategori showCategoryPå / av–
Kategorier som visas categoriesListans kategorier–
Besökaren kan filtrera efter ämne categoryLinksPå / av–
Adress för länken Visa alla allUrlLänk–
Länktext allLabelText–
Länkens plats allPlacementVal– (Under listan · På rubrikraden)
Endast gruppens nyheter groupGrupp–
Layout layoutVal– (Rutnät · Rullande rad (nästa kort syns i kanten))
Korteffekt vid hovring cardHoverVal– (Ingen effekt · Bilden förstoras lite · Bilden ger plats, sammandraget syns · Förstoring och sammandrag)
Stil designVal– (Grund · Kort · Lista med datum · Senaste framhävd · Endast rubriker · Bildkort)
Markering vid pekning cardHighlightVal– (Ingen markering · Lyft · Kantfärg · Lyft och kantfärg)

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Teamarkiv

Sektion teamArchive

Ett personarkiv: alla personer med egna sidor, t.ex. experter eller tränare.

Inställningar (9)
InställningRedigeras somStandard
Heading headingTextTiimi
Limit limitTal24
Sidnumrering pagingVal– (Sidnummer · Knappen Visa fler)
Text när listan är tom emptyTextLång text–
Länktext under en tom lista emptyLinkLabelText–
Länkadress under en tom lista emptyLinkUrlLänk–
Adress för länken Visa alla allUrlLänk–
Länktext allLabelText–
Länkens plats allPlacementVal– (Under listan · På rubrikraden)

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Används i 0 mallar

Ingen gallerimall använder detta ännu. Lägg till det på en sida från redigerarens bibliotek Lägg till sektion.

Projekt

Sektion projectArchive

Projekt: referenser eller arbeten som bildkort, filtrerbara efter tjänst.

Inställningar (13)
InställningRedigeras somStandard
Heading headingTextProjektit
Layout layoutValKort (Kort · Lista (bild, namn, typ, år))
Limit limitTal24
Sidnumrering pagingVal– (Sidnummer · Knappen Visa fler)
Ämnesknappar efter typ filterPå / av–
Text när listan är tom emptyTextLång text–
Länktext under en tom lista emptyLinkLabelText–
Länkadress under en tom lista emptyLinkUrlLänk–
Kategorier som visas categoriesListans kategorier–
Adress för länken Visa alla allUrlLänk–
Länktext allLabelText–
Länkens plats allPlacementVal– (Under listan · På rubrikraden)
Markering vid pekning cardHighlightVal– (Ingen markering · Lyft · Kantfärg · Lyft och kantfärg)

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Nästa projekt

Sektion projectNext

Nästa projekt: i slutet av en projektsida en länk till nästa arbete med bild.

Inställningar (3)
InställningRedigeras somStandard
Rubrik labelText–
Visa nästa projekts bild showImagePå / avtrue
Sidan Alla projekt allUrlLänk–

Tillgänglighet

Navigeringen är ett namngivet landmärke, den aktuella sidan markeras med aria-current, menyknappen har ett tillstånd (aria-expanded) och en hopplänk leder till innehållet. Allt fungerar med tangentbordet och på en 390 px skärm utan sidledsrullning.

Dokument

Sektion documentArchive

Dokument: protokoll, stadgar och instruktioner per kategori, som nedladdningsbara filer.

Inställningar (10)
InställningRedigeras somStandard
Heading headingTextAsiakirjat
Introduktion introFormaterad text–
Kategori categoryDokumentkategori–
Gruppering groupByValPer år (Per år · Per kategori · En lista)
Visa filter för kategori och år showFiltersPå / avtrue
Begränsade dokument restrictedValBerätta antalet och erbjud inloggning (Berätta antalet och erbjud inloggning · Nämn inte)
Objekt per sida perPageTal–
Text när listan är tom emptyTextLång text–
Länktext under en tom lista emptyLinkLabelText–
Länkadress under en tom lista emptyLinkUrlLänk–

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Husbolagets kontaktuppgifter

Sektion housingContacts

Husbolagets kontaktuppgifter: disponent, fastighetsskötsel och jour samt 112, samma uppgifter som på trappskärmen.

Inställningar (2)
InställningRedigeras somStandard
Heading headingTextYhteystiedot
Introduktion introFormaterad text–

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Används i 0 mallar

Ingen gallerimall använder detta ännu. Lägg till det på en sida från redigerarens bibliotek Lägg till sektion.

Samling (lag, styrelse, sponsorer …)

Sektion collectionList

En samling: webbplatsens egen lista (lag, styrelse, sponsorer, produkter) som kort eller tabell.

Inställningar (14)
InställningRedigeras somStandard
Heading headingText–
Introduktion introFormaterad text–
Samling collectionSamling–
Layout layoutVal– (Kort · Lista · Logorutnät)
Visa filter filterPå / avfalse
Visa ett sökformulär searchPå / av–
Visa endast onlyText–
Ordning sortValEgen ordning (Egen ordning · Efter namn · Nyaste datum först · Äldsta datum först)
Limit limitTal–
Objekt per sida perPageTal–
Sidnumrering pagingVal– (Sidnummer · Knappen Visa fler)
Text när listan är tom emptyTextLång text–
Länktext under en tom lista emptyLinkLabelText–
Länkadress under en tom lista emptyLinkUrlLänk–

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Objekt: lista

Sektion listingList

Objekt: objekt till salu eller uthyrning som kort med priser och uppgifter.

Inställningar (7)
InställningRedigeras somStandard
Heading headingTextMyytävät kohteet
Introduktion introFormaterad text–
Objekt som visas showValTill salu (Till salu och uthyres · Till salu · Uthyres · Sålda (referenser))
Endast lyfta objekt featuredOnlyPå / av–
Visa objektsökning searchPå / avfalse
Visa layoutVal– (Objekten som kort · Nyaste objektet stort med rundtur)
Limit limitTal–

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Används i 1 mallar

Objekt: sökning

Sektion Prova listingSearch

En objektsökning: typ, plats och pris filtrerar objekten.

Inställningar (3)
InställningRedigeras somStandard
Heading headingTextEtsi kotia
Introduktion introFormaterad text–
Söksida targetLänk/kohteet

Tillgänglighet

Varje fält har en synlig etikett, obligatoriska fält anges i text, fel läses upp och leder till fältet och autocomplete fyller i bekanta uppgifter. Pekytorna är minst 44 px.

Används i 1 mallar

Lediga jobb

Sektion jobList

Lediga jobb: tjänster, ansökningstid och ansökningslänk.

Inställningar (4)
InställningRedigeras somStandard
Heading headingTextAvoimet työpaikat
Introduktion introFormaterad text–
Visa länken till öppen ansökan showOpenApplicationPå / avtrue
Limit limitTal–

Tillgänglighet

Tabeller har rubrikceller och bildtext, listor är riktiga listor och datum är i läsbar form. Diagrammets siffror finns även som text.

Sisältösivu

Sektion contentPage

Innehållssidans hållare: sidan för en nyhet, ett blogginlägg eller en person.

Inget levande exempel: sektionen ritar en nyhets, ett inläggs eller en persons sida från plattformens data. Nyheter syns i vilken malls förhandsvisning som helst.

Tillgänglighet

Rubrikerna följer sidans rubriknivåer, bildens alternativa text anges i redigeraren och färgerna kommer från temats värden, vars kontrast kontrolleras till WCAG AA. Ingen rörelse och inget tidsstyrt innehåll.

Används i 0 mallar

Plattformen lägger själv till detta på sina egna sidor; det läggs inte till i redigeraren.