Punomo Tee itse -julkaisun tekeminen Tässä pikaohje Uuden Punomon Tee itse -julkaisujen tekemiseen. Kun ensimmäinen juttusi on tehty tätä ohjetta noudattaen, seuraava homma hoituu maalaisjärjellä. Uudistuvan Punomon julkaisualustana on WordPress, joka on webin suosituin sisällönhallintaohjelmisto. Aluksi WP näyttää vähän kompleksiselta, mutta tosiasiassa se on pienin ponnistuksin haltuun otettavissa. Loggautuminen Punomoon sivun tekijänä: - Loggaudu uuden Punomon sivulle ylläpidolta saamallasi tunnuksella sivulla http://punomo.npn.fi/wp-login.php WordPressin työpöytä aukeaa. + Uusi / Ammattilaisten julkaisut
Sivupohja: Sivupohja tarvitaan, jotta valmis sivusi on responsiivinen, eli se skaalautuu oikein erikokoisille näytöille ja kaikilla laitteilla (pc, tabletti, kännykkä). Lisää sivupohja -napista. Parasta valita (aluksi) 2-palstainen taulukkopohja /PS. Muitakin on. Tällainen työmaa aukeaa. Palstat, rivit ja solut ovat viitteellisiä, jotta voit helposti hahmottaa mitä/mihin ollaan tekemässä. Kuvan paikalle voi laittaa tekstiä ja päinvastoin. Poista ennen tekstin/kuvan lisäämistä pohjatekstit.
Editorin työkalut WordPressin editorin työkalut 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. Lisää media Kuvan ja pdf-tiedostojen liittäminen tapahtuu aina tämän napin avulla. 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 kuvakkeen 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 tapahdu 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 näkymättömiä muotoilumerkkejä täynnä ja ne puolestaan häiritsevät WordPressin muotoiluominaisuuksia. Lopputulos on silloin mitä sattuu. Opettele käyttämään pikavalikon Liitä muotoilemattomana -nappia, se todella helpottaa työtäsi. Nappi on kaksi-toimintainen, toiminto jää päälle kunnes painat sitä toiseen kertaan. Ja sitten päästäänkin viimein töihin. Enstex: Anna julkaisulle nimi. Ja sitten Tallenna luonnos (painike löytyy sivun oikeasta yläkulmasta). Lisätään tekstiä: Lisää haluamasi teksti Tekstiä-laatikkoon/palstaan. Voit pohjatekstin tilalle siirtää kuvan/kuvia tai päinvastoin, miten vaan. Tässä on suurena apuna em. Liitä muotoilemattomana -pikakuvake. Muista poistaa pohjateksti.
Omien kuvien liittäminen sivullesi: Kuvien tekijäoikeudet: Käytä vain omia. Muiden kuvia vain luvan kanssa. Kuvan liittäminen työstettävälle sivulle tapahtuu (Punomon) WordPressin Mediakirjastosta. Ellei siellä ole sivullesi sopivaa kuvaa, se on ensin siirrettävä omasta koneestasi (tai jostain muualta) WordPressin Mediakirjastoon. Siirrä kohdistin sivusi siihen soluun johon kuvan haluat. Valitse sitten Lisää media. Lisää media -sivu aukeaa. 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 kansio, jossa Sinulla on haluamasi kuva. Valitse ( maalaa ) se ja klikkaa Open/Avaa. Tiedostosi siirtyy WordPressin Mediakirjastoon (eli Punomon palvelimelle). Valitse se, eli kruksi tulee valinnan merkiksi tiedoston oikeaan yläkulmaan. Klikkaa sivun alaosassa Lisää sivulle -nappia.
Kuva siirtyy sivullesi paikkaan, jossa alunperin oli kohdistin/kursori. Jos ei mennyt oikeaan paikkaan, leikkaa ja liitä se oikeaan kohtaan. CTRL+C ja CTRL+V. Tallenna luonnos. Sitä kannattaa klikata enempi useasti kuin liian harvoin. Esikatsele. Tulos näyttää tällä hetkellä tältä: Kuten kuvasta huomaat, sivupohjan ohjetekstit ovat poistamatta ja muutenkin sivu kaipaa lisämausteita. Palaa muokkaamaan sivua yläpalkin Muokkaa sivua -napista. Lisää halutessasi tekstiä joko samaan tai seuraavaan/viereiseen lootaan (palsta). Siivoa jäljet, eli poista alkuperäisen sivupohjan turhat ohjetekstit, ja muista aina pienenkin muutoksen jälkeen tallentaa ja tarvittaessa tarkastella miltä sivu näyttää oikeasti. Näitä nappeja et käytä liian useasti.
Kuvan manipulointia: Klikkaa kuvaa ja kuvan yläpuolelle avautuu valikko. Kuvan asemointikuvakkeiden oikealla puolella on kynä. Valitse se ja 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ää.
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: Ensin talletuksen jälkeen esikatsele sivusi. Muista tarkistaa mahdolliset linkit, pdf-tiedostojen avautuminen ja kuvien suurennokset klikkaamalla. Kun kaikki on tehty mitä tehdä voi ja tulos toimii ja näyttää hyvältä, tallenna ja paina Julkaise -nappia. Se oli siinä! Videot: Videot siirretään ensin Youtubeen ja linkitetään sieltä Punomon sivuille. Näin ne toimivat paremmin, jos/kun moni haluaa katsella videoita samaan aikaan. Ohje tulee aikanaan Punomon sivulle. Punomo.fi 4.11.2015 pva