Ensimmäisen sivun luominen ja julkaiseminen Silverstripessä

Ensimmäisen sisältösivun tekeminen on hyvä tapa tutustua Silverstripe CMS:n käytännön toimintaan. Samalla opit valitsemaan sivulle paikan, kirjoittamaan sisältöä, lisäämään kuvan ja tarkistamaan lopputuloksen ennen julkaisemista.

Tässä oppaassa luodaan yksinkertainen ”Tietoa meistä” -sivu. Esimerkkiä voi soveltaa myös palvelukuvaukseen, yhdistyksen esittelyyn tai harrastussivuston perustietoihin. Tarvitset toimivan Silverstripe-sivuston ja käyttäjätunnuksen, jolla on oikeus luoda sisältöä. Julkaiseminen voi edellyttää erillistä käyttöoikeutta.

Silverstripe-toteutukset eroavat toisistaan. Kenttien nimet, sivutyypit ja painikkeiden sijainnit voivat vaihdella ohjelmistoversion, kielen ja sivustolle tehtyjen mukautusten mukaan. Etene oman hallintanäkymäsi ja sivustokohtaisten ohjeiden perusteella.

Suunnittele sivun tarkoitus ennen aloittamista

Päätä ensin, mitä kävijän pitäisi saada sivulta selville. ”Tietoa meistä” -sivulla tavoite voisi olla kertoa, kuka toimintaa järjestää, mitä tehdään ja miten yhteydenotto onnistuu.

Kirjoita valmiiksi muutama perustieto:

• Sivun kuvaava otsikko.
• Lyhyt esittely ensimmäiseksi kappaleeksi.
• Kaksi tai kolme tärkeintä sisältöaihetta.
• Mahdollinen kuva.
• Linkki yhteystietoihin tai seuraavaan toimintoon.

Pieni suunnitelma helpottaa kirjoittamista ja pitää sisällön rajattuna. Ensimmäiselle sivulle ei tarvitse mahduttaa koko organisaation historiaa.

Mieti myös tiedon ylläpitoa. Jos yhteystiedot löytyvät jo omalta sivultaan, niihin linkittäminen voi olla parempi ratkaisu kuin saman sisällön kopioiminen useaan paikkaan.

Avaa sivujen hallinta

Kirjaudu Silverstripen hallintapaneeliin ylläpitäjältä saamallasi osoitteella. Hallinta sijaitsee tavallisesti sivuston osoitteen alla polussa /admin.

Valitse päävalikosta Pages, jonka suomenkielinen vastine voi olla Sivut. Näkymässä näkyy sivupuu eli sivuston sisältöjen hierarkia.

Tutki rakennetta ennen lisäämistä. Onko esittelylle jo olemassa sopiva sivu? Jos on, sen päivittäminen voi olla uuden sivun luomista tarkoituksenmukaisempaa.

Sivupuusta näet myös, mitkä sisällöt ovat pääsivuja ja mitkä niiden alasivuja. Silverstripen sivujen hallinta tarjoaa toimintoja sisällön lisäämiseen, järjestämiseen ja etsimiseen. Silverstripen sivujen hallinta.

Valitse uuden sivun paikka

Aloita luominen Add new -painikkeella tai oman hallintasi vastaavalla toiminnolla. Valitse seuraavaksi, mihin kohtaan sivustoa uusi sivu sijoitetaan.

Tavallisia vaihtoehtoja ovat:

• Top Level: sivuston päätaso.
• Under another page: olemassa olevan sivun alle sijoitettava alasivu.

Esimerkin ”Tietoa meistä” voi sijoittaa päätasolle, jos se on sivuston keskeinen osio. Jos sivustolla on jo Yritys-pääsivu, uusi esittely voi kuulua sen alle.

Sijainti vaikuttaa sivuston rakenteeseen ja usein myös navigaatioon sekä osoitepolkuun. Valitse paikka kävijän näkökulmasta: mistä hän luontevimmin etsisi kyseistä tietoa?

Sivua voidaan siirtää myöhemmin, mutta oikean paikan valitseminen heti vähentää korjaustarvetta. Uuden sivun luomisohje.

Valitse tarkoitukseen sopiva sivutyyppi

Sivutyyppi määrää, millaisia sisältökenttiä ja toimintoja sivulla on. Tavalliseen esittelyyn sopii usein yleinen Page-tyyppi tai sivustolle rakennettu vastaava sisältösivu.

Sivustolla voi olla erillisiä tyyppejä esimerkiksi uutisille, tapahtumille ja palveluille. Valitse niitä vain kyseiseen käyttötarkoitukseen.

