VIPsite ei ole erillisohjelmisto, vaan osa sisällönhallintapalvelua asiakkaille.
Palaute ja kehittämisehdotukset ovat tervetulleita!
Veikko Perttula
Visiopaja Oy
veikko.perttula@visiopaja.fi
¤040|0 |Ohjeen käyttö|
Huomaa, että tämä ohjeteksti on erillisessä selainikkunassa, joten jos klikkaat tämän ohjeikkunan ulkopuolelle, tämä ikkuna jää aktiivisen ikkunan taakse. Jos haluat sulkea tämän ohjeikkunan, klikkaa selainikkunan oikean ylänurkan rastipainiketta (ikkunan sulkeminen).
Ohje on suunniteltu tavallisimpiin käyttötilanteisiin, ja esimerkiksi harvinaisemmilla päätelaitteilla tai käyttöjärjestelmillä jotkin ohjeet eivät suoraan sovellu. Tästä esimerkkinä selainikkunan sulkeminen: esimerkiksi Mac-käyttöjärjestelmissä ikkunan sulkemistapa poikkeaa tässä ohjeessa esitetystä. ¤070|0 |Hallintapaneeli| Ylläpitokäyttäjän kirjautumisen jälkeen selainikkunan oikeaan alanurkkaan avautuu hallintapaneeli. Hallintapaneelin otsikkona on sisällönhallintajärjestelmän versiotieto (VIPsite ##). Hallintapaneelin oikeassa ylänurkassa on ohjepainike (kysymysmerkki), jolla saa nämä ohjeet esille.
Hallintapaneelin vasemmassa ylänurkassa on painike, jolla hallintapaneelia voi siirtää näytöllä, jos tuntuu että se on tiellä.
Hallintapaneelin ylin painike Sulje hallinta sulkee hallintapaneelin.
Hallinta sulkeutuu automaattisesti tietyn ajan kuluttua, jos hallittavaa sivustoa ei ole käytetty. ¤110|2|Sivun muokkaaminen, yleistä| Siirry ensin sivulle jota haluat muokata. Klikkaa sitten hallintapaneelista painiketta Muokkaa sivua. Juuri luotu sivu voi olla täysin tyhjä, muokkaustoiminnolla sivulle voi lisätä sisältöä.
Jos haluat perua muokkaamisen, klikkaa linkkiä Peruuta ilman muutoksia.
Normaalisti käytössä on ns. wysiwyg-editori, eli työkalu jolla voit muokata sivun sisältöä likimain ulkoasultaan lopullisessa muodossa, hiukan kuin tavallisella tekstinkäsittelyohjelmalla. Sen käyttöön on eri ohjesivu.
Muokkaamisen jälkeen painetaan Tallenna muutokset -painiketta jonka jälkeen palaudutaan automaattisesti alkutilanteeseen. Painike löytyy sekä muokkauslomakkeen ylä- että alapuolelta.
Sivun poistamiseen on työkalupainike muokkausikkunan alareunassa. ¤140|1|Sivun muokkaustyökalu| Muokatessasi sivua käytössäsi on yleensä muokkaustyökalu, joka mahdollistaa sivun muokkaamisen ilman ohjelmointitaitoja. Työkalun pikapainikkeet toimivat kutakuinkin samalla tavalla kuin tavallisessa tekstinkäsittelyohjelmassa (vaikkapa Word tai Open Office). Muokkaustyökalun käyttö vaatii tekstinkäsittelyn perustaidot.
Muokkaustyökalulla voit tehdä mm seuraavia asioita (lueteltu tässä jotakuinkin oletusarvoisten pikapainikkeiden järjestyksen mukaisesti):
Toiminnot saattavat vaihdella sivustokohtaisesti: hallintatyökalu räätälöidään tarpeen mukaan. ¤160|1|Linkki ulkoiselle nettisivulle| Kun muokkaustyökalu on avoinna, voit luoda linkin ulkoiselle nettisivulle. Kirjoita ensin linkiksi tuleva teksti ja valitse se aktiiviseksi, esimerkiksi hiirellä vetämällä. Klikkaa sen jälkeen muokkaustyökalun Lisää linkki / muokkaa linkkiä -painiketta, se on yleensä ylimmän painikerivin vasen painike.
Avautuu pieni ikkuna, jossa linkki luodaan. Ikkunassa on tässä vaiheessa tarpeettomiakin ominaisuuksia, keskitytään vain välilehden Linkin tiedot sisältämiin lomaketoimintoihin.
Yksinkertaisimmillaan riittää, että kirjoitat Osoite-kenttään osoitteen, jonne tekemästäsi linkistä tulisi päästä siirtymään. Siis vaikka www.visiopaja.fi/tiedotteet.php ja sitten vain klikkaat alareunan OK-painiketta. Nettiosoitteissa tyypillisesti oleva http:// -protokollan määritys on jo oletuksena oikein. ¤170|1|Linkki oman sivuston toiselle sivulle| Kun muokkaustyökalu on avoinna, voit luoda linkin toiselle sivustosi sivulle. Kirjoita ensin linkiksi tuleva teksti ja valitse se aktiiviseksi, esimerkiksi hiirellä vetämällä. Klikkaa sen jälkeen muokkaustyökalun Lisää linkki / muokkaa linkkiä -painiketta, se on yleensä ylimmän painikerivin vasen painike.
Avautuu pieni ikkuna, jossa linkki luodaan. Ikkunassa on tässä vaiheessa tarpeettomiakin ominaisuuksia, keskitytään vain välilehden Linkin tiedot sisältämiin lomaketoimintoihin.
Jos sivu jonne haluat luoda linkin on esimerkiksi www.sinunjutut.fi/yhteys.php niin riittää, että kirjoitat Osoite-kenttään /yhteys.php ja klikkaat alareunan OK-painiketta.
Huomaa, että kun aloitat osoitteen /-merkillä, järjestelmä tajuaa että haluat luoda linkin oman sivuston tiedostoon ja vaihtaa samalla protokollamäärityksen tähän tarkoitukseen sopivaksi. Voit myös valita sen itse Protokolla-vaihtoehdoista: käytä muu -valintaa. ¤190|1|Linkin korjaaminen| Joskus linkitetty osoite on väärä tai tulee virhe linkin teossa. Voit muokata jo tehtyä linkkiä valitsemalla linkkiteksti ja klikkaamalla samaa tuttua Lisää linkki -painiketta. Silloin avautuu linkkityökalu niillä asetuksilla joilla linkki on aiemmin tehty. Tee tarvittavat korjaukset ja klikkaa OK-painiketta. ¤200|1|Kuvan lisääminen| Kuvan tulisi olla valmiina omalla koneellasi tai tuotuna aiemmin sivuston kuvahakemistoon.
Kun muokkaustyökalu on avoinna, voit lisätä kuvan senhetkiseen kohtaan sivua käyttämällä muokkausikkunan yläreunassa olevaa Lisää kuva -painiketta.
Avautuu apuikkuna (Kuvan ominaisuudet), joka antaa sinulle mahdollisuuden kirjoittaa suoraan kuvan osoite esimerkiksi jollain toisella sivustolla. Tätä tapaa ei tässä käsitellä tarkemmin, vaan jatketaan etsimään kuvaa oman sivuston kuvahakemistosta: klikkaa Selaa palvelinta -painiketta, jolloin avautuu vielä toinen ikkuna jolla hallitaan sivustolle tuotuja tai tuotavia kuvia.
Esille tulee tiedostohallintatyökalu, joka tätä kirjoitettaessa on valitettavasti englanninkielinen. Vasemmassa ylänurkassa on valittavissa myös muita kuin kuvatiedostoja, mutta siihen ei nyt puututa. Kuvat kannattaa kansioida, eli ryhmitellä jonkin järkevän aihealuejaon perusteella. Kuvia ei toistaiseksi voi poistaa eikä siirtää eri kansioihin, joten ryhmittely kannattaa miettiä etukäteen.
Voit luoda uuden kansion alareunan painikkeella Create New Folder. Kirjoita kansion nimi avautuvaan ikkunaan ja hyväksy. Kansion kuvake ilmestyy pääluettelon ikkunaan. Kansioita voi selata klikkailemalla. Kun olet valinnut uudelle kuvalle oikean kansion, klikkaa Selaa-painiketta jolloin yhteys otetaan omalle tietokoneellesi ja voit tutulla tiedostonselaustoiminnolla valita kuvan jonka haluat siirtää sivustollesi klikkaamalla valinnan jälkeen Avaa-painiketta. Kuvan sijainti omalla koneellasi tulee valintaikkunaan näkyville, ja vielä pitää klikata oikean alareunan Upload-painiketta. Odota hetki, niin kuva siirtyy palvelimelle, kuvakansioon jonka olet avannut kuvaa varten.
Voit klikata uutta kuvaa tai jo aiemmin tuotua kuvaa, jolloin tiedostohallintaikkuna sulkeutuu ja palataan kuvan lisäykseen tarkoitettuun pienempään ikkunaan (Kuvan ominaisuudet). Ikkunassa näkyy kuvan osoite palvelimella ja muutama säätömahdollisuus. Yksinkertaisimmillaan hyväksyt vain OK-painikkeella ja kuva näkyy nyt muokkausikkunassa. Kun vielä klikkaat Tallenna muutokset -painiketta, kuva on tuotu sivustolle.
Voit säätää kuvan sijaintia ja kokoa Kuvan ominaisuudet -ikkunassa joko tuontivaiheessa, tai valitsemalla kuva muokkaustyökalussa ja klikkaamalla sen jälkeen Kuvan ominaisuudet -painiketta. Kokoa ei yleensä kannattaisi muuttaa tässä, vaan kuvan koko olisi hyvä säätää oikeaksi jo omalla tietokoneella. Kohdistus-valinnalla saat kuvan sijoitettua esimerkiksi vasemmalle siten että teksti kiertää sen oikealta puolelta (jos on tilaa), tai päinvastoin. Kokeile.
Voit poistaa kuvan muokkaustilassa valitsemalla kuvan ja klikkaamalla näppäimistön delete-näppäintä. ¤210|3|Valikon muokkaaminen| Valikkoa muokataan valitsemalla hallintapaneelista kohta Muokkaa valikkoa. Valikon muokkauslomakkeella on taulu jossa näkyy nykyiset sivut. Alin rivi on uutta sivua / valikkoriviä varten. Muokkauslomakkeella pystyy tekemään useita muutoksia yhdellä kertaa. Muutokset tallennetaan klikkaamalla Tallenna valikkomuutokset -painiketta. Mikäli haluat keskeyttää muokkaamisen, klikkaa linkkiä Peruuta ilman muutoksia.
Taulun vasen sarake on valikkotasoja varten. 1 tarkoittaa ylintä valikkotasoa, ja 2 sen alasivua. Kaikille sivuille määritellään valikkotaso, vaikka sivustolla ei käytettäisi valikkoa lainkaan tai valikossa olisi esimerkiksi vain tason 1 sivuja.
Filerunko tarkoittaa haluttua sivun nimeä ilman .php päätettä. Esimerkiksi yhteys.php sivun filerunko on yhteys
Valikkonimi kertoo millaisena sivun nimi näkyy valikossa.
Piilo-kenttä piilottaa ko. sivun valikosta.
Seuraavat kaksi saraketta ovat sivujen järjestelyä varten. Kun valitset siirto mistä, sillä rivillä oleva sivu saa uuden paikan valikossa, riippuen siitä minkä valitset sarakkeessa siirto minkä ylle. Uusi sijainti tulee em. merkinnän kohdalla olleen rivin yläpuolelle.
Kun uusi sivu on luotu valikkotyökalulla, sitä voidaan muokata vaikka sivu olisikin merkattu piilotettavaksi valikosta. Sivun poistamiseen löytyy painike sivun muokkauksen näkymästä, sen alareunasta. ¤880|0|Järjestelmän kehittäminen| Sisällönhallintajärjestelmä VIPsite kehittyy edelleen. Suunnitteilla olevia kehitysaskelia / uusia toimintoja: