---
title: "Millaista sisältöä sovellukseesi"
description: "Yhdeksän sisältöosiota käyty läpi yksi kerrallaan: mitä kukin sallii, miten sitä käytetään ja minkä layoutin valita."
canonical_url: "https://fi.goodbarber.com/academy/content/"
lang: fi
---

# Millaista sisältöä sovellukseesi

Source: https://fi.goodbarber.com/academy/content/

”Sisältösovellus” on laaja termi. Back officessasi saatavilla olevien osioiden ja ominaisuuksien avulla katat lähes minkä tahansa hankkeen, alasta riippumatta.

Tämä opas käy läpi yhdeksän sisältöosiota ja kertoo kustakin, mitä se sallii, miten sitä käytetään ja minkä layoutin valita silloin kun valittavaa on. Se päättyy CMS:ään ja liittimiin, jotka ratkaisevat perustavan kysymyksen: luotko sisältösi GoodBarberissa vai tuotko sisällön jota jo tuotat muualla.

## Seitsemän esittelysovellusta

Alla olevat esimerkit nojaavat seitsemään sovellukseen, jotka jakautuvat kolmeen perheeseen. Etsi se, joka muistuttaa hankettasi, ja mukauta sitten.

### Sovellukset sisällöntekijöille

River Daily paikallislehdelle, Piu Piu festivaalille, Portland matkaoppaalle.

- **Blogi**: luo artikkeleita vapaasti, kuvitettuina kuvin ja videoin.
- **Galleria**: näytä kuvasi useassa esitystavassa.
- **Video**: jaa kuvaamasi sisältö.
- **Ääni**: julkaise podcastisi.
- **Kartta**: luo sisältöä joka on sidottu tiettyihin paikkoihin.
- **Lomake**: kysy käyttäjiltäsi kysymyksiä, kerää ja analysoi vastaukset.
- **Tapahtumat**: viesti tapahtumista päivämäärittäin esitettyinä.
- **Sisäinen ja ulkoinen mainonta**: hanki tuloja sisällölläsi.

![Kolme sisältösovelluksen aloitusnäyttöä: paikallislehti, musiikkifestivaali päivämäärineen ja kaupunkiopas. Kunkin puhelimen alla kuvake muistuttaa aiheesta.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/e04c2550-article_61_.5ffdeeacb490.jpg)

### Palveluyritykset

Freyja Spa kauneushoitolalle, Ivar Madsen sisustussuunnittelutoimistolle.

- **Blogi**: esittele palvelusi ja hoitosi tai rakenna portfolio.
- **Yhteystiedot**: kokoa yhteystietosi yhdelle sivulle.
- **Tietoa meistä**: esittäydy omalla sivullaan.
- **Lomake**: muuta se ajanvarauspyynnöksi.
- **Kanta-asiakaskortti ja Club Card**: rakenna kanta-asiakasohjelma ja kasvata sitoutumista.

![Kaksi palvelusovelluksen aloitusnäyttöä: kylpylä ja sisustussuunnittelija. Kunkin puhelimen alla kuvake muistuttaa toimialasta.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/4fdfcaeb-article_61a_.2fc8902da63e.jpg)

### Koulutus ja organisaatiot

Paraigua koululle, Dali Corp yrityksen sisäiselle sovellukselle.

- **Blogi**: jaa sisältösi yleisöllesi.
- **Tunnistautuminen**: anna käyttäjiesi luoda profiili.
- **Käyttäjät**: julkaise käyttäjiesi lista ja heidän profiilinsa.
- **Käyttäjäryhmät**: segmentoi yleisösi ja tarjoile kullekin ryhmälle omaa sisältöä.
- **Chat**: avaa keskustelutila sovellukseen.
- **Tapahtumat**: viesti tapahtumistasi.
- **Lomake**: kysy käyttäjiltäsi kysymyksiä ja analysoi vastaukset.

![Kaksi aloitusnäyttöä: koulu ja yritys, toinen rakennuksensa valokuvan päällä, toinen tuotteensa päällä. Kunkin puhelimen alla kuvake muistuttaa alasta.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/89a8e16d-article_61c_.ee14d46cab34.jpg)

## Osion lisääminen

Liike on sama jokaiselle tässä oppaassa kuvatulle osiolle. Siirry kohtaan My App › Structure, klikkaa **Add** ja valitse sitten haluamasi tyyppi.

Sovellukseen voi lisätä enintään **120 osiota**, ja sama sisältö voi näkyä useassa osiossa yhtä aikaa. Juuri se tekee järjestyksestä niin joustavan: osio ei ole suljettu laatikko vaan näkymä sisältöösi.

![Osion lisäyspaneeli auki saatavilla olevien tyyppien luettelossa: blogi, galleria, video, sosiaaliset verkostot, tietosivu, yhteystiedot, kartta, kalenteri, podcastit, syöte ja lomake, mukana linkki joka näyttää lisää. Alhaalla jo käytettyjen osioiden laskuri. Vasemmalla sovelluksen esikatselu näyttää kasvavan valikon.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/316f1665-62_2.6e0beca949db.jpg)

## Blogi

### Mihin se on

Blogi-osio antaa sinun luoda sisältöä suoraan back officesta artikkeleina, joita rikastavat valokuvat ja videot.

Sisällöntekijälle se on keskeinen osio. Mutta hankkeestasi riippumatta käytät sitä ainakin kerran: se on kaikista osioista monikäyttöisin, ja alla näet että se taipuu helposti muihinkin käyttöihin.

**Artikkelien luominen.** Artikkeli rakentuu tekstikappaleista, joihin lisäät valokuvia, videoita, sitaatteja tai upotuskoodia.

Editori avautuu kohdasta Content › Add › An article. Jo julkaisemasi artikkelit ovat kohdassa Content › Content list › All articles.

Kun sisältö on luotu, määrität:

- osion tai osiot joihin artikkeli kuuluu
- tekijän
- pikkukuvan
- tiivistelmän, joka näkyy artikkelilistassa
- ovatko kommentit päällä vai eivät

SEO-välilehdellä täytät lisäksi metatiedot ja mukautat osoitteen.

![Artikkelin muokkaus back officessa. Vasemmalla sen otsikko ja kuva. Oikealla muokkauspaneeli auki ensimmäisellä välilehdellään: lista kategorioista joissa artikkeli näkyy, alakategorioineen, kukin rastitettavissa; tekijä; julkaisupäivä ja kellonaika; ruutu joka kiinnittää sen listan kärkeen; ja listoissa käytettävä pikkukuva.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/388ea4db-62_3.0d86f67028cd.jpg)

