Silverstripe CMS:n esikatselu

Tiivistelmä

Verkkosivun muokkausnäkymä ei aina kerro, miltä valmis sisältö näyttää kävijälle. Otsikko voi jakautua usealle riville, kuva rajautua odottamattomasti tai pitkä tekstikappale tehdä sivusta raskaan lukea. Silverstripe…

Esikatselussa tarkastelet sisältöä sivuston ulkoasussa. Näet, miten tekstit, kuvat ja muut osat toimivat yhdessä, ja voit korjata havaittuja ongelmia ennen muutosten tuomista kävijöiden nähtäville.

Hyödyllisintä esikatselu on silloin, kun siitä tehdään tavallinen osa sisällöntuotantoa. Pieni tarkistuskierros jokaisen merkittävän muutoksen jälkeen vähentää kiireessä tehtäviä korjauksia ja auttaa pitämään sivuston selkeänä.

Mitä esikatselu tarkoittaa Silverstripessä?

Silverstripen esikatselu näyttää sivun sen esitysmuodossa, jolloin sisältöä voi arvioida muokkauskenttien ulkopuolella. Hallintapaneelissa käytettävissä ovat Preview- ja Split-näkymät sekä tavallisilla sivuilla luonnoksen ja julkaistun version valinta. Silverstripen esikatseluohje

Esikatselu auttaa vastaamaan käytännöllisiin kysymyksiin. Erottuuko tärkein viesti? Onko kuva oikeassa kohdassa? Löytääkö lukija seuraavan toiminnon ilman pitkää etsimistä?

Ajattele esikatselua toimituksellisena tarkistuksena. Muokkausvaiheessa huomio kohdistuu helposti yksittäiseen lauseeseen tai kenttään, mutta valmiissa näkymässä arvioidaan kokonaisuutta.

Esimerkiksi uusi ingressi voi olla kielellisesti onnistunut ja silti liian pitkä sivun aloitukseen. Tällaisen ongelman huomaa usein vasta, kun teksti näkyy yhdessä pääotsikon ja kuvan kanssa.

Luonnos ja julkaistu sisältö ovat eri vaiheita

Silverstripessä sivun luonnos voi poiketa julkaistusta sisällöstä. Tavallisen sivun tallennetut muokkaukset valmistellaan luonnoksessa, ja julkaiseminen siirtää valmiin version kävijöiden nähtäville. Silverstripen versioinnin toimintaperiaate

Tämä mahdollistaa esimerkiksi palvelusivun uudistamisen samalla, kun aiempi versio pysyy käytössä. Uudet tekstit voidaan viimeistellä rauhassa ennen julkaisua.

Tarkista aina, kumpaa versiota olet katsomassa. Jos esikatselu näyttää vanhaa otsikkoa, syynä voi olla julkaistun version valinta.

Kaikki sivuston tiedot eivät välttämättä noudata samaa luonnos- ja julkaisumallia. Mukautetut toiminnot ja ulkoisista palveluista tulevat tiedot on arvioitava niiden oman toteutuksen mukaan. Älä siis päättele yhden sivun käyttäytymisestä, että kaikki hallintapaneelissa tehtävät muutokset odottaisivat julkaisua.

Näin avaat esikatselun

Avaa muokattava sivu Sivut-osiosta ja tee haluamasi muutokset. Tallenna työ ennen tarkistamista.

Paina Save eli Tallenna.
Avaa näkymän valinta, englanniksi Edit mode.
Valitse Preview mode.
Valitse tarvittaessa Draft tarkastellaksesi luonnosta.
Käy sivu läpi ja palaa muokkaamaan korjattavia kohtia.

Published-valinnalla voit tarkastella julkaistua sisältöä. Käyttöliittymän suomennokset ja näkymien saatavuus voivat vaihdella sivuston toteutuksen mukaan. Esikatselun avaaminen

Tee tarkistus alusta loppuun. Pelkkä muuttamasi kohdan katsominen voi jättää huomaamatta, että uusi sisältö toistaa alempana olevan asian tai siirtää tärkeän toimintopainikkeen turhan kauas.

Hyödynnä jaettua näkymää muokkauksen aikana

