Punomo Tee itse -julkaisun tekeminen

Transkriptio

1 Punomo Tee itse -julkaisun tekeminen Pikaohje jolla pääset alkuun ammattilaisten/harrastajien julkaisujen tekemisessä ja päivityksessä. Blogien pitäjälle on oma ohjeensa. Netistä löytyy lisäohjetta, myös suomen kielellä. Esim. täältä: Julkaisujärjestelmä (Web CMS, Web Content Management System) on verkkosivujen luontiin, ylläpitoon ja sisällönhallintaan tarkoitettu sovellus. WordPress on yksi sellainen. Julkaisujärjestelmän avulla sivujen tekijältä ei edellytetä laajaa tietoteknistä osaamista. Miksi WordPress? Uudistuvan Punomon julkaisualustaksi on valittu WordPress, webin suosituin sisällönhallintaohjelmisto. WordPress (WP) on alunperin blogien luomiseen ja ylläpitoon tarkoitettu, avoimeen lähdekoodiin perustuva web-työkalu. Laajennuksien avulla siitä on tullut internetin suosituin sivualusta. Ohjelmiston kehitys on nopeaa (tukena suuri taustayhteisö) ja se tapahtuu Linux-periaatteella. Parasta kaikessa on se, että WP mahdollistaa verkkosivujen tekemisen ja päivittämisen ilman ohjelmointitaitoja. WordPress on kirjoitettu PHP-kielellä ja se käyttää tietojen tallentamiseen MySQL-tietokantaa. Sivuston ulkoasun ja toiminnallisuuden määrää ennalta valittu teema, joka toimii ikäänkuin alustana jolle sivusto rakennetaan. Liitännäisten avulla sivustoon saadaan lisäominaisuuksia (vaikkapa monikielisyys). Katso liite tämän dokumentin lopussa. Aluksi WP näyttää vähän kompleksiselta, mutta se on pienin ponnistuksin haltuun otettavissa. Punomon laaja artikkelikokoelma siirretään kokonaisuudessaan WordPress-alustalle. Siihen liitetään myös nettikaupat. WP mahdollistaa usean samanaikaisen blogin ylläpidon ja niistä tulee tärkeä osa Punomo-sivustoja. Blogien pito motivoi opiskelijoita ja siten edesauttaa oppimista.

2 Loggautuminen Punomoon julkaisun tekijänä: Loggaudu uuden Punomon sivulle Pirjolta saamallasi tunnuksella ja salasanalla. Täältä löytyy lisäohjetta kirjautumiseen: HUOM! Wordpress ei kirjaa automattisesti ulos, joten olet niin kauan kirjautuneena kunnes suljet selaimen tai kirjaudut ulos täältä (sivun oikea yläkulma). Sisäänkirjautumisen eli loggautumisen jälkeen WordPressin ohjausnäkymä/hallintasivu aukeaa.

3 Punomossa on kahdenlaisia sivustoja: Julkaisut Blogit 1. Julkaisut - Punomossa on kahdenlaisia julkaisuja: Ammattilaisten julkaisut Tänne opettajat, opiskelijat, yms. tekevät omia julkaisujaan, eräässä mielessä ne ovat staattisia kotisivuja. Harrastajien ja koulujen julkaisut Tänne käsityön harrastajat ja koulut tekevät omia julkaisujaan. 2. Blogit Kaikki halukkaat voivat tehdä oman blogisivuston. Ne voivat olla joko julkisia tai ne voi määritellä näkyväksi vain tietylle ryhmälle (oma luokka) tai salasanan takaa. Artikkelit Artikkeli (post), tai blogimerkintä (yksi merkintä päiväkirjaan), on blogisisältöä. Blogi on artikkeliden muodostama kokonaisuus, siis se sivusto jolla artikkeleita julkaistaan

4 Omien tietojen asettaminen Se tapahtuu profiili-sivulle, jonne pääset klikkaamalla oma nimeäsi sivun oikeassa yläkulmassa. 1. Henkilökohtaiset asetukset. - tässä vaiheessa kruksaa vain Näytä työkalupalkki Nimi. - täytä vain pakolliset 3. Yhteystiedot. - -osoite on pakollinen 4. Tietoja itsestäsi. - vapaaehtoista 5. Kirjautumisen hallinta. - salasanan vaihto, jos tarpeen 6. Avatar-kuva. - juu ja ei Lopuksi:

5 Valitse: Ammattilaisten julkaisut, Lisää uusi sivu. Päänavigaatio Ohjausnäkymä aukeaa. Se tulee olemaan varsinainen näkymä jossa artikkelien työstö tapahtuu. Keskellä työskentelyalue painonappeineen. Oikealla oleva palkki sisältää: Julkaise-, Kategoriat-, Attribuutit- ja Artikkelikuva-kentät. Tässä valitaan kirjoittaja

6 Graafisen TinyMCE-muokkaimen (Editorin) työkalut/painikkeet Editorin työkalut-osan alapuolella on varsinainen suorakaiteen muotoinen työskentelyalue. Siinä artikkelin työstämiseen on kaksi toimintoa: Graafinen- ja Teksti-tila. Editorin oikeassa yläkulmassa ovat oheisen kuvan mukaiset painikkeet. Me käytämme normaalia eli Graafista tilaa. Teksti-tila on tarkoitettu niille käyttäjille jotka osaavat HTML-koodia ja haluavat muokata tiedostoa sen avulla. Tilan vaihto käy kesken kirjoittamisen. WordPressin editorin työkalut (toimintopainikkeet) ovat pitkälti samat kuin minkä tahansa tekstinkäsittelyohjelman (Word, Libre Officen Write ). Joten osa on kaikille tuttuja heti, loppujen kanssa tulee sinuiksi rohkeasti kokeilemalla. Kuten huomaat, samaan toimintoon pääsee monen eri polun kautta. Jokainen hyödyntäköön näitä mieltymystensä mukaan. Tästä aiheesta löytyy perusteellinen selvitys suomenkielellä: Kerron vain pääkohdat. Lisää media Kuvan, videon, ääni- ja pdf-tiedostojen liittäminen tapahtuu aina tämän napin avulla. Youtubevideon liittämisestä julkaisuun (ja muista linkeistä) on oma ohje. Lisää sivupohja Aivan aluksi valitaan sivupohja. Se helpottaa työn organisointia. Työkaluvalikot Työkalujen alasvetovalikot sisältävät samat toiminteet kuin rivin alla olevat pikakuvakkeet. Pikakuvakkeet Niiden toiminta selviää kun vie hiiren kohdistimen kuvakeeen päälle. Esimerkkinä vaikka kaikille tuttu B = bold/lihavointi. Tekstin väri ja tekstin taustaväri saattaa elävöittää sanomaasi, mutta käytä niitä hillitysti ettei tapahtu ylilyöntejä. Eräs nappi jota ei tekstureista löydy, kannattaa oppia heti. WordPressin editori haluaa tekstit ns. puhtaana ASCII-tekstinä, siis ilman muotoiluja (koko, lihavointi, kursivointi, jne.) Jos/kun lainaat omista Word/Write-dokumenteista tai vaikkapa Punomon sivuilta tekstiä, niissä tekstit ovat täynnä näkymättömiä muotoilumerkkejä ja ne puolestaan häiritsevät WordPressin muotoiluominaisuuksia. Lopputulos on silloin mitä sattuu.

7 Opettele käyttämään pikavalikon Liitä muotoilemattomana-nappia, se todella helpottaa työtäsi. Nappi on kaksitoimintoinen, toiminto jää päälle kunnes painat sitä toiseen kertaan. Katogoriat eli aihepiirit Löytyy sivun oikealta reunalta. Punomon sivustojen vaikein asia on valita artikkelille oikea kategoria. Kategoria voi olla itsenäinen tai toisen kategorian alakategoria. Valintaruutua klikkaamalla löytyy pitkä valikoima kategorioita joihin tekemäsi artikkeli lisätään. Jos aihe sopii moneen kategoriaan, valitse useampi. Pirjolta lisää infoa. Kirjoittaja Artikkelin kirjoittajan nimi valitaan työaukeaman alalaidasta. Ja sitten päästäänkin viimein töihin. Ensin valitaan sivupohja. Sivupohja tarvitaan, jotta työskentelysi olisi helpompaa. Se auttaa tekstin ja kuvien asettelussa oikeaan kohtaan sivua. Responsiivisella web-suunnittelulla tarkoitetaan sitä, että verkkosivuston sisällön rakenne ja asettelu suunnitellaan niin, että se sopii useimmille laitteille ja mukautuu näiden näyttökokojen mukaan (pc, tabletti, kännykkä). Responsiivisuuden yksi suurimmista eduista on se, että siinä käytetään samaa koodipohjaa (sivua) jokaiselle laitteelle optimoituun versioon.