### Kolme tapaa käyttää sitä

**Muuttuva sisältö.** Se on sen ensisijainen tarkoitus. River Daily -uutissovelluksessa useat blogiosiot kattavat lehden eri toimitukset, ja osalla on kategorioita navigoinnin tarkentamiseksi.

Artikkelin tiedoissa näkyy julkaisupäivä, kommentit ovat päällä, samoin jakaminen ja suosikiksi merkintä.

**Valikoiman esittely.** Freyja Spassa blogiosiot esittelevät salongin hoidot. Kolme käytettyä osiota on koottu valikko-osion sisään.

Kiinnostava sovellus on tässä: tiivistelmäkenttää, joka on tarkoitettu ingressille, käytetään näyttämään kunkin hoidon kesto listassa. Ratkaisevin tieto on siis luettavissa yhdellä silmäyksellä avaamatta sivua.

Tiedoissa toistuvat kesto, hinta, hoidon kuvaus ja linkki varauslomakkeeseen. Kommentit ovat päällä ja toimivat asiakasarvioiden kokoelmana.

**Pysyvä sisältö.** Portland-sovellus on matkaopas, ja sen blogiosiot tarjoilevat vinkkejä kävijöille.

Tässä ei ole tekijää eikä julkaisupäivää: nuo tiedot eivät toisi mitään sisältöön joka ei vanhene.

![Kaksi uutissovelluksen osiota: vasemmalla lista jossa ensimmäinen artikkeli näkyy suurena ja seuraavat riveinä; oikealla osio jonka päällä on alakategorioiden palkki, joka suodattaa samaa listaa.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/9e850b3d-63_2.cc7cd005f1ac.jpg)

![Artikkelin tiedot: kuva ylhäällä, otsikko, julkaisupäivä, sitten teksti tasatuin kappalein. Näytön alalaidassa kommentit, jakaminen ja kirjanmerkki.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/0a5aa1f6-63_3.5cc0d2d03ce7.jpg)

![Kylpyläsovelluksen aloitusnäyttö: kolme hoitokategoriaa, kukin koko leveyden kuvana ja nimi sen sisään aseteltuna.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/d5afb0b2-63_4.dc0bc8f4fe7b.jpg)

![Hierontojen lista: jokainen hoito vie rivin valokuvineen, nimineen ja kestoineen.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/3a6351dc-63_5.7ef88d99ae38.jpg)

![Hoidon tiedot: valokuva, nimi, kesto, hinta, sitten kursivoitu kuvaus ja varauslinkki.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/129bf324-63_6.7e7fab54dc12.jpg)

![Kaksi kaupunkioppaan näyttöä: vasemmalla artikkelilista, kussakin neliömäinen pikkukuva ja otsikko, osion ylätunnisteen alla ja välilehtipalkin yläpuolella; oikealla artikkeli auki kuvineen, otsikkoineen ja teksteineen.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/665056a7-63_7.e1314afe1934.jpg)

### Minkä layoutin valita

Listalle on tarjolla yhdeksän layoutia. Ne erotetaan toisistaan kolmella kriteerillä: julkaisemiesi artikkelien määrä, kuviesi voima, ja se haluatko nostaa yhden artikkelin esiin vai et.

Layout vaihdetaan kohdassa My App › Structure: avaa kyseisen osion valikko ja sitten **Edit the design**.

**Ilman esiin nostettua artikkelia, kaikki artikkelit samalla tasolla:**

- **Enriched Classic**, yleispätevä oletus. Maltillinen rytmi, tärkeimmät metatiedot näkyvissä. Ota se kun mikään ei työnnä sinua erikoistuneemman layoutin suuntaan.
- **Condensed**, suurelle artikkelimäärälle jota silmäillään nopeasti. Kuva tulee toisena.
- **Visual Card**, koko leveyden kortit yhdessä sarakkeessa: suuri kuva päällä, otsikko ja ingressi alla. Silloin kun juuri kuva saa klikkaamaan.
- **Checkerboard**, pysyvälle sisällölle, otsikot luettuina ”Z”-kuviona.
- **Grid Visual**, tasavertaisten artikkelien ruudukko. Vaatii kuvan **jokaiselle** kohteelle.

**Yksi artikkeli esiin nostettuna:**

- **Une Condensed**, yksi lippulaiva-artikkeli ja perässä paljon tiiviitä kohteita. Virta imee määrän.
- **Une Grid Visual**, yksi esiin nostettu artikkeli ja sitten ruudukko. Vaatii sekin kuvan jokaiselle kohteelle.
- **Une Story**, useita ”etusivuja” pyyhkäistävässä karusellissa sosiaalisen median tyyliin, ja alla tiivis virta. Hyvin säännölliselle julkaisulle vahvoin kuvin. **Saatavilla vain artikkeleille.**

**Erikoistapaus:**

- **Immersive**, yksi artikkeli näyttöä kohden, hallitseva kuva ja pystysuuntainen pyyhkäisynavigointi. Upea vahvoilla kuvilla, mutta se ei kestä suurta määrää.

**Sääntö joka ohittaa kaikki muut:** jos artikkeleissasi ei ole kuvia tai ne ovat heikkolaatuisia, sulje pois Visual Card, Checkerboard, Une Grid Visual, Grid Visual, Une Story ja Immersive. Jäljelle jää Condensed jos määrä on suuri, muuten Enriched Classic.

**Artikkelin tiedoissa** oletusnäkymä asettaa kansikuvan ylimmäksi, sitten otsikon, päivämäärän ja tekijän, toimintopalkin (jakaminen, suosikki, kommentti) ja leipätekstin. Kun artikkelilla ei ole kansikuvaa, otsikko tulee ensimmäisenä sen sijaan että ylälaita jäisi tyhjäksi.

Yksi huomio, joka pätee jokaiseen osioon: vaikka yhdistämme joskus layoutin tiettyyn käyttöön, yhtäkään ei ole varattu tietylle alalle. Kaikki riippuu tarpeistasi ja sovelluksesi kokonaisdesignista.

![Yhdeksän blogilayoutin mallia nimineen. Ylärivillä: Enriched Classic, Condensed, Visual Card, Checkerboard, Grid Visual. Alarivillä: Une Condensed, Une Grid Visual, Une Story, Immersive. Kukin näyttää, miten kuva, otsikko ja tiivistelmä on aseteltu listassa ja erottuuko ensimmäinen artikkeli muista.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/schema-layouts-blog.42442a50fee8.png)

## Galleria

### Mihin se on