Tavallisen sisältösivun tekemiseen ei yleensä käytetä uudelleenohjaussivua tai virhesivua. Ne palvelevat muita tehtäviä.

Kun sijainti ja tyyppi ovat oikein, paina Create. Uuden sivun muokkausnäkymä avautuu, ja pääset täyttämään sisältöä. Käytettävissä olevat sivutyypit riippuvat projektin toteutuksesta. Silverstripen sivutyypit.

Kirjoita otsikko ja tarkista osoite

Anna sivulle otsikoksi ”Tietoa meistä”. Tarkista sen jälkeen mahdollinen erillinen valikkoteksti sekä sivun osoitteen loppuosa.

Näillä kentillä on eri tarkoitukset:

• Otsikko kertoo sivun aiheen.
• Valikkoteksti auttaa liikkumaan sivustolla.
• Osoitteen loppuosa muodostaa osan sivun verkko-osoitteesta.

Esittelysivulle sopiva osoitteen loppuosa voisi olla tietoa-meista. Silverstripe voi ehdottaa otsikosta muodostettua arvoa, mutta tarkista se ennen julkaisemista.

Pidä osoite lyhyenä ja aiheeseen liittyvänä. Vältä harjoitusnimiä, kuten uusi-sivu-2, jos sisältö on tarkoitettu pysyvään käyttöön.

Päätä osoite mahdollisimman varhain. Julkaisemisen jälkeen sen vaihtaminen voi edellyttää uudelleenohjausta, jotta aikaisemmin jaetut linkit säilyvät toimivina.

Lisää teksti helposti luettavaan muotoon

Aloita lyhyellä esittelyllä, joka vastaa kävijän tärkeimpään kysymykseen. Kuvitteellisen harrastusyhdistyksen sivulla ensimmäinen kappale voisi olla seuraava:

Olemme paikallinen retkeily-yhdistys, joka järjestää yhteisiä luontoretkiä ja ulkoilutapahtumia. Toimintaan voivat osallistua sekä uudet harrastajat että kokeneemmat retkeilijät.

Jatka tämän jälkeen esimerkiksi väliotsikoilla ”Mitä teemme?” ja ”Näin pääset mukaan”.

Käytä editorin varsinaisia otsikkotyylejä. Jos sivupohja näyttää sivun pääotsikon automaattisesti, sitä ei tarvitse toistaa tekstialueella toisena pääotsikkona.

Pidä kappaleet kohtuullisen lyhyinä ja käytä luetteloa silloin, kun esittelet rinnakkaisia asioita. Vältä tekstin asemointia toistuvilla välilyönneillä tai tyhjillä riveillä.

Jos liität tekstin toisesta ohjelmasta, tarkista mukana tulleet muotoilut. Silverstripen verkkosisällön ohjeet.

Lisää sisältöä tukeva kuva

Valitse kuva, joka auttaa ymmärtämään sivun aihetta. Yhdistyksen esittelyssä yhteinen retkikuva voi kertoa toiminnasta enemmän kuin yleinen koristekuva.

Jos sivulla on tavallinen tekstieditori, sijoita kohdistin haluamaasi kohtaan ja avaa kuvien lisäämistoiminto, kuten Insert from Files. Valitse olemassa oleva kuva tai lataa uusi tiedosto.

Joissakin toteutuksissa pääkuvalle on oma kenttä. Käytä silloin sitä sivuston ohjeiden mukaisesti.

Tarkista ennen lisäämistä:

• Kuvan käyttöoikeus.
• Tiedoston järkevä koko.
• Kuvasuhteen sopivuus.
• Vaihtoehtoinen teksti.
• Mahdollinen kuvateksti.

Sisältökuvan vaihtoehtoisen tekstin pitäisi kuvata sen merkitystä tässä yhteydessä. Esimerkiksi ”Retkeilijät tauolla järvenrantalaavulla” on hyödyllisempi kuin ”kuva1”. Kuvien lisääminen Silverstripessä.

Ohjaa lukija seuraavaan vaiheeseen

Hyvä esittelysivu kertoo myös, mitä kiinnostunut kävijä voi tehdä seuraavaksi. Lisää loppuun esimerkiksi linkki yhteystietoihin, tapahtumiin tai jäsenyyden esittelyyn.

Kirjoita linkille kuvaava teksti. ”Tutustu tuleviin retkiin” kertoo kohteesta enemmän kuin ”Klikkaa tästä”.