8 Lisää sivupohja-napista. Parasta valita (aluksi) 2-palstainen taulukkopohja /PS. Muitakin on. Tällainen työmaa aukeaa. Palstat = lootat, ovat viitteellisiä, jotta voisit helposti hahmottaa mitä/mihin ollaan tekemässä. Kuvan paikalle voi laittaa tekstiä ja päinvastoin. TÄHÄN OTSIKKO-rivi kannattaa jättää tyhjäksi, se tekee sivusta ilmavamman. Poista ensin pohjatekstit. Ensin: Anna julkaisulle nimi. Ja sitten Tallenna luonnos (löytyy sivun oikeasta yläkulmasta). Lisätään tekstiä: Lisää haluamasi teksti Tekstiä-palstaan. Voit pohjatekstin tilalle siirtää kuvan/kuvia tai päinvastoin, miten vaan. Omien kuvien liittäminen sivullesi: Kuvan liittäminen työstettävälle sivulle tapahtuu (Punomon) WordPressin mediakirjastosta.

9 Mediakirjasto Ladatut tiedostot, kuvat ja videot löytyvät mediakirjastosta. Mediakirjaston avulla voit ladata sivustoon uusia tiedostoja ja hallita olemassaolevia tiedostoja. Mediakirjasto löytyy Media Mediakirjasto -kohdasta. Siirrä kursori sivusi siihen sivun palstaan johon kuvan haluat. Valitse sitten Lisää media. Lisää media-sivu aukeaa. Ellei siellä ole sopivaa kuvaa, se on ensin siirrettävä omasta koneestasi Mediakirjastoon. Sivun yläosassa on Siirrä tiedostoja-nappi. Klikkaa sitä. Uusi ikkuna aukeaa, klikkaa Valitse tiedostot-nappia. File Upload-ikkuna aukeaa (ikkunaan aukeaa se kansio, jossa olet vieraillut viimeksi). Valitse omasta tietokoneestasi se hakemisto, jossa Sinulla on haluamasi kuva. Valitse ( maalaa ) se ja klikkaa Open.

10 Tiedostosi siirtyy WordPressin Mediakirjastoon (eli Punomon palvelimelle). Valitse kuva klikkaamalla, kruksi ilmestyy valinnan merkiksi kuvan oikeaan yläkulmaan. Sivun alaosassa klikkaa Lisää sivulle-nappia. Kuva siirtyy julkaisusivullesi paikkaan, jossa alunperin oli kursori. Jos ei mennyt oikein, leikkaa ja liitä se haluamaasi kohtaan. CTRL+C = copy-kopioi ja CTRL+V = paste-liitä. Tallenna luonnos. Sitä kannattaa klikata enempi useasti kuin liian harvoin. Tässä kohtaa kannattaakin huomata seuraava: Wordpress pitää automaattisesti tallessa vanhat versiot sisällöstä (artikkelit, sivut). Selaamalla versioita voit palauttaa vanhan version tai nähdä, mitä muutoksia sisältöön on tehty. Kuvan mukaan esimerkissä on tallennettuna 5 versiota, joihin voi palata selaa-napista. Esikatsele. Kuten kuvasta huomaat, sivupohjan tekstit ovat poistamatta ja muutenkin sivu kaipaa lisämausteita. Palaa muokkaamaan sivua yläpalkin Muokkaa sivua-napista. Nyt voit lisätä uuteen laatikkoon tekstiä tai kuvia tarpeen mukaan. Lisää halutessasi tekstiä joko samaan tai seuraavaan/viereiseen palstaan. Siivoa jäljet, eli poista alkuperäisen sivupohjan turhat tekstit, ja muista aina pienenkin muutoksen jälkeen tallettaa ja tarvittaessa tarkastella miltä sivu näyttää oikeasti.