Galleria-osio näyttää kuvagallerian. Sen toiminta on riisuttua: lisäät valokuvasi, valitset layoutin, ja siinä se.

Lisää valokuvasi Add a photo -painikkeella tai vetämällä ja pudottamalla ne tietokoneeltasi. Useamman lataaminen kerralla on mahdollista, mikä nopeuttaa työtä huomattavasti.

Tuo näyttö on kohdassa Content › Content list › All photos, ja suora lisäys kohdassa Content › Add › A photo.

Kun kuvasi ovat back officessa, voit antaa niille otsikon ja kuvauksen, jotka näkyvät yksityiskohtanäkymässä.

![Osion lisäyspaneeli, nuoli osoittaa galleriaruutua saatavilla olevien tyyppien joukossa. Vasemmalla festivaalisovelluksen esikatselu ohjelmineen ja välilehtipalkkeineen.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/d45e4959-65_2.f5107a090fbb.jpg)

![Sisältölista suodatettuna galleriaan, ruudukkonäkymässä. Jokainen valokuva muodostaa kortin, jossa kaksi kehotusta odottaa otsikkoa ja kuvatekstiä, ja nuoli osoittaa mihin ne tulevat. Kunkin kortin alla julkaisutila, roskakori ja valintaruutu; ylhäällä haku, suodattimet ja lisäyspainike.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/37c2ef7b-65_3.aacaa7867458.jpg)

### Kaksi tapaa käyttää sitä

**Koulun arki.** Paraigua-sovellus tarjoilee tietoa oppilaille ja vanhemmille ja pyrkii rakentamaan yhteisöä koulun ympärille. Sen Galleria-osio julkaisee säännöllisesti valokuvia koulun arjesta. Valittu layout jättää kunkin kuvan otsikon ja kuvauksen näkyviin niiden asiayhteyttä varten.

**Musiikkifestivaali.** Piu Piu -sovellus päivitetään joka vuosi uutta tapahtumaa varten. Galleria toimii arkistona: se kokoaa aiempien vuosien valokuvat, mikä pitää muiston elossa vakiokävijöille ja välittää festivaalin hengen uusille tulijoille.

![Galleria koulusovelluksessa: valokuvat seuraavat toisiaan koko leveydeltä, kussakin päivämäärä ja otsikko sen alla.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/53e8fb7b-66_2.b15651664ebe.jpg)

![Festivaaligalleria mosaiikkina: valokuvat istuvat pareittain ilman otsikoita ja vastaavat toisilleen väreillään.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/666706bc-66_3.abdb139f38cb.jpg)

### Minkä layoutin valita

Kolme layoutia, jotka vastaavat kolmeen eri aikomukseen.

Layout vaihdetaan kohdassa My App › Structure: avaa kyseisen osion valikko ja sitten **Edit the design**.

- **Visual Card**, oletus. Yksi sarake, koko leveyden kortit, ja ennen kaikkea **otsikko ja kuvateksti kutakin valokuvaa kohden**. Se on kolmesta ainoa, joka antaa sinun asettaa kuvasi asiayhteyteen.
- **Square**, kaksisarakkeinen neliöruudukko ilman otsikoita. Hyvin tiiviille kuva-arkistolle, kun kokonaisuuden yhtenäisyys merkitsee enemmän kuin yksittäinen valokuva.
- **Ratio**, kaksisarakkeinen mosaiikki, joka kunnioittaa kunkin kuvan alkuperäisiä mittasuhteita. Portfoliolle jossa on sekalaisia kuvasuhteita.

Toisin sanoen: jos valokuvasi kaipaavat selitystä, ota Visual Card. Jos ne puhuvat puolestaan ja niitä on paljon, Square tai Ratio sen mukaan ovatko ne yhtenäisiä vai eivät.

![Kolme gallerialayoutin mallia nimineen: Visual Card, jossa jokainen valokuva ottaa kortin otsikkoineen ja kuvateksteineen; Square, neliömäisten pikkukuvien ruudukko; Ratio, ruudukko joka säilyttää kunkin valokuvan alkuperäiset mittasuhteet.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/schema-layouts-galerie.c31a0c9c7809.png)

## Videot

### Mihin se on

Video-osio tarjoilee videoita sovelluksessasi, olivatpa ne jo isännöityinä ulkoisella sivustolla tai eivät.

Lisää videosi lataamalla ne tietokoneeltasi tai syöttämällä niiden upotuskoodi, jos ne asuvat jo muualla. Kuten blogissa, valitset sitten näyttöosiot, tekijän, julkaisupäivän, tiivistelmän ja sen ovatko kommentit päällä.

Editori avautuu kohdasta Content › Add › A video.

Lopuksi voit jäsentää sivun lisäämällä tarvittaessa tekstikappaleita, valokuvia ja sitaatteja.

![Sama osion lisäyspaneeli, nuoli osoittaa tällä kertaa videoruutua. Vasemmalla yrityssovelluksen esikatselu näyttää artikkelin.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/4c33467f-69_2.01473e92f3cb.jpg)

![Videon luonti back officessa: keskellä pudotusalue, joka kertoo enimmäiskoon ja tarjoaa joko tiedoston lataamista tai upotuskoodin liittämistä, mukana lista hyväksytyistä muodoista. Oikealla kategoria, tekijä, päivämäärä, kiinnitys listan kärkeen, tiivistelmä ja kommenttien kytkin.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/bc4431c5-68_3.eae9ecd9beb4.jpg)

### Kaksi tapaa käyttää sitä

**Paikallislehti.** River Dailylla ei ole televisiokanavaa, mutta se lähettää säännöllisiä ohjelmia YouTubessa, mukaan lukien päivittäisen. Ne on koottu sovelluksen Video News -osioon.

**Yrityksen sisäinen sovellus.** Dali Corpissa Video-osio tarjoilee verkkokursseja, joita työntekijät ovat tehneet työntekijöille. Järjestely tekee kaksi työtä kerralla: se kokoaa väen yhteisen hankkeen ympärille ja antaa heille ilmaisen koulutuksen.

![Videolista uutissovelluksessa: jokainen rivi kantaa pikkukuvansa toistopainikkeella merkittynä ja sen vieressä otsikkonsa tai päivämääränsä.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/28af6e5e-69_2.35cd4ab1b524.jpg)

![Videolista yrityssovelluksessa: pikkukuvat vievät koko leveyden, kesto asetettuna nurkkaan, ja julkaisupäivä ja otsikko alla.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/ba3a34eb-69_3.7db5100a3629.jpg)

### Minkä layoutin valita

Listalle kolme layoutia.