Split mode näyttää muokkauksen ja esikatselun rinnakkain. Se sopii tilanteisiin, joissa haluat tarkastella muutosten vaikutusta työn aikana. Tallenna muokkaukset, jotta tarkastelet ajantasaista sisältöä. Silverstripen jaettu näkymä

Jaettu näkymä on hyödyllinen esimerkiksi otsikoiden, lyhyiden tekstien ja kuvan sijoittelun viimeistelyssä. Voit edetä pienin muutoksin ja arvioida jokaisen vaikutusta.

Huomioi kuitenkin esikatselualueen leveys. Kapeassa paneelissa teksti voi rivittyä eri tavalla kuin koko selainikkunan levyisessä näkymässä.

Jos jokin näyttää ahtaalta, tarkista se myös suuremmassa näkymässä ennen sisällön muuttamista. Muuten saatat lyhentää toimivaa otsikkoa vain hallintapaneelin käytettävissä olevan tilan vuoksi.

Tarkista tekstin luettavuus ja eteneminen

Lue sivu kuin olisit saapunut siihen ensimmäistä kertaa. Selviääkö aloituksesta, mitä sivu käsittelee ja miksi sisältö on hyödyllinen?

Kiinnitä huomiota erityisesti seuraaviin asioihin:

Pääotsikko vastaa sivun sisältöä.
Väliotsikot auttavat löytämään olennaiset kohdat.
Kappaleet eivät muodosta pitkiä tekstiseiniä.
Luettelot helpottavat tiedon hahmottamista.
Sama asia ei toistu tarpeettomasti.
Lopusta löytyy tarkoituksenmukainen jatko.

Palvelusivulla jatko voi olla yhteydenotto. Ohjeartikkelissa se voi olla seuraava työvaihe tai linkki tarkempaan opastukseen.

Tarkista myös korostusten määrä. Jos lähes jokainen lause on lihavoitu, tärkeimmät asiat eivät enää erotu. Esikatselu auttaa huomaamaan tällaisen visuaalisen epätasapainon.

Katso kuvat osana sivun kokonaisuutta

Kuva voi näyttää tiedostonhallinnassa hyvältä mutta toimia huonosti sivun sisältöalueella. Esikatselussa kannattaa tarkistaa sekä kuvan rajaus että sen suhde ympäröivään tekstiin.

Varmista, että olennainen kohde näkyy kokonaan. Jos kuvassa on tekstiä, tarkista sen luettavuus myös pienemmässä koossa.

Käy läpi ainakin nämä kohdat:

Kuva liittyy sen vieressä olevaan sisältöön.
Rajaus ei peitä tärkeää yksityiskohtaa.
Kuvateksti vastaa kuvaa.
Kuva ei veny väärään mittasuhteeseen.
Kuvan ja tekstin väliin jää sopivasti tilaa.

Vaihtoehtoinen teksti tarkistetaan lisäksi kuvan asetuksista, sillä sitä ei yleensä näe tavallisessa esikatselussa. Visuaalisesti onnistunut kuva ei siis yksin tarkoita, että sen kaikki tiedot ovat kunnossa.

Kokeile linkkejä ja toimintopainikkeita

Linkkitekstin ulkoasu ei osoita, että kohde olisi oikea. Avaa tärkeät linkit ja varmista, että ne johtavat tarkoitettuun sisältöön.

Tarkista erityisesti uusitut palvelusivut, ladattavat tiedostot ja yhteydenottopainikkeet. Vanha hinnasto voi avautua virheettömästi, vaikka se olisi sisällöltään väärä.

Arvioi samalla linkin sanamuotoa. ”Tutustu huoltopalveluihin” kertoo määränpäästä enemmän kuin irrallinen ”Lue lisää”.

Esikatselu ei ole eristetty testiympäristö. Lomakkeen lähettäminen tai ulkoisen toiminnon käyttäminen voi aiheuttaa oikean tapahtuman. Jos tarkistat lähetyksiä, käytä sovittuja testitietoja ja vastaanottajia.

Pelkkä lomakkeen näkyminen riittää ulkoasun arviointiin, mutta sen toimintakunnon varmistaminen edellyttää erillistä kokeilua.

Huomioi sisältölohkojen julkaisutilat