11 Näitä nappeja et käytä liian useasti.

12 Kuvan manipulointia: Klikkaa työstettävän sivun kuvaa ja valitse kuvan yläpuolelle avautuvasta valikosta kynä. Kuvan tiedot-sivu aukeaa. Kuvatekstin lisääminen: Lisää Kuvateksti -ikkunaan kuvalle sopiva teksti. ( Roopen irronnut nappi ) Näyttöasetukset: Tasaus: valitse Vasemmalle (tai miltä lopullinen tulos parhaiten näyttää). Koko: Valitse Keskikokoinen, jolloin suurin kuva saadaan lopullisessa sivussa klikkaamalla kuvaa. Lisää sivupohjaan rivejä: klikkaa riviä jonka jälkeen/ennen haluat uuden rivin, valitse hiiren oikealla Rivi, Lisää rivi jälkeen. Samoin käy turhan eli ylimääräisen rivin poisto. Palstojen yhdistäminen: Jos haluat tekstiä/kuvan yhdelle palstalle kahden sijasta, eli yhdistää palstaparin yhdeksi, toimi näin: Maalaa hiirellä rivin palstat/lootat kuten kuva osoittaa ja hiiren oikealla valitse Solu ja yhdistä taulukon solut. Nyt voit lisätä uuteen laatikkoon tekstiä tai kuvia tarpeen mukaan. Pdf-tiedoston lisääminen sivulle: Se tapahtuu aivan samalla tavalla kuin kuvan liittäminen. Eli ensin siirretään pdf-tiedosto omalta koneelta WordPressin Mediakirjastoon ja sitten sieltä työstettäväelle sivulle. Kohdistin pitää aivan ensiksi muistaa siirtää työstettävän sivun siihen ( laatikkoon ) johon pdf-tiedosto on tarkoitus siirtää.

13 Siirron jälkeen sivusi kohta näyttää tältä: Lisää pdf-tiedostoa kuvaava teksti, talleta ja esikatsele. Testaa toiminta klikkaamalla pdf-tiedoston nimeä. Ja näinhän se menee: Pdf-tiedosto aukeaa (ainakin mun) FireFoxiin. Lisää artikkelikuva: Tapahtuu samoin kuin kuvan liittäminen sivulle. Sivun oikea alalaita. Aseta artikkelikuva. Valitse sopiva kuva artikkelikuvaksi. Kategoriat: Valitse sivun oikealla laidalla keskellä olevasta Kategoriat -valinnasta kruksaamalla jutullesi sopiva kategoria. Jos aihe sopii moneen kategoriaan, valitse useampi. Julkaiseminen: Kun kaikki on tehty mitä tehdä voi ja tulos näyttää hyvältä, tallenna ja paina Julkaise-nappia. Videot siirretään ensin Youtubeen ja linkitetään sieltä Punomon sivuille. Näin ne toimivat paremmin, jos moni haluaa katsella videota samaan aikaan. Ohje tulee aikanaan Punomon sivulle.

14 Sisällön näkyvyyden hallinta Klikkaa Tila: Luonnos Muokkaa Julkinen sisältö on näkyvillä kaikille Klikkaa Näkyvyys: Julkinen Muokkaa Valitse Julkinen/Salasanasuojattu/Yksityinen Salasanasuojattu sisältö vaatii oikean salasanan ennen kuin sitä voidaan nähdä. Yksityiseksi merkattu sisältö näkyy vain kirjautuneille käyttäjille, joilla on siihen oikeus. Valitse ja paina OK

15 Artikkeleiden ja sivujen ajastaminen Voit valita ajankohdan milloin sisältö julkaistaan Julkaise - kohdasta. Tämä on todella hyvä tapa esimerkiksi luoda monta artikkelia kerralla ja ajastaa niitä. Näin se luo vaikutelman, että sivustoa päivitetään jatkuvasti.