Layout vaihdetaan kohdassa My App › Structure: avaa kyseisen osion valikko ja sitten **Edit the design**.

- **Enriched**, oletus. Tiivis lista, pieni 16:9-pikkukuva, metatiedot etualalla (otsikko, päivämäärä, tekijä, kuvaus). Se on oikea valinta suurelle määrälle, jota silmäillään.
- **Une Condensed**, yksi esiin nostettu video suurena ingressinsä kera ja alla tiivis virta. Tämä on ”videolehti” päivän etusivuineen. Kestää keskisuuren tai suuren määrän.
- **Visual Card**, suuret koko leveyden kortit 16:9-kehyksellä ja toistopainike keskellä. Ota se kun juuri pikkukuva saa klikkaamaan.

**Yksityiskohtanäkymässä** videosoitin ottaa ylimmän paikan, ja perässä tulevat otsikko, päivämäärä, toiminnot, kuvaus ja, jos syötät sellaisen, osoite.

![Kolme videolayoutin mallia nimineen: Enriched, lista jossa pikkukuva istuu otsikon vasemmalla puolella; Une Condensed, joka erottaa ensimmäisen videon suurena seuraavien yläpuolelle; Visual Card, jossa jokainen video ottaa oman korttinsa.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/schema-layouts-webtv.dc984f5dbf59.png)

## Podcastit

### Mihin se on

Podcasts-osio tarjoilee ääntä sovelluksessasi.

Lisää äänesi lataamalla se tietokoneeltasi. Kuten blogissa, valitset näyttöosiot tai kategoriat, tekijän, päivämäärän, tiivistelmän ja kommentit. Voit myös lisätä ulkoisia linkkejä kappaleen ostamiseen.

Editori avautuu kohdasta Content › Add › A sound.

Sivu jäsennetään sitten tekstikappaleilla, valokuvilla, videoilla, upotuskoodilla ja sitaateilla.

![Osion lisäyspaneeli, nuoli osoittaa podcast-ruutua. Vasemmalla koulusovelluksen esikatselu, jonka valikko näkyy kuvakeruudukkona.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/0c6dc4a8-71_2.a8185232e2cc.jpg)

![Jakson luonti back officessa: keskellä otsikkokenttä ja pudotusalue äänitiedostolle. Oikealla kurssipuusta poimittu kategoria, tekijä, päivämäärä, kiinnitys, kaksi sovelluskaupan linkkikenttää ja kommenttien kytkin.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/3806e725-71_3.2127377d1f62.jpg)

### Kaksi tapaa käyttää sitä

**Uutissovellus.** River Daily lähettää myös suoraa radiota. Podcasts-osio pitää tietyt ohjelmat pysyvästi saatavilla. Päivämäärät näkyvät listassa, jotta kuuntelijat löytävät etsimänsä ohjelman. Yksityiskohtasivu pysyy riisuttuna, ilman lisätietoja.

**Koulu.** Paraiguan piti jakaa oppituntinsa etänä. Ne esitetään listana oppiaineittain luokiteltuina.

Säilyttämisen arvoinen idea on yksityiskohtasivulla: oppitunnin tekstiversio julkaistaan siellä kappaleina ja kuvina. Oppilas seuraa tekstiä ja kuvia kuunnellessaan ääniversiota, mikä tekee oppitunnista käyttökelpoisen hyvin erilaisissa tilanteissa.

![Kaksi uutissovelluksen näyttöä: vasemmalla jaksojen lista, kussakin otsikko, päivämäärä ja pikkukuva; oikealla soitin auki, mukana kansikuva, päivämäärä, otsikko, aaltomuodon päälle asetettu edistymispalkki ja kolme toistopainiketta.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/ffc9afe2-72_2.12ed45a9ab36.jpg)

![Jaksolista koulusovelluksessa, alakategorioiden palkin alla joka erottaa oppiaineet. Jokainen rivi kantaa pikkukuvansa ja otsikkonsa.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/b50fbe8e-72_3.7cf6329c15c6.jpg)

![Jakson tiedot: kansikuva, päivämäärä, otsikko, soitin, ja sitten kirjoitettu oppitunti joka seuraa ääntä, otsikoituina kappaleina joita valokuva katkaisee.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/07c74bf3-72_4.c0266c811523.jpg)

### Minkä layoutin valita

Kaksi layoutia, ja niitä erottava kriteeri on pikkukuvan koko. Molemmat upottavat soittimen soluun toistopainikkeen ja keston kera: toisto ei siis ole se mikä ne erottaa.

Layout vaihdetaan kohdassa My App › Structure: avaa kyseisen osion valikko ja sitten **Edit the design**.

- **Classic Play**, oletus. Pienempi pikkukuva, teksti ja metatiedot hallitsevina. Se on layout pitkille jaksolistoille ja radiomaiselle käytölle.
- **Enriched**, suurempi pikkukuva, joka nostaa kansikuvan esiin. Valitse se kun kansikuva on osa sisältösi identiteettiä, kohtuullisella määrällä.

**Yksityiskohtanäkymässä** kansikuva toimii immersiivisenä kantena, ja mukana ovat äänisoitin, otsikko, toiminnot ja leipäteksti.

![Kaksi podcast-layoutin mallia nimineen: Classic Play, jossa jokainen jakso asettaa riviin pikkukuvansa, tekstinsä ja toistopainikkeensa; Enriched, joka antaa enemmän tilaa pikkukuvalle ja tiivistelmälle.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/schema-layouts-podcasts.501c9a72245a.png)

## Suora

### Mihin se on

Yllä olevat osiot julkaisevat tallennettua sisältöä, joka on saatavilla silloin kun kuuntelijasi päättää. Suora tekee päinvastoin: se lähettää reaaliajassa, ja juuri sovittu hetki tekee tapahtuman.

Kolme rakennuspalikkaa yhdisteltäväksi sen mukaan mitä lähetät.

- **Suora ääni** on peruspalikka: osio on olemassa ilman mitään lisättävää. Syötät lähetysvirtasi osoitteen, ja sovellus lähettää sen. IceCast-enkoodereita tuetaan natiivisti, mikä kattaa valtaosan radioiden järjestelyistä.
- **Suora video** tekee saman kuvalähetykselle. Se on laajennus, ja sen sivulla näkyy sovellukseesi sovellettava hinta.
- **Live+** on kerros suoran äänen päällä, ja senkin tuo laajennus. Se näyttää lähetysvirtasi metatiedot soittimen vieressä: soivan kappaleen, juontajan, ohjelman. Ilman sitä kuuntelijasi näkee toistopainikkeen eikä muuta; sen kanssa hän näkee mitä kuuntelee.

