Yhdistysavaimen ulkoasuohjeistus Jyty-liiton yhdistyksille 27.5.2015
Yleistä Tämä on Jytyliiton yhdistyksille laadittu ohjeistus ulkoasun rakentamisesta Yhdistysavain-julkaisujärjestelmään. Tavoitteena yhdenmukainen Jytyn graafista ohjeistusta noudattava ilme. Yleiset julkaisujärjestelmän käyttöohjeet löytyvät Yhdistysavaimen omasta ohjeistuksesta (http://ohjeisto. yhdistysavain.fi), josta löydät ohjeet mm. kuvien ja tekstien muokkaamiseen. Jytyliiton sivuilta voi ladata ulkoasuun tarvittavia kuva- ja koodi tiedostoja. Suositukset Pyri noudattamaan Jytyliiton graafista ilmettä. Väreinä sivustolla saa käyttää vain Jyty-liiton värejä: Harmaa: #868686 Punainen: #b63531 Vihreä: #7eb24f Sininen: #009cd3 Nämä arvot ovat teemaan jo määriteltyjä. Älä muuta näitä värimäärityksiä. On suositeltavaa Jyty-liiton kuvien lisäksi käyttää omia kuvianne. Käytännöllinen kuvien rajauskoko: 680x382px (mittasuhde 16:9) resoluutiolla 72dpi. Rakenne Julkaisujärjestelmän mahdollisuudet on hyvä tietää ennen sivuston rakentamista. Kaikkia palstoja ei tarvitse hyödyntää ja tällä tavalla saadaan erilaisia asetelmia toteutettua. Ylätunniste Valikko Alasivu valikko Vasen palsta Yläpalsta Pääpalsta Oikea palsta 1
Teeman valinta Ohjausnäkymästä valitse ulkoasu siirry ulkoasun muokkaukseen. Teemat-välilehdeltä valitse haluamasi värivaihtoehto: vihreä, punainen tai sininen. Tallenna. Esikatselu Kun menet julkiselle puolelle tarkastelemaan sivuja, värimaailman pitäisi nyt näyttää tältä. 2
Asemointimalli Aloituspaketista löydät asettelumalli.pdf nimisen tiedoston. Ensimmäisellä sivulla näkymä työkalut suljettuna, toisella sivulla näkyvissä rakenne. Asemointimalli on etusivua koskeva suositus. Siirrä olemassa olevat osionne mallin mukaan raahaamalla elementtejä sinisestä nuolirististä mallin mukaan. Etusivulla saattaa näkyä ylimääräisiä otsikoita. Poista ne poistamalla sivun pääotsikko ja muotoilemalla valitsemanne pääotsikko teksti leipätekstiin. Katso tästä ohjeet alla. Sivun pääotsikon poisto Valitse sivun tiedot. Valitse Määrittele itse ja poista esikirjoitettu teksti esim. Yhdistyksen nimi. Tallenna. Otsikon muotoilu leipätekstiin Muokkaa teksti ja kuvia. Kirjoita tarvittaessa sivustolle otsikko. Muotoile otsikko maalaamalla se ja valitsemalla pudotusvalikosta Otsikko2. Tallenna. 3
Nostokuvat Valitse Lisää tähän Tekstiä ja kuva. Lataa kuvat-välilehdelle vain ne nostokuvat, joita haluat käyttää. Kuvat löytyvät aloituspaketin kansiosta. Asettelu-välilehdeltä valitse 2 kuvaa rinnakkain ja puolet palstan leveydestä. Näkyvyys-välilehdeltä voit valita Palstavalintakohdasta oikea tai voit myös tallentamisen jälkeen siirtää nostokuvat oikeaan reunaan. Kuvien linkit ovat Jytyliiton, sähköisten palvelujen ja työttömyys www-osoitteita, jolloin tulee avautua uuteen Seuraa Jytyä Aloituspaketin koodi-kansiosta löytyy seuraa-jytya -tiedosto. Avaa se muistio-työkalulla. Kopioi sen teksti. Valitse Muita HTML-osio. Tämän jälkeen avautuu tekstilaatikko, jonne voit liittää kopioimasi tekstin. Tallenna ja viimeistele siirtämällä html-osio oikeaa yläkulmaan. Voit esikatsella näkymän piilottamalla työkalut. Asettelumalli Yhteystiedot Yhteystiedot-sivulle lisätään sekä Yhdistyksen sekä Aluetoimiston tiedot sekä rakennetaan Ota Yhteyttä-lomake. Sisältö saadaan täysileveäksi sillä, että ei sijoita mitään oikean reunan palstaan tai kyseinen teksti-alue lisätään yläpalstaan. Lisää tekstiin väliviivoja editorilla tarpeen mukaan. 4
Lisätietoa Tapahtumat/uutiset Uutis/tapahtumat-osion voi toteuttaa monella tapaa. Jos tapahtumasta kertovan sivun suoraan yhteyteen halutaan lisätä oma ilmoittautumislomake (Lomakkeet lisätään sivuille valitsemalla Muita Lomake) kannattaa tapahtumaa varten lisätä uusi sivu Tapahtumatsivun alle. Tällöin kannattaa tapahtumaa mainostaa Uutispalstalla lisäämällä tapahtumasivulle vievän linkin. Vasemman reunan syötelukija (rss) Voit käyttää syötelukijaa esim. etusivun vasemmassa laidassa. Ulkoasun näet liitteenä olevasta asettelumallista. Voit lisätä syötelukijaan Jytyn RSStiedotteet. Kopioi RSS-syötteen osoite ja liitä se Syötteen osoite -kenttään. Muokkaa syötelukijaa kuvan kaltaiseksi. Jytyn tiedotteet päivittyvät automaattisesti sivun syötelukijaan. Vaihtoehtoisesti voit lisätä syötelukijaan esimerkiksi omat tapahtumat tapahtumakalenterista. Lisätietoja RSS-syötteestä löydät Yhdistysavaimen omasta ohjeistosta. 5
Lisätietoa Linkkien poisto Tarvittaessa sivun oikeassa yläreunassa olevat jäsenja hallitussivujen sekä hakuruudun voi piilottaa. Näiden linkkien piilottaminen tapahtuu ohjausnäkymän kautta. Mene kohtaan toiminnot ulkoasun muokkaus muodot asettelu. Banneri Voit lisätä Jyty-liitolta saamia bannerkuvia valitsemalla Muita Bannerosio. Sijoita bannerit pääsääntöisesti etusivulle jompaan kumpaan reunapalstaan allekkain. Tee linkit kohdesivustoille. Vaihtoehtoinen Etusivu Voit myös asetella etusivun kuvan mukaisesti siirtämällä kuvan Yläpalstaan sekä siirtämällä nostokuvat ja Seuraa Jytyä vasempaan palstaan. 6