Valitse sisäinen sivukohde editorin linkkityökalulla, jos sivustosi toteutus tarjoaa siihen mahdollisuuden. Ulkoista osoitetta käyttäessäsi tarkista, että linkki johtaa oikeaan palveluun.

Älä lisää useita keskenään kilpailevia toimintakehotuksia ilman tarvetta. Ensimmäiselle sivulle riittää usein yksi selkeä jatkopolku.

Jos liität ladattavan asiakirjan, kerro linkkitekstissä myös tiedostotyyppi. Lukija osaa silloin odottaa esimerkiksi PDF-tiedoston avautumista.

Tallenna luonnos ja avaa esikatselu

Tallenna sisältö ennen esikatselua Save-toiminnolla. Tallentaminen ja julkaiseminen ovat eri vaiheita: luonnoksen tallennus ei tavallisesti tuo uuden sivun sisältöä julkisesti näkyviin.

Avaa Preview-näkymä tai jaettu Split mode, jossa muokkaus ja esikatselu näkyvät rinnakkain. Tarkista, että katselet luonnosta etkä julkaistua versiota. Silverstripen esikatseluohje.

Lue sivu kävijän näkökulmasta. Selviääkö tarkoitus ensimmäisestä kappaleesta? Eteneekö sisältö loogisesti? Näkyykö kuva kokonaisena?

Korjaa havaitut ongelmat ja tallenna uudelleen. Jos esikatselu ei näytä muutosta, varmista tallennuksen onnistuminen ennen kuin alat kirjoittaa samaa sisältöä uudestaan.

Tarkista näkyvyys ja julkaise sivu

Ennen julkaisemista tarkista sivun asetuksista, kuuluuko sen näkyä valikossa. Valikosta piilottaminen ei estä sivun avaamista suoralla osoitteella, joten sitä ei pidä käyttää yksityisyyden suojaamiseen. Silverstripen näkyvyysasetukset.

Käy vielä läpi tärkeimmät asiat:

• Otsikko ja osoite ovat oikein.
• Teksti on valmis.
• Linkit johtavat oikeisiin kohteisiin.
• Kuva ja vaihtoehtoinen teksti sopivat sisältöön.
• Sivun paikka on tarkoituksenmukainen.
• Esimerkkitekstit on poistettu.

Valitse tämän jälkeen Publish tai Save & publish oman hallintanäkymäsi mukaisesti.

Jos julkaiseminen ei ole mahdollista, tarkista ilmoitukset ja käyttöoikeudet. Sivustolla voi olla hyväksyntäkäytäntö, jossa toinen henkilö julkaisee valmistellun sisällön.

Tarkista julkaistu sivu tavallisena kävijänä

Avaa julkinen osoite uloskirjautuneessa selainikkunassa. Älä käytä tähän luonnoksen esikatselulinkkiä.

Tarkista sivun löytyminen navigaatiosta sekä tekstien, kuvan ja linkkien toiminta. Kokeile myös puhelimella, ettei sisältö aiheuta sivuttaista vieritystä tai hankalasti luettavia rivejä.

Jos kuva näkyy hallinnassa mutta ei kävijälle, tarkista tiedoston julkaisutila ja katseluoikeudet. Sivun ja sen käyttämän tiedoston näkyvyys voivat vaatia erillistä tarkastamista. Silverstripen tiedosto-ohje.

Julkaisu on onnistunut vasta, kun tarkoitettu sisältö toimii oikeassa julkisessa näkymässä. Pelkkä hallinnan onnistumisilmoitus ei korvaa tätä viimeistä tarkistusta.

Päivitä sivua hallitusti myös jatkossa

Kun sisältö myöhemmin muuttuu, avaa sama sivu ja päivitä tarvittavat kohdat. Tallenna, esikatsele ja julkaise muutos samalla tavalla kuin ensimmäisellä kerralla.

Jos sivu pitää ottaa pois näkyvistä, Unpublish säilyttää sen luonnoksena mutta poistaa julkaistun version käytöstä. Tämä on eri toiminto kuin sivun piilottaminen valikosta. Julkaisun peruuttaminen.

Sovi lopuksi, kuka vastaa sisällön ajantasaisuudesta. Esittelysivu kannattaa tarkistaa uudelleen esimerkiksi toiminnan, yhteystietojen tai osallistumisohjeiden muuttuessa.

Ensimmäisen sivun avulla opittu työnkulku toimii pohjana seuraaville sisällöille: valitse oikea paikka, kirjoita selkeästi, tarkista luonnos ja varmista julkaistu lopputulos.