Kaksi ominaisuutta kannattaa tietää ennen päätöstä.

**Ääni ei katkea kun kuuntelijasi navigoi.** Soitin seuraa käyttäjää näytöltä toiselle ja jatkaa näytön ollessa sammuksissa. Käytännössä ihmiset voivat kuunnella kanavaasi lukiessaan artikkeleitasi, mikä muuttaa täysin radiosovelluksen käyttötavan.

**Voit avata useita suoria osioita.** Radiokanava jolla on kaksi kanavaa, festivaali jolla on kaksi lavaa, seurakunta jolla on kaksi tilaisuutta: jokaisella lähetysvirralla on oma osionsa.

Yksi viimeinen ero yllä oleviin osioihin: suoralla on vain yksi esitystapa. Layoutia ei ole valittavana.

### Kaksi tapaa käyttää sitä

**Paikallisradio.** River Dailyn radio, joka mainittiin edellisessä luvussa, asuu Suora-osiossa. Podcastit pitävät ohjelmat saatavilla pyynnöstä, suora-osio kantaa kanavan. Live+ näyttää soivan kappaleen ja sen esittäjän, mikä antaa kesken ohjelman saapuvalle kuuntelijalle jotain mihin sijoittua.

**Festivaali.** Piu Piu lähettää lavaltaan suoraa neljän päivän ajan. Yleisö joka ei päässyt paikalle, seuraa iltaa, ja vakiokävijät löytävät tunnelman kotoa käsin. Suora toimii Tapahtumat-osion rinnalla, joka pysyy sovelluksen pääosiona: ohjelma ilmoittaa, suora lähettää.

Kaksi tuon näytön yksityiskohtaa kannattaa nostaa esiin. **Sleep mode** pysäyttää toiston valitun viiveen jälkeen, millä on merkitystä kanavalla jota kuunnellaan iltaisin. Ja soitin ottaa sovelluksen värit ja typografian: se on sama näyttö kuin River Dailylla, eikä se silti näytä samalta tuotteelta.

![River Dailyn suoran soitin: pyöreä kansikuva, toistopainike, kulunut aika, sitten esittäjän nimi ja kappaleen nimi, jotka Live+ näyttää. Alhaalla pysyvä minisoitin muistuttaa mitä on soimassa.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/direct-river-daily.95cc0c70eca4.jpg)

![Sama suoran näyttö Piu Piussa, festivaalin tummissa ja oransseissa väreissä, mukana Sleep mode -painike oikeassa yläkulmassa ja pysyvä minisoitin alhaalla.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/direct-piu-piu.c36fb8cc6660.jpg)

## Kartta

### Mihin se on

Kartta-osio luo paikannettuja pisteitä, jotka näkyvät kartalla. Käyttäjäsi paikantavat paikat ja saavat reittiohjeet niihin.

Luodaksesi pisteen syötä sen osoite tai koordinaatit muokkaussivulla.

Muokkaussivu avautuu kohdasta Content › Add › A location.

Täydennät sitten kuvauksen tekstillä, valokuvilla, videoilla, sitaateilla tai upotuskoodilla. Oikean puolen paneelissa valitset näyttöosiot ja lisäät toimintopainikkeita:

- soittopainikkeen
- sähköpostipainikkeen

Lopuksi voit lisätä ulkoisen linkin ja mukauttaa pistettä esittävän kuvakkeen muodon ja värin.

![Osion lisäyspaneeli, nuoli osoittaa karttaruutua. Vasemmalla kaupunkioppaan esikatselu hakuineen ja ruutuineen.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/30e4c887-74_2.a146bfe607ab.jpg)

![Sijainnin luonti back officessa: sen nimi, osoite, koordinaatit, ja oikealla kartta joka sijoittaa ne. Alempana tekstieditori sen kuvaamiseen. Oikean puolen paneelissa kategoriat joissa se näkyy, puhelinnumero ja sähköposti joista tulee toimintopainikkeita, verkko-osoite, sitten sen merkin muodon ja värin valinta.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/3cfb25f4-74_3.17ba158586f0.jpg)

### Kolme tapaa käyttää sitä

**Koulun kampus.** Paraigua on hajautunut useaan rakennukseen. Uusien tulijoiden, niin oppilaiden kuin vanhempienkin, piti tunnistaa ne yhdellä silmäyksellä ja saada reittiohjeet.

Neljä sijaintia luotiin, ja ne esitetään ensin listana. Map-näkymä näyttää kaikki pisteet ja etäisyydet. Pisteen klikkaaminen antaa tiivistelmän ja pääsyn tietoihin, joissa reittiohjepainike on pääasia, täydennettynä kuvauksella ja kuvalla.

**Monipaikkainen yritys.** Dali Corpilla on toimistoja useassa amerikkalaisessa kaupungissa, ja se pitää yrityskulttuuristaan huolta. Kartta-osio esittelee kolme toimistoa.

Tiedot ovat täyteläisemmät kuin Paraiguassa: valokuvat kuvaavat toimistoa ja sen tunnelmaa, ja reittiohjepainike istuu valokuvien alla. Kartta ei ole vain suunnistamista varten, se on tekemässä muita toimipaikkoja olemassa oleviksi niille, jotka eivät koskaan käy niissä.

**Matkaopas.** Portland-sovelluksessa kartta on tuotteen sydän. Useat kartta-osiot esittelevät kaupungin paikat tyypeittäin lajiteltuina.

Tietoihin kuuluu täysi kuvaus, valokuvia tarpeen mukaan, korostettu reittiohjepainike ja ulkoinen linkki kunkin toimipaikan verkkosivustolle silloin kun sellainen on.

![Kolme koulusovelluksen näyttöä: sijaintien lista, kussakin valokuva, nimi ja osoite; kartta, jolla merkit levittäytyvät ja yksi niistä avaa nimikkeensä; sijainnin tiedot valokuvineen, osoitteineen, reittiohjepainikkeineen, palveluluetteloineen ja alalaidan karttoineen.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/209f0078-75_2.fcda3e98a55e.jpg)

![Toimiston tiedot yrityssovelluksessa: avaava valokuva, nimi, osoite, johdantorivi, sitten neljä valokuvaa tiloista, reittiohjepainike ja kartta.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/8f0192ba-75_3.bc827da708f6.jpg)

![Kaksi kaupunkioppaan näyttöä: vasemmalla sijaintien lista alakategorioiden palkin alla, mukana pyöreä painike joka vaihtaa karttaan; oikealla koko näytön kartta merkkeineen ja painike joka palaa listaan.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/a094f258-75_4.17b6a0f50c50.jpg)