Jos sivustolla käytetään Elemental-sisältölohkoja, tarkista myös yksittäisten lohkojen tila. Lohkoja voidaan hallita erikseen, ja samalla sivulla voi olla sekä julkaistua sisältöä että keskeneräisiä muutoksia. Silverstripen sisältölohkojen tallentaminen ja julkaiseminen

Esimerkiksi palvelusivun esittely voi olla valmis, mutta uusi kampanjalohko odottaa vielä hyväksyntää. Ennen julkaisemista täytyy tietää, mitkä osat on tarkoitus tuoda näkyviin.

Tarkista kokonaisuudesta myös järjestys. Irrallaan toimiva lohko voi tuntua väärältä, jos se katkaisee ohjeen keskeltä tai toistaa edeltävän osion.

Jos useampi henkilö muokkaa samaa sivua, sovi viimeisestä tarkistuksesta. Yhden ylläpitäjän valmis työ ei välttämättä tarkoita, että kaikki sivun muutokset olisivat julkaisuvalmiita.

Avaa tarvittaessa luonnos erilliseen ikkunaan

Silverstripen ohjeen mukaan sivun osoiteosan napsauttaminen hallintapaneelissa avaa luonnoksen erilliseen ikkunaan. Osoitteessa käytettävä stage=Stage kertoo luonnosnäkymästä. Luonnoksen tarkastelu selaimessa

Erillinen ikkuna helpottaa pitkän sivun lukemista ja koko sisältöalueen arviointia. Voit myös tarkastella, miten sivu käyttäytyy eri levyisissä ikkunoissa.

Älä käytä luonnososoitetta tavallisena julkisena linkkinä. Luonnoksen näkeminen voi edellyttää asianmukaisia käyttöoikeuksia, joten linkin lähettäminen ei yksin takaa, että vastaanottaja pääsee tarkistamaan sisällön.

Kun pyydät kommentteja toiselta henkilöltä, kerro tarkasti, mitä haluat hänen arvioivan: tietojen oikeellisuutta, tekstin ymmärrettävyyttä vai ulkoasua.

Jos esikatselu näyttää väärää sisältöä

Aloita ongelman selvittäminen yksinkertaisista tarkistuksista. Varmista oikea sivu, tallenna muutokset ja tarkista valittu sisältötila. Päivitä sitten esikatselu.

Jos muokkaamasi teksti ei edelleenkään muutu, selvitä, mistä näkyvä sisältö tulee. Se saattaa olla erillisessä lohkossa, sivuston yhteisissä asetuksissa tai toisesta tietolähteestä muodostuvassa listauksessa.

Välimuisti voi myös vaikuttaa näkymään, mutta sitä ei kannata olettaa syyksi ennen perustarkistuksia.

Kirjaa ylläpitäjälle sivun nimi, tekemäsi muutos ja se, missä näkymässä ongelma esiintyy. Kuvakaappaus auttaa erityisesti silloin, kun kyse on rajauksesta, sijoittelusta tai puuttuvasta sisältöosasta.

Julkaise tarkistettu kokonaisuus

Kun sisältö on valmis, tallenna viimeiset korjaukset ja tee vielä lyhyt tarkistuskierros. Varmista olennaiset faktat, kuvat, linkit ja julkaistavat sisältöosat.

Julkaisemisen jälkeen avaa sivun tavallinen osoite ilman luonnosparametria, mielellään yksityisessä selainikkunassa. Näin tarkistat myös kirjautumattoman kävijän näkymän.

Esikatselu toimii parhaiten säännöllisenä työtapana: muokkaa, tallenna, tarkista ja julkaise. Kun kierros kuuluu jokaiseen merkittävään sisältöpäivitykseen, virheet löytyvät aikaisemmin ja julkaiseminen muuttuu ennakoitavammaksi.

Liittyvät kategoriat

Artikkeleita 2 008 artikkelia IT 1 934 artikkelia Kotisivut 1 189 artikkelia Nettisivut 1 190 artikkelia Silverstripe CMS 23 artikkelia Verkkokehitys 1 249 artikkelia Verkkosivut 1 389 artikkelia Verkkotyökalu 1 161 artikkelia