![Nähtävyyden tiedot: valokuva, nimi, osoite, reittiohjepainike, sitten kuvaus jossa vuorottelevat kappaleet, luettelomerkitty lista ja valokuvat, painike verkkosivustolle ja kartta alalaidassa.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/53d8ce22-75_5_20copy.70fe6a505876.jpg)

### Minkä layoutin valita

Kolme layoutia, ja todellinen kriteeri on se, kuinka paljon tilaa annat itse kartalle.

Layout vaihdetaan kohdassa My App › Structure: avaa kyseisen osion valikko ja sitten **Edit the design**.

- **Enriched**, oletus. Tiivis lista, pieni pikkukuva, otsikko ja osoite, useita paikkoja näyttöä kohden. Kartta on piilossa painikkeen takana. Se on hakemistolayout, silloin kun käyttäjä tietää jo mitä etsii.
- **Visual**, suuri hallitseva pikkukuva, vähän paikkoja näyttöä kohden. Kartta pysyy piilossa painikkeen takana. Paikkojen galleriaksi, jossa juuri kuva vetoaa.
- **Split Enriched**, vuorovaikutteinen kartta ottaa näytön yläosan ja lista ilmestyy alle. Valitse se kun paikkojen tilallinen suhde kantaa merkitystä, siis kun kartta **on** aihe.

Päätät myös näytetäänkö kartan päällä tiivistelmälista vai ei. Siirry kohtaan My App › Structure, avaa Kartta-osio ja sitten pistelistan näkymä: asetus on sisältöalueella, kohdassa ”Map view”.

**Sijainnin tiedoissa** saat valokuvan, nimen, osoitteen, reittiohjepainikkeen, gallerian ja paikannetun kartan.

![Kolme karttalayoutin mallia nimineen: Enriched, lista jossa jokainen sijainti kantaa merkkinsä ja osoitteensa; Visual, joka antaa jokaiselle sijainnille suuren pikkukuvan; Split Enriched, joka asettaa kartan ylös ja listan alle.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/schema-layouts-carte.84a6070ca3ca.png)

![Karttaosion design-asetukset. Ympyröitynä kaksi kytkintä ohjaa näkyykö lista ja avautuuko se ennen karttaa. Alempana taustaväri, reunus, läpinäkyvyys, se mitä kukin rivi näyttää, ja otsikon typografia. Vasemmalla esikatselu soveltaa asetukset heti.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/eda92caa-76_2.362ef9bfeb70.jpg)

## Lomake

### Mihin se on

Lomake-osio kerää tietoa käyttäjiltäsi erityyppisten kenttien kautta.

Lomakkeesi on listattu kohtaan Content › Content list › All forms. Yhden avaaminen näyttää oikealla lomakkeen muokkauspaneelin, jonka kenttävälilehti kantaa alla olevan paletin.

Käytettävissä on kuusitoista kenttätyyppiä:

- yksi tekstirivi
- tekstikappale
- monivalinta
- nimi
- päivämäärä
- sähköposti
- ulkoinen linkki
- tiedoston lähetys
- numerot
- valintaruudut
- pudotusvalikko
- osoite
- kellonaika
- puhelin
- hinta
- osion katkaisu

Klikkaa haluamaasi tyyppiä, ja se ilmestyy muokkausalueelle, jossa mukautat sen sisällön.

Muista rikastaa lomaketta myös valokuvilla, videoilla, tekstillä, sitaateilla tai upotuskoodilla: riisuttu lomake saa vähemmän vastauksia kuin lomake joka selittää mitä se hakee.

![Osion lisäyspaneeli, nuoli osoittaa tällä kertaa lomakeruutua pidentyneessä luettelossa. Vasemmalla sisustussuunnittelijan sovelluksen esikatselu, valikko auki.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/b67e598a-77_2.989e36392b1d.jpg)

![Lomakkeen muokkaus: vasemmalla sen otsikko ja kuvitus; oikealla saatavilla olevien kenttien paletti, yksi tekstirivi, numero, kappale, valintaruudut, yksi valinta, pudotusvalikko, nimi, osoite, päivämäärä, kellonaika, sähköposti, puhelin, verkkosivusto, hinta, tiedosto ja osion katkaisu.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/cd81a31a-77_3.5125ec2c165a.jpg)

### Kaksi tapaa käyttää sitä

**Palvelusovellus.** Ivar Madsenilla, sisustussuunnittelijalla, lomake hoitaa ajanvaraus- ja tarjouspyynnöt.

Sivulla on kolme tavoitetta: esitellä tarjonta, oppia tuntemaan tuleva asiakas ja mahdollistaa ensimmäinen kontakti. Kuva ja selittävä teksti asettavat asiayhteyden, ja sitten lomake menee suoraan asiaan:

- nimikenttä ja sähköpostikenttä asiakkaan tunnistamiseen
- kaksi kappalekenttää hänen tarpeidensa ja hankkeensa ilmaisemiseen
- päivämääräkenttä hänen aikataulunsa kertomiseen

**Yrityssovellus.** Dali Corpissa henkilöstöhallinto tekee säännöllisesti kyselyitä mitatakseen työntekijöiden hyvinvointia ja kerätäkseen heidän mielipiteitään.

Lomake on tarkoituksella hyvin lyhyt, jotta vastausprosentti olisi mahdollisimman korkea. Johdantoteksti ja sitten viisi kenttää:

- nimikenttä ja tiimikenttä työntekijän tunnistamiseen
- kaksi monivalintakenttää johdon kysymyksiin vastaamiseen
- kappalekenttä vapaaseen puheenvuoroon

![Yhteydenottolomake vieritettynä ylhäältä alas: otsikko, valokuva, neljä lohkoa jotka selittävät mitä kysytään, sitten täytettävät kentät, nimi, sähköposti, kohteen osoite alakenttineen, projektin kuvaus, toivottu tyyli ja aikataulu päivämäärävalitsimineen. Lähetyspainike päättää sivun.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/84b40374-78_2.30980d15424b.jpg)

![Sisäinen kysely yrityssovelluksessa: johdannon jälkeen nimikenttä, tiimin pudotusvalikko, kaksi yhden valinnan kysymystä ja vapaa kenttä, sitten lähetyspainike.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/8b946963-78_3.3c9e64adf2a1.jpg)

### Vastausten hyödyntäminen

Siirry kohtaan Content › Content list. Vie osoitin kyseisen Lomake-osion päälle ja klikkaa linkkiä joka näyttää sen sisällön. Sieltä löydät saatujen vastausten listan.

Rivin klikkaaminen näyttää yhden käyttäjän vastaukset, jotka voit viedä .csv-muodossa painikkeella **Export data**. Sama painike listanäkymästä vie kaikki vastaukset.

Juuri tuo vienti tekee osiosta aidosti hyödyllisen: ilman sitä luet vastauksia yksi kerrallaan, sen kanssa analysoit ne kokonaisuutena.

![Lomakkeen vastaukset back officessa taulukkona: päivämäärä, lomakkeen kentät sarakkeina ja liitetiedosto. Roskakori päättää jokaisen rivin. Nuolen ympyröimänä oikeassa yläkulmassa tietojen vienti ja paluu lomakkeen muokkaukseen.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/cf8c6b29-79_2.4140ff3d8dec.jpg)

## Lähetykset

### Mihin se on

Lähetysosio antaa käyttäjiesi lähettää sinulle sisältöä sovelluksesta tekstinä, valokuvina tai videoina. Kaikki saapuu back officeesi.

Saamasi sisältö saapuu kohtaan Content › Content list › All sent in content.

Mitään ei tarvitse määrittää, ellet halua rajata hyväksyttäviä sisältötyyppejä. Siinä tapauksessa lisää **API Access** -laajennus ja muokkaa osion JSON-tiedostoa. Se on yksinkertainen toimenpide, ja vaiheittainen ohje on saatavilla back officessasi.

![Osion lisäyspaneeli, nuoli osoittaa sisällön lähetysruutua. Vasemmalla sisustussuunnittelijan sovelluksen esikatselu, valikko auki.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/3105f12b-80_2.139bfdd3f7ec.jpg)

### Kolme tapaa käyttää sitä

**Sisäinen palautelaatikko.** Dali Corpissa johto avasi tilan, jossa työntekijät voivat jättää huomionsa ja suosituksensa milloin tahansa. Saatua sisältöä ei julkaista: se analysoidaan työolojen parantamiseksi.

**Festivaalin muistot.** Piu Piu luottaa yhteisöönsä ja haluaa näyttää festivaalin todellisen tunnelman. Your Memories -osio kerää osallistujien valokuvat ja videot. Tekstin lähettäminen kytkettiin pois.

**Lukijoiden vinkit.** River Daily haluaa olla ensimmäisenä paikallisuutisissa. Avoin osio antaa lukijoiden välittää tietonsa, ja toimittajat työstävät ne ennen julkaisua.

Nuo kolme tapausta näyttävät kolme eri käytäntöä: sisältö jota ei koskaan julkaista, sisältö joka julkaistaan lähes sellaisenaan, ja sisältö joka toimii raaka-aineena toimitukselliselle työlle. Päätä kumpi on sinun tapauksesi ennen osion avaamista, koska se muuttaa sen mitä ilmoitat käyttäjillesi.

![Kaksi yrityssovelluksen näyttöä: vasemmalla valikko, jonka kohta kutsuu työntekijöitä osallistumaan; oikealla lähetysnäyttö, joka tarjoaa kolme tapaa, kuvan, videon tai tekstin, kullakin oma ohjeensa.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/272c8b98-81_2.928c8f3f0ad4.jpg)

![Sama mekanismi festivaalisovelluksessa: valikko kutsuu kävijöitä lähettämään muistojaan, ja lähetysnäyttö säilyttää kaksi tapaa, kuvan ja videon, kummankin omalla värillisellä taustallaan.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/edcf0ad9-81_3.734f68387e3e.jpg)

![Uutissovelluksessa: valikko kantaa kaksi osallistumiskohtaa, ja lähetysnäyttö kutsuu lukijoita kertomaan kaupunkinsa uutisista lähettämällä kuvan, videon tai tekstin.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/a662d910-81_4.e4a510e78f26.jpg)

### Saapuvan sisällön hallinta

Siirry kohtaan Content › Content list, vie osoitin lähetysosiosi päälle ja klikkaa linkkiä joka näyttää sen sisällön.

Hoidat julkaisun joukkona kunkin rivin oikealla puolella olevilla valintaruuduilla tai tapauskohtaisesti avaamalla kohteen. Voit siis muokata ja sitten julkaista yhdellä klikkauksella sen minkä käyttäjäsi ovat sinulle lähettäneet.

![Lähetetty sisältö back officessa: jokainen rivi kantaa lähetetyn kuvan, maininnan siitä mistä sovelluksesta se tuli, lähettäjän sähköpostiosoitteen, päivämäärän ja tilamerkin, joka kertoo sen olevan lähetetty ja odottavan hyväksyntää. Roskakori päättää jokaisen rivin.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/8d727bd0-82_2.f19c3ad8e26e.jpg)

## Tapahtumat

### Mihin se on

Tapahtumat-osio esittää sisältösi päivättyinä tapahtumina.

Luodaksesi tapahtuman valitse ensin sen päivämäärä ja kesto. ”Koko päivä” -vaihtoehto säästää sinut kellonaikavälin syöttämiseltä. Voit sitten liittää siihen osoitteen.

Editori avautuu kohdasta Content › Add › An event.

Sivu rakentuu kappaleista, joissa on tekstiä, valokuvia, videoita, sitaatteja ja upotuskoodia.

Oikean puolen paneelissa valitset näyttöosiot tai kategoriat, lisäät toimintopainikkeita (soitto, sähköposti), ulkoisen linkin ja lipunostopainikkeen.

![Osion lisäyspaneeli, nuoli osoittaa kalenteriruutua. Vasemmalla festivaalisovelluksen esikatselu ohjelmineen ja välilehtipalkkeineen.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/39b84ebb-83_2.c8e0857371c6.jpg)

![Tapahtuman muokkaus back officessa: sen otsikko, alkamis- ja päättymispäivät, ruutu koko päivälle, sitten paikka koordinaatteineen ja kartta joka paikantaa sen. Oikealla kategoria, puhelin ja sähköposti toimintopainikkeina, verkko-osoite, lipunmyynnin linkki ja listan pikkukuva.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/488b05ca-83_3.b9493dcbc582.jpg)

### Kaksi tapaa käyttää sitä

**Yrityksen sisäinen sovellus.** Dali Corp käyttää kahta Tapahtumat-osiota. Ensimmäinen viestii sisäisistä tapahtumista: työpajoista, afterworkeista, avoimien ovien päivistä. Toinen jakaa yrityksen tiekartan, jotta kaikki tuntevat määräajat ja käynnissä olevat hankkeet.

Tuo toinen käyttö on siirrettävin: tapahtumaosio ei ole varattu tapahtumille joihin osallistutaan, se palvelee myös kalenterin tekemistä näkyväksi.

Tiedoissa osoite ja reittiohjepainike näkyvät silloin kun ne ovat olennaisia.

**Festivaali.** Piu Piussa Tapahtumat on sovelluksen pääosio: se on festivaalin ohjelma.

Tiedot ovat täydelliset: osoite, päivämäärä, lipunostopainike, kuvaus, linkki artistien verkkosivustolle, soittopainike, sähköpostipainike, reittiohjepainike sekä suosikiksi merkintä ja jakaminen.

![Kaksi yrityssovelluksen näyttöä: vasemmalla tapahtumien lista, kussakin päivämäärämerkki, kuva ja kellonaika tai paikka; oikealla tapahtuman tiedot valokuvineen, paikkoineen, päivämäärineen, reittiohjepainikkeineen ja karttoineen.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/4647a8e1-84_2.e54186ae5e89.jpg)

![Konsertin tiedot festivaalisovelluksessa: valokuva, yhtyeen nimi, paikka, päivämäärä, lipunmyyntipainike, esittely, sitten neljä painiketta, verkkosivusto, puhelin, reittiohjeet ja sähköposti, ja kartta alalaidassa.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/78a7f1cb-84_3.3971b94b7fd2.jpg)

### Minkä layoutin valita

Kaksi layoutia, jotka vastaavat kahta vastakkaista asennetta.

Layout vaihdetaan kohdassa My App › Structure: avaa kyseisen osion valikko ja sitten **Edit the design**.

- **Classic**, oletus. Tapahtumat ryhmitellään päiväbannereiden alle, mukana pieni pikkukuva, kellonaika, otsikko ja paikka, useita näyttöä kohden. Se on kalenteri jota selataan päivämäärän mukaan, kun ”milloin” ja ”missä” merkitsevät enemmän kuin kuva.
- **Classic Bullet**, jokainen tapahtuma suuressa hallitsevassa pikkukuvassa päivämäärämerkin kera, yksi tai kaksi näyttöä kohden. Se on näyteikkuna, kun juuri tapahtuman juliste saa haluamaan tulla.

Valinta tiivistyy siis yhteen kysymykseen: tulevatko käyttäjäsi katsomaan ohjelmaa vai tullakseen houkutelluiksi?

**Tapahtuman tiedoissa** saat kansikuvan, otsikon, osoitteen, päivämäärät, kuvauksen, reittiohjeet ja paikan kartan.

![Kaksi kalenterilayoutin mallia nimineen: Classic, päivittäin ryhmitelty tapahtumalista, kussakin pikkukuva ja paikka; Classic Bullet, joka asettaa päivämäärät merkkeinä reunaan ja antaa jokaiselle tapahtumalle suuren kuvan.](https://portal.ww-cdn.com/portal_static/images/academy/contenu/schema-layouts-agenda.58788c0affdd.png)

## CMS ja liittimet

### Mitä CMS tuo

CMS (content management system) antaa sinun luoda ja muotoilla sisältösi back officesta julkaistavaksi. GoodBarberilla se on alustan sydän.

Luomisen lisäksi se antaa sinulle:

- **Sisällön tilan hallinnan.** Published, In stock tai Draft, ohjaamaan sitä mitä julkaiset.
- **Ajastetun julkaisun.** Asetat julkaisun päivän ja kellonajan etukäteen, millä on merkitystä erityisesti uutis- ja blogisovelluksissa.
- **Luokittelun.** Rajaton määrä kategorioita osion sisällön lajitteluun, siis ylimääräinen navigointitaso valikkoa kuormittamatta.
- **Lajittelun.** Kirjoituspäivän, aakkosten tai kommenttien määrän mukaan.
- **Keskitetyn hallinnan.** Hallintanäkymä kokoaa kaiken CMS:ssä luodun sisällön, ja suodattimilla kohteet löytyvät ja niitä käsitellään joukkona.
- **Metatietojen tarkan mukauttamisen.** Se palvelee sekä lukemiseen kannustamista että hakukoneoptimointiasi, ja säilytät hallinnan siihen miten ne näytetään.
- **Sisällön nostamisen esiin.** Etusijainen näyttö valitsemallesi sisällölle sen muokkaussivulta.
- **Designin tarkan mukauttamisen.** Jokaisen kohteen design voidaan asettaa sovelluksen yleisistä asetuksista riippumatta.

### Mitä liittimet tuovat

Jos tuotat sisältöä jo muualla, sinun ei tarvitse julkaista sitä uudelleen. Yli 30 GoodBarberin kehittämää liitintä tuo sen sovellukseesi ja muotoilee sen sovelluksen näyttöstandardien ja designin mukaiseksi.

Välimuistijärjestelmä takaa latausajat ja vakauden kuormittamatta palvelimiasi. Kuvasi skaalataan, pakataan ja tallennetaan välimuistiin GoodBarberilla.

Ratkaiseva etu on synkronointi: ulkoisessa lähteessäsi tuotettu sisältö pysyy ajan tasalla sovelluksessa, ja näyttö mukautuu puhelimeen, tablettiin, kannettavaan ja työpöytään. Sinun ei tarvitse enää koskaan julkaista kahdesti.

### Liittimien lista

Jokainen liitin syöttää tiettyä sisältötyyppiä, ja tuotu sisältö käyttäytyy sen jälkeen kuin se olisi luotu CMS:ssä.

**Artikkelit**: WordPress, Squarespace, Wix, Medium, Substack, X, RSS

**Valokuvat**: Flickr

**Videot**: YouTube, Vimeo, RSS

**Ääni ja podcastit**: Ausha, Spreaker, Simplecast, Spotify for Podcasters, podcast-syöte, RSS

**Tapahtumat**: iCal ja vCalendar, RSS

**Kartat**: KML, RSS

**Omat liittimet.** Jos lähdettäsi ei ole katettu, tuotat syötteen kohdesisältötyypin odottamassa muodossa ja ilmoitat sen osoitteen. Räätälöity työ rajoittuu syötteen tuottamiseen: näyttö, layoutit, haku ja metatiedot pysyvät alustan vastuulla. Yksityiskohtainen dokumentaatio kuvaa odotetun muodon.

Mikään ei pakota valitsemaan näiden kahden väliltä: voit sekoittaa samassa sovelluksessa CMS:ssä luotua sisäistä sisältöä ja liittimien tuomaa ulkoista sisältöä.