WordPress 3.5 Tietokantapohjainen julkaisujärjestelmä © Jari Sarja / Otavan Opisto 2013 Tämä oppimateriaali on lisensoitu Creative Commons Nimeä-Tarttuva 3.0 -lisenssillä Sisältö 1. Bloggaus ..................................................................................................................................... 5 2. Blogipalveluita ja -ohjelmia ........................................................................................................ 6 3. WordPressin asennus................................................................................................................... 7 3.1. WordPressin vaatimukset ...................................................................................................... 8 3.1.1. Tietokannan luominen omalle koneelle........................................................................... 8 3.2. WordPressin asennus .......................................................................................................... 11 3.3. WordPressin tiedostot ja hakemistot ................................................................................... 16 4. Kirjautuminen WordPressiin ..................................................................................................... 17 5. WordPressin asetukset............................................................................................................... 18 5.1. Yleiset asetukset ................................................................................................................. 18 5.2. Kirjoittamisen asetukset ...................................................................................................... 19 5.3. Lukemisen asetukset ........................................................................................................... 23 5.4. Keskustelun asetukset ......................................................................................................... 24 5.5. Mediakirjaston asetukset ..................................................................................................... 25 5.6. Osoiterakenteen asetukset ................................................................................................... 26 6. Ohjausnäkymä .......................................................................................................................... 28 7. Blogikirjoituksen lisäys, muokkaus ja poisto ............................................................................. 29 7.1. Blogikirjoituksen lisäys ...................................................................................................... 29 7.1.1. Blogikirjoituksen asetukset ........................................................................................... 30 7.1.2. Kategoriat ja avainsanat................................................................................................ 31 7.2. Blogikirjoituksen muokkaus ............................................................................................... 32 7.3. Blogikirjoituksen poistaminen ............................................................................................ 33 8. Editori ....................................................................................................................................... 34 8.1. Kuvan lisääminen ............................................................................................................... 36 9. Media ........................................................................................................................................ 38 10. Linkit ...................................................................................................................................... 40 11. Sivut ....................................................................................................................................... 41 2 12. Kommentit .............................................................................................................................. 43 13. Ulkoasu ................................................................................................................................... 44 13.1. Teemat eli sivupohjat ........................................................................................................... 44 13.1.1. Oikotie sivupohjan asennukseen ................................................................................. 47 13.2. Vimpaimet eli widgetit...................................................................................................... 48 13.3. Yläpalkin asetukset ........................................................................................................... 52 13.4. Muokkain ......................................................................................................................... 53 14. Lisäosat eli pluginit ................................................................................................................. 55 14.1. Editorin virittäminen ......................................................................................................... 56 14.2. Kuvagalleria ..................................................................................................................... 58 14.3. Monta sivupohjaa samalla sivustolla ................................................................................. 61 15. Käyttäjät.................................................................................................................................. 63 15.1. Uuden käyttäjän lisääminen .............................................................................................. 63 16. Työkalut .................................................................................................................................. 65 16.1. Kirjoitusten siirtäminen toisesta blogista ........................................................................... 65 16.1.1. Tuo tietoja WordPressistä ........................................................................................... 65 16.1.2. Bloggerista tuominen.................................................................................................. 67 16.2. Kirjoitusten vieminen toiseen blogiin ................................................................................ 68 17. Offline työkalut ....................................................................................................................... 70 17.1. Windows LiveWriter ........................................................................................................ 71 17.2. QTM................................................................................................................................. 80 18. Sivupohjan teko ja muokkaaminen .......................................................................................... 86 18.1. Oman sivupohjan tekeminen ............................................................................................. 91 18.1.1. Vaihe 1 – sivupohjan elementit ................................................................................... 93 18.1.2. Vaihe 2 – blogin ulkoasu ............................................................................................ 94 18.1.3. Vaihe 3 – blogin nimi ja kuvaus ................................................................................. 97 18.1.4. Vaihe 4 – navigaatio ................................................................................................... 99 18.1.5. Vaihe 5 – sisältö ....................................................................................................... 102 18.1.6. Vaihe 6 – sivupalkki ................................................................................................. 105 3 18.1.7. Vaihe 7 – alapalkki ................................................................................................... 107 18.1.7. Vaihe 8 – viimeistely ................................................................................................ 108 18.2. Sivupohjan tekeminen verkossa ...................................................................................... 110 18.3. Ohjelmia sivupohjan tekoon............................................................................................ 110 19. Tietoturva.............................................................................................................................. 111 19.1. Salasana ja käyttäjätunnus............................................................................................... 111 19.2. Päivitä ja siivoa ............................................................................................................... 111 19.3. Varmuuskopiointi ........................................................................................................... 112 19.4. Pluginit ........................................................................................................................... 115 20. Sivuston siirtäminen toiseen osoitteeseen .............................................................................. 118 20.1. Sivuston siirtäminen omalta koneelta webiin................................................................... 118 20.1.1. Tiedostojen siirto ...................................................................................................... 118 20.1.1. Tietokannan siirto ..................................................................................................... 118 20.1. Sivuston siirtäminen toiselle palvelimelle ....................................................................... 122 Lähteet ........................................................................................................................................ 123 Liite 1 ......................................................................................................................................... 124 Liite 2. Webpalvelin omalle tietokoneelle ................................................................................... 130 Liite 3. XAMPPin asennus .......................................................................................................... 131 Liite 4. PHP ini ........................................................................................................................... 142 4 1. Bloggaus Bloggaus on tällä hetkellä nouseva trendi. Yhä useammalla yrityksellä on blogi, jossa ne tarjoavat tietoja tuotteistaan ja palveluistaan. Maailmalla yksi tunnetuimmista yritysten blogeista on Fsecuren blogi ”News from the Lab” (http://www.f-secure.com/weblog/), mutta myös pienet yritykset kirjoittavat blogia kuten esim. haapajärveläinen ”Kotihoitopalvelu Huusholli” (http://www.huusholli.com/blogi.html). Nykyisin blogit pääsevät jopa telkkariin, ainakin ulkoministeri Erkki Tuomiojan blogi. Lisäksi Yle lähetti keväällä 2012 ohjelmaa Blogistania, jossa esiteltiin kymmenen bloggaavaa nuorta naista. Lisäksi meillä Suomessakin on muutamia ammattibloggaajia, jotka tienaavat rahaa blogillaan. Markus Ossi mainostaa olleensa Suomen ensimmäinen ammattibloggaaja vuonna 2009. (Ossi, 2009). Yksi tunnetuimpia ammattibloggaajia on Cava, joka vuoden 2013 alussa kirjoitti blogissaan ammattinsa varjopuolista. ”En sano, että bloggaaminen olisi raskasta työtä, se on itseasiassa aika kevyttä ja nautin siitä. Mutta sanon, että bloggaamisen myötä tuleva tunnettuus ja sen myötä tuleva paska on raskasta ja tämä työ onkin erityisen raskasta henkisesti. Olenkin ollut yhteydessä sekä nettipoliisi Marko Forssiin sekä parin palstan ylläpitoon tänään.” (Cava, 2013.) Ruotsissa bloggaamisella ansaitsevia henkilöitä on enemmän kuin Suomessa. Tosin ainakin välillä bloggaamisella saavutettuja tienestejä on liioiteltu kuten esim. tapauksessa Blondinbella. Kyseistä blogia kirjoittaa Isabella Löwengrip, joka on Ruotsin tunnetuimpia bloggaajia. Hän tienasi blogillaan vuonna 2009 noin 7000 kruunua kuukaudessa. Julkisuudessa hän oli kertonut tienaavansa blogillaan huomattavasti enemmän kuin hän todellisuudessa tienasi. (Ks. esim. Aftonbladet 2009.) Oma lukunsa blogirintamalla on Yhdysvallat. IT-viikko kertoo, että Yhdysvaltain työministeriön tilastojen mukaan maassa on jo 452 000 päätoimista bloggaajaa. (IT-viikko.) Siitä tosin ei ole tietoa kuinka hyvin kyseiset bloggaajat tienaavat blogillaan. Lisäksi on huomioitava, että suurin osa blogeista on pystytetty harrastusmielessä., jolloin niillä on muita kuin rahallisia tavoitteita. Bloggauksella on omat hyvät puolensa. Blogien lukeminen ja kirjoittaminen kehittävät luku- ja kirjoitustaitoa. Blogit luovat lisäksi yhteisöllisyyttä, koska jokuhan niitä blogeja lukee. Unohtaa ei myöskään sovi, että ajatusten jakaminen kokemastaan on paitsi hauskaa myös hyödyllistä. Jotkut jopa onnistuvat myymään bloginsa kustantajalle, joka sitten julkaisee kirjan. Yksi sellainen esimerkki löytyy Ruotsista eli Supermamman. Aluksi Supermamman oli blogi, mutta suuren suosion myötä kustantaja kiinnostui siitä. Blogin ja keskustelun eroa voisi havainnollistaa vertauksella. Keskustelufoorumi on kuin tori. Siellä on paljon ihmisiä ja voit jutustella eri ihmisten kanssa. Osa kiertelee torilla ihmettelemässä ihmisvilinää ja kuuntelee satunnaisesti muiden keskusteluja. Tori on paikka, jonne kaikki voivat tulla. Siellä tapaa joka kerta eri ihmisiä kuin edellisellä kerralla. Blogista voisi sanoa, ettei se ole tori vaan se on takapiha. Se on hyvin lähellä ja se on oma. Joku voi kauempaa ihmetellä pihaa ja joku voi taas olla pihalla syömässä tai ottamassa aurinkoa. Tori on hyvin yleinen ja aihepiirit voivat olla mitä tahansa. Blogi on aina henkilökohtainen ja rajoittuu johonkin ti joihinkin aihepiireihin. Blogin hyvyys on juuri keskittyminen. 5 2. Blogipalveluita ja -ohjelmia Blogeja voi tehdä helposti ihan verkossa ilman asennusta ja kaiken lisäksi ilmaiseksi. Blogger on hakukoneyhtiö Googlen omistama blogipalvelu, joka on ollut verkossa vuodesta 1999 lähtien. Sen perusti tuolloin Pyra Labs -niminen yritys, jonka Google osti vuonna 2003. Ensijulkaisunsa aikoihin Blogger oli ensimmäisiä bloggaukseen keskittyneitä alustoja, ja sille kuuluu ainakin osakiitos blogien suosion noususta 2000-luvulla. Blogger oli ensimmäisiä blogipalveluita, joiden käyttäjien ei tarvinnut käyttää HTML:ää tai lähettää sisältöä erikseen kotisivupalvelimelle, vaan blogimerkinnät voitiin kirjoittaa suoraan lomakkeeseen webissä. (Wikipedia.) Bloggerissa voi valita itselleen sopivan kielivaihtoehdon, koska palvelu toimi usealla eri kielellä. Blogger huono puoli on, että palvelu keskittyy blogin perustoimintoihin eli uudistuksia toteutetaan nihkeästi. Vuodatus on suomalainen ja suomenkielinen blogipalvelu, jonka saa muutamassa minuutissa käyttöön. Palvelun omistaa Alma Mediaan kuuluva Kustannusosakeyhtiö Iltalehti. Blogin ulkoasua voi muokata ja siihen voi liittää helposti kuvia. (Helppokäyttöiset blogipalvelut.) Wordpress online on hyvä vaihtoehto paljon bloggaavalle, koska blogien kaikki perustoiminnot ovat käytettävissä. Wordpress online toimii usealla eri kielellä ja sen voi yhdistää kätevästi LiveWriteriin, jolloin voit kirjoittaa blogikirjoituksia entistäkin helpommin. Tästä vaihtoehdosta lisää tietoa liitteessä 1. Blogiohjelmista, jotka pitää asentaa palvelimelle, on WordPress paras valinta. WordPress on hallinnut blogiohjelmistojen kenttää niin suvereenisti, että kilpailevat blogiohjelmat ovat täysin jääneet sen varjoon. WordPressiä on jossain määrin pystynyt haastamaan ainoastaan Movable Type. Kauempana takana on sitten Textpattern. Sitten on monia julkaisujärjestelmiä, joilla voi luoda oman bloginsa. Varsinkin Drupal on kunnostautunut kyseisellä saralla. Mikäli etsit blogiohjelmaa, joka ei vaadi tietokantaa, on valinnanvara niukka. Jotakin löytyy kuten esim. seuraavat.  FlatPress  Blosxom  Ode Lisäksi blogiin taipuvat ainakin jossain määrin flatfilejulkaisualustat Pluck ja GetSimple. Käytännössä kannattaa aina valita blogialustaksi WordPress, jos siihen on mahdollisuus. Parasta on, jos blogi on täysin oma ja omalla palvelimella. Toiseksi paras vaihtoehto, on käyttää Wordpressin online palvelua. On myös huomattava, että WordPress on suosittu myös puhuttaessa tavallisista julkaisujärjestelmistä. Se on oiva valinta esim. yrityksen tai yhdistyksen julkaisujärjestelmäksi, joko blogin kanssa tai ilman. 6 3. WordPressin asennus WorpPress on Open Source-pohjainen web-julkaisuohjelmisto. Se on ensisijaisesti julkaisutyökalu blogeille, mutta soveltuu erinomaisesti myös pienimuotoiseksi Content Management System – järjestelmäksi (CMS = julkaisujärjestelmä). WordPress on eräs maailman levinneimmistä ja arvostetuimmista blogiohjelmistoista, jonka takana on erittäin aktiivinen kehittäjätiimi ohjelmistosta ilmestyy uusia parannettuja versioita tasaiseen tahtiin. WordPress on helposti räätälöitävissä organisaation käyttöön teemojen avulla ja käyttöliittymään löytyy kielipaketteja useilla kielillä, tietysti myös Suomeksi. Ohjelmistoon on myös tarjolla runsas valikoima erilaisia plug-in-ohjelmia, joiden avulla järjestelmään on helppo lisätä uusia ominaisuuksia. WordPressin hyvyys on huomattu myös erilaisissa kilpailuissa. Vuonna 2009 WordPress voitti palkinnon sarjassa “Packt best Open Source CMS Awards”. Ja seuraavan vuonna palkinto tuli sarjassa “Hall of Fame Open Source Awards.” (Wikipedia.) Webissä WordPressin suosio näkyy myös siinä, että monet sivustot käyttävät WordPressiä julkaisualustana. Wappalyzerin mukaan WordPress on suosituin julkaisujärjestelmä. Alkuvuodesta 2013 sen osuus oli peräti 53 % kaikista asennetuista julkaisujärjestelmistä. (Wappalyzer.) Uusin WordPress on ladattavissa osoitteesta: http://wordpress.org/ Kannattaa aina valita uusin, koska se on tietoturvan kannalta paras vaihtoehto. Tosin nykyisin suomenkielinen versio on hyvin ajan tasalla, joten siksi se paras valinta. http://fi.wordpress.org/ Kun lataus on valmis, on seuraavana vuorossa zip-paketin purku. Tässä esimerkissä asennetaan WordPressin omalle koneelle, jossa on asennettuna XAMPP (ks. liitteet 2 ja 3). Sinne on luotu uusi kansio nimeltä wordpress3. Kansion polku on C:\xampp\htdocs (ks. seuraava kuva). 7 3.1. WordPressin vaatimukset Tässä esimerkissä asentaminen tapahtuu omalle palvelimelle, mutta menetelmä on aivan sama käytettäessä webhotellin palveluja. WordPress vaatii toimiakseen webpalvelimen, jossa on PHPtuki ja MYSQL. Jos jompikumpi puuttuu, ei asennus onnistu. Mikäli WordPress asennetaan omalle koneelle, kannattaa asentaa ensin jokin palvelinohjelma kuten esim. XAMPP (ks. liitteet 2-3), jolloin WordPress toimii ongelmitta. Mikäli hankit webhotellia, varmista ensin PHP:n ja MYSQL:n tilanne. Tässä alla esimerkki avaruus.netin webhotellista, jossa on sekä PHP että MySQL. 3.1.1. Tietokannan luominen omalle koneelle Kun koneella on webpalvelin ja MySQL (ks. liite 2), on kaikki lähes valmista asennusta varten. Vielä tarvitaan kuitenkin tietokanta ja sille käyttäjä. Luodaan uusi käyttäjä ja tietokanta menemällä webselaimella osoitteeseen: localhost/phpmyadmin/. Mikäli tietokanta on suojattu, kirjoitetaan ensin käyttäjätunnus (root) ja salasana. Valitaan välilehti ”Users”, joissakin PhpMyadminin versioissa on valittava välilehti ” Käyttäjät”. 8 Valitaan linkki ”Lisää uusi käyttäjä”. Kirjoitetaan käyttäjänimi (wordpress3) ja valitaan palvelimeksi localhost. Kirjoitetaan salasana (wordpress3) kahteen kertaan. Lisäksi laitetaan merkki kohtaan ”Luo samanniminen tietokanta ja anna kaikki oikeudet”. Käyttöoikeuksien suhteen kannattaa laittaa ruksi jokaiseen kohtaan.. 9 Painetaan lopuksi painiketta Lisää käyttäjä (ks. yllä). Sitten ilmestyy ilmoitus, että uusi tietokanta ja käyttäjä on lisätty. Jos käytät webhotellia, ei em. toimenpiteitä tarvitse tehdä, koska webhotelli on tehnyt ne puolestasi. Juuri luodun tietokannan tiedot ovat seuraavat.  käyttäjä: wordpress3  salasana: wordpress3  tietokanta: wordpress3  palvelin: localhost Mikäli käytät webhotellia, saat sieltä samantyyppiset tiedot. 10 3.2. WordPressin asennus Mennään ensin kansioon, jossa purettu WordPress sijaitsee. Tässä esimerkissä käytetään selaimena Firefoxia, jonka osoiteriville on kirjoitettu localhost/wordpress3/. Sitten ollaankin jo suoraan asennusvaiheessa. Asennus alkaa, kun napsautetaan painiketta ”Luo asetustiedosto”. Sitten tulee informaatiota, jonka lukemisen jälkeen napsautetaan painiketta ”Jatketaan”. 11 Syötetään tiedot ja painetaan painiketta ”Lähetä”. HUOM! Tietokantapalvelin (host) on 90 % varmuudella aina localhost, oli sitten kyseessä oma kone tai webhotelli. Kun tietokantaan liittyvät tiedot ovat oikein, ilmestyy selkeä ilmoitus. Jatketaan napsauttamalla painiketta ”Asenna Wordpress”. Laitetaan blogille otsikko ja käyttäjänimi. 12 Kirjoitetaan pääkäyttäjän salasana kahdesti (wordpress2013). HUOM! Salasanan pitää olla turvallinen. Koska asennus tapahtuu omalle koneelle, on salasana helppo eli wordpress2013. Näin siksi, että se olisi helppo muistaa, koska omalla koneella ei yleensä ole sähköpostipalvelinta eli salasanaa ei voi tilata sähköpostiin. Älä käytä näin helppoa salasanaa webpalvelimelle asennetussa versiossa (tietoturvariski). Kirjoita oma s-postisi osoite (tärkeä tieto, esim. voit saada siihen osoitteeseen kadonneen salasanasi). Huom! omalla koneella s-postin lähettäminen ei välttämättä toimi. Lopuksi painat painiketta ”Asenna WordPress”. Ja nyt kaikki on valmista eli WordPress julkaisujärjestelmä on asennettu. Kirjautuminen vastaasennettuun WordPressin on mahdollista.. 13 Kirjoitetaan tunnus ja salasana. Kirjautumisen onnistuttua ollaan ohjausnäkymässä. 14 Sivustolle pääsee kätevästi klikkaamalla blogin nimeä ja valitsemalla ”Vieraile sivustolla”. Ja tältä se blogi näyttää ulospäin. Oikeasta yläreunasta löytyy painike, jolla pääset kirjautumaan ulos. 15 3.3. WordPressin tiedostot ja hakemistot WordPressin muokkaamista helpottaa, jos tietää mitä missäkin sijaitsee ja mitä ne kaikki tiedostot ja kansiot ovat. Näitä tiedostoja joudut siirtelemään webpalvelimelle ftp:n avulla. Osalle kansioista ja tiedostoille ei tarvitse tehdä yhtään mitään. 1. / 2. /wp-admin/ 3. /wp-includes/ 4. /wp-content/ 1. / on blogin juuri. Siellä sijaitsee monia tiedostoja kuten esim. RSS-syöte. Tänne ei tehdä muutoksia juuri koskaan. 2. /wp-admin/ Tässä hakemistossa sijaitsee hallinnointipaneeli. Tähän kansioon ei tarvitse puuttua millään tavoin 3. /wp-includes/ Täällä on erilaisia toimintoja kuten esim. Ajax. Tännekään ei tarvitse tehdä muutoksia. 4. /wp-content/ Tämä on se kaikkein mielenkiintoisin hakemisto muokkauksen kannalta. Tänne kansioon tarvitsee mennä usein. Siellä sijaitsee kaksi alakansiota. /themes/ - se sisältää ulkoasuun liittyvät tiedostot. /plugins/ - se sisältää plugarit eli liitännäiset. 16 4. Kirjautuminen WordPressiin WordPressiin kirjaudutaan siten, että osoitteen jälkeen kirjoitetaan wp-admin. Eli juuri äsken luodun blogin osoite on localhost/wordpress3/, jos halutaan kirjautua sinne kirjoitetaan kuten alla olevassa kuvassa eli localhost/wordpress3/wp-admin. Joissakin tapauksissa kirjautumislinkki voi olla näkyvillä suoraan websivulla. Silloin websuunnittelija on sen sinne sijoittanut. Lisäksi kirjautumislinkin voi valita tarjolla olevista vimpaimista (Meta –vimpain). Vimpaimista kerrotaan luvussa ”13.2. Vimpaimet eli widgetit”. 17 5. WordPressin asetukset WordPressissä on runsaasti vaihtoehtoja asetuksiin, jonka vuoksi se on hyvin muokattavissa. Lähes kaikkeen pääsee vaikuttamaan juuri asetusten kautta. WordPressin asetukset sijaitsevat ohjausnäkymässä eli backendissä, joka vaatii kirjautumista (ks. luku 4). 5.1. Yleiset asetukset Ohjausnäkymässä valitaan ”Asetukset” (eng. Settings ja general). Kyseinen painike vie suoraan yleisiin asetuksiin. Laitetaan ensiksi sivuston otsikko ja alaotsikko kuntoon. Vaihdetaan sähköpostisoite, jos sille on tarvetta. Valitaan käytäntö sen suhteen, että voiko sivuston käyttäjäksi rekisteröityä. On suositeltavaa, ettei kuka tahansa voi rekisteröityä. Jos kuitenkin ruksi laitetaan kohtaan ”kuka tahansa voi rekisteröityä”, on suositeltavaa laittaa käyttäjien rooli matalaksi esim. ”tilaaja” on hyvä. Esimerkiksi tällainen menettely kuin alla olevassa kuvassa ei ole fiksu. Tässä tapauksessa kuka tahansa voisi rekisteröityä eli saada kaikki mahdolliset oikeudet blogiin. 18 Seuraavaksi tarkistetaan aikavyöhyke (Helsinki) ja kuinka päivämäärä näytetään. Lopuksi valitaan kellon esitystapa sekä se mistä viikonpäivästä viikko käynnistyy. 5.2. Kirjoittamisen asetukset Kirjoittamisen asetuksilla vaikutetaan siihen millainen on se näkymä, johon kirjoitetaan. Lisäksi on mahdollista vaikuttaa siihen, että julkaistaanko kirjoituksia esim. sähköpostin kautta. Ensimmäiset asetukset vaikuttavat muotoiluun, artikkeleiden oletuskategoriaan ja oletusartikkelimuotoon. Siinä alapuolella on kuvake ”Julkaise tämä”. 19 Kyseinen painike raahataan kirjainmerkkeihin. Tämän jälkeen voi kirjoittaa artikkelin liittyen mihin tahansa websivuun. Sivun ollessa auki tarvitsee vain napsauttaa kyseistä kirjainmerkkiä ja samalla avautuu näkymä, jossa on linkki kyseiselle sivulle. Linkin lisäksi myös otsikko on paikoillaan. Tämä toiminto on kätevä, jos kirjoittaa blogissaan vinkkejä liittyen muihin sivustoihin. 20 Sähköpostin kautta on mahdollista lähettää tekstejä julkaistavaksi. HUOM! WordPress julkaisee kaiken mitä postiin tulee eli valitse tarkoin sähköpostiosoite, jotteivät tavalliset sähköpostiviestisi vuoda julkisuuteen. Sähköpostia fiksumpi tapa julkaista viestejä suoraan omalta koneelta on ”Etäjulkaisu”. Tästä aiheesta lisää luvussa 17, jossa käsitellään LiveWriteria. Alimmaisena kirjoittamisen asetuksissa on ”Päivityspalvelut”. Blogilista ottaa päivityspingauksia vastaan osoitteessa: http://www.blogilista.fi/blogipalvelut/ping Kyseisessä kohdassa ei välttämättä ole mitään, jos märittelit niin asetuksissa. Napsauta silloin linkkiä ”näkyvyysasetuksista” 21 Ota ruksi pois kohdasta ”Kiellä sivuston näkyminen hakukoneissa”. Palaa sitten asetuksiin ja lisää osoitteita siellä jo olevan lisäksi. Jos blogi on blogilistalla ja siinä on mahdollisuus laittaa pingaus päälle. Se kannattaa laittaa päälle, koska silloin blogilista saa tiedon automaattisesti aina, kun blogi päivittyy. Tässä listaa ping-palveluista. http://www.blogilista.fi/blogipalvelut/ping http://rpc.pingomatic.com/ http://nyligen.se/ping/ http://rpc.pingomatic.com/ http://rpc.twingly.com http://ping.bloggnytt.se http://rpc.aitellu.com http://www.weblogalot.com/ping http://rpc.twingly.com http://api.feedster.com/ping http://api.moreover.com/RPC2 http://www.blogdigger.com/RPC2 http://www.blogshares.com/rpc.php http://www.blogsnow.com/ping http://www.blogstreet.com/xrbin/xmlrpc.cgi 22 http://bulkfeeds.net/rpc http://www.newsisfree.com/xmlrpctest.php http://ping.blo.gs/ http://api.moreover.com/ping http://ping.feedburner.com http://ping.syndic8.com/xmlrpc.php http://ping.weblogalot.com/rpc.php http://rpc.blogrolling.com/pinger/ http://rpc.technorati.com/rpc/ping http://rpc.weblogs.com/RPC2 http://www.feedsubmitter.com http://blo.gs/ping.php http://www.pingerati.net http://www.pingmyblog.com http://geourl.org/ping http://ipings.com 5.3. Lukemisen asetukset WordPressin oletus on, että kirjoitetaan blogia. Siksi etusivu on aina oletuksena blogi. Eli napsautettaessa linkkiä ”Etusivu” ilmestyy blogin kirjoituksia. Asetuksissa se näyttäytyy siten, että pallukka on kohdassa ”Uusimmat artikkelit”. Jos tehdään tavallista websivustoa, jossa blogi ei ole pääjuttu, kannattaa tehdä kuten alla. 23 Eli linkistä ”Etusivu” avautuu sivu, jonka nimi on ”Esimerkkisivu”. Blogille on tehty oma sivu, jonka nimi on blogi. HUOM! WordPressin käännös määrittelee blogikirjoitukset nimellä artikkelit. Siksi Artikkeleiden sivu on sama kuin blogikirjoitusten sivu. WordPressissä voidaan myös määritellä myös kuinka monta blogikirjoitusta ja uutissyötettä näytetään. Oletuksena laitetut luvut ovat tosin hyviä, joten niitä ei tarvitse muuttaa.. Seuraava kohta koskee RSS:ää eli uutissyötteitä. Kyse ei ole blogiteksteistä. Tätä asetusta ei kannata muuttaa. Viimeinen kohta koskee sivuston näkymistä hakukoneissa. On suositeltavaa, ettei sitä kielletä. kannata kieltää. 5.4. Keskustelun asetukset Keskustelun asetukset vaikuttavat lähinnä siihen, että kuka saa kommentoida blogikirjoituksia. Asetusten ensimmäisen kohdan rukseista viimeinen eli kolmas kohta on se tärkein eli voiko uusia blogikirjoituksia kommentoida vai ei. HUOM! Jos ruksi poistetaan kohdasta ”Salli uusien artikkeleiden kommentointi”, mutta joku on jo kommentoinut kirjoitusta, silloin kommentointi on edelleen mahdollista. 24 Seuraava kohta liittyy siihen, että millä ehdoilla saa kommentoida. Yleensä on hyvä, että kommentoija ilmoittaa nimensä ja sähköpostiosoitteensa. Sähköpostin osalta voit valita, että saatko WordPressiltä postia vai ei. Nuo kohdat kannattaa pitää raksitettuna, jos haluaa tietää blogin tapahtumista. Robottien lisäämiä kommentteja voit vähentää mm sillä, ettet hyväksy suoraan kommentteja, joissa yli 2 linkkiä. Seuraavissa kohdissa voi luetella sanoja, joiden perusteella voi vaikka heittää kommentin suoraan roskiin. Sitten siellä on vielä yksi kohta avatartoiminolle. Sen aktivoiminen ei ole suositeltavaa, koska se vaan hidastaa blogin selaamista. 5.5. Mediakirjaston asetukset Mediakirjaston asetuksiin ei ole tarvetta tehdä muutoksia. Siellä on oletuskokoja kuville ja oletusasetukset ovat hyvät. Ruksi kohtaan ”Järjestä siirtämäni tiedostot kuukauden ja vuoden mukaan nimettyihin kansioihin” kannattaa säilyttää, jos haluaa järjestää kuvat samalla systeemillä kuin blogimerkinnät. 25 5.6. Osoiterakenteen asetukset Tämä kohta on sivujen löydettävyyden kannalta hyvin merkittävä. Hakukoneille on ongelma päätellä mitä mahtaa sisältää artikkeli ?p=151. Asetuksia muuttamalla saman blogikirjoituksen URL-osoite on hakukoneiden kannalta paljon selkeämpi eli siinä on informaatiota sisällöstä. Tärkeintä on, että valitaan joku muu vaihtoehto kuin ensimmäinen. 26 Kun vielä säädetään luokat ja avainsanat, saadaan siistejä osoitteita. 27 6. Ohjausnäkymä Ohjausnäkymä eli Dashboard – Näyttää sen mitä blogissa on viimeksi tapahtunut eli viimeisimmät kirjoitukset ja kommentit näkyvät. Samoin WordPessin kehittäjäyhteisön uutiset tulevat tänne. Tämä painike on vasemmassa palkissa ylimmäisenä. Tämän painikkeen avulla saa nopean katsauksen sivuston tapahtumista. Täältä löytyy myös tietoa siitä mitä WordPressille kuuluu. Kohdassa päivitykset, näkyy tietoa päivityksistä. Tämä on kätevä toiminto, koska yleensä päivitykset joutuu tekemään ftp:n kautta. WordPress on tässä suhteessa hyvin käyttäjäystävällinen eli klikataan vaan kyseistä kohtaa ja noudatetaan ohjeita. 28 7. Blogikirjoituksen lisäys, muokkaus ja poisto Blogikirjoitukset ovat suomenkielisessä versiossa nimellä ”Artikkelit”. Saman valikon alta löytyvät myös avainsanat ja aiheet. 7.1. Blogikirjoituksen lisäys Uuden blogikirjoituksen voi lisätä suoraan ohjausnäkymässä, tosin silloin on kyseessä pikajulkaisu eli esim. editori puuttuu. Yleensä pikajulkaisua parempi vaihtoehto on valita ”Artikkelit” ja sieltä kohta ”Lisää uusi”. Sitten laitetaan otsikko paikoilleen. Ja sitten kirjoitetaan itse teksti. 29 Lopuksi napsautetaan painiketta ”Julkaise”. 7.1.1. Blogikirjoituksen asetukset Oikealla oleva valikko mahdollistaa runsaasti erilaisia vaihtoehtoja blogikirjoituksen julkaisulle. Siellä on esim. mahdollisuus tallentaa luonnos julkaisusta, jolloin blogikirjoitus on tallessa, mutta sitä ei ole vielä julkaistu. Lisäksi on mahdollisuus määritellä myös blogikirjoituksen näkyvyys. Oletusarvoisesti blogikirjoitus on julkinen. Jos laittaa ruksin kohtaan ”Kiinnitä tämä artikkeli etusivulle”, on kyseinen kirjoitus aina blogissa ensimmäisenä. On myös mahdollisuus suojata kirjoitus salasanalla tai määritellä sen yksityiseksi. 30 On myös mahdollista määritellä julkaisuajankohta. Varsin usein himobloggaajat kirjoittavat illalla valmiiksi kolme kirjoitusta ja ajastavat julkaisut siten, että ne ilmestyvät päiväsaikaan. Alempana on vielä erikoinen kohta nimeltään ”Muoto”. Tässä on kyse siitä, että blogikirjoituksesta otsikko jää pois ja tilalle lukee esim. ”Sivuhuomautus” tai ”Linkki”. Ehkä käyttökelpoisin noista on ”Tilapäivitys”, koska se muistuttaa Facebookia, Twitteriä jne. 7.1.2. Kategoriat ja avainsanat Kun kirjoitetaan uutta blogimerkintää, on mahdollista valita sille kategoria eli luokka. Yleensä luokkia on noin väliltä 5-15. Luokan tarkoitus on helpottaa aineiston ryhmittelyä. Tässä alla on esimerkki yhdestä luokittelusta. Napsautettaessa linkkiä nähdään heti luokkaan liittyvät kirjoitukset.. 31 Uusia luokkia voidaan luoda kohdasta “Lisää uusi kategoria”. Tagit eli avainsanat kannattaa laittaa jokaiseen viestiin. Sillä tavoin voit niputtaa asioita yhteen. 7.2. Blogikirjoituksen muokkaus Uusia blogikirjoituksia voidaan muokata valitsemalla ”Kaikki artikkelit”. Sen jälkeen valitaan kirjoituksen kohdalta ”Muokkaa”. On myös mahdollista valita pikamuokkaus, jolloin päästään suoraan blogikirjoituksen asetuksiin. 32 7.3. Blogikirjoituksen poistaminen Blogikirjoituksia voi poistaa valitsemalla ”Kaikki artikkelit”. Sen jälkeen valitaan kirjoituksen kohdalta ”Roskakoriin”. HUOM! Roskakori tarkoittaa sitä, että kirjoitukset ovat pois näkyvistä. Poistetut kirjoitukset vielä palauttaa. Tarvitsee vain valita ”Roskakori”. Sen jälkeen valitaan, mikä artikkeli palautetaan. 33 8. Editori Editori on sama sekä blogikirjoituksille (ks. luku 7) sekä tavallisille websivuille. Artikkeli ( eng. Post) tarkoittaa blogimerkintää eli yhtä merkintää päiväkirjaan. Kun kirjoitetaan uutta blogimerkinnän, tulee se automaattisesti ylimmäksi. Staattiset sivut pysyvät paikallaan (ks. luku 11). Ne eivät mene arkistoon eivätkä painu sivulla alaspäin, kun lisäät uudet blogimerkinnän. Tässä esitellään editorin toiminnot järjestyksessä vasemmasta yläkulmasta. Jos näkyy vain yksi rivi, on napsautettava painiketta, joka on ensimmäisellä rivillä viimeisenä. Ylärivin painikkeet Lihavoitu, jonka avulla voi lihavoida tekstin. Kursivoitu, jonka avulla voi kursivoida tekstin. Yliviivaus, jonka avulla voi yliviivata tekstin. Järjestämätön lista, jonka avulla voi tehdä järjestämättömiä listoja. Numeroitu lista, jonka avulla voi tehdä numeroituja listoja. Kappalelainaus, jonka avulla voit asettaa kappaleita lainauksiksi. Tasaa vasemmalle, jonka avulla voi tasata tekstin vasemmalle. Keskitä, jonka avulla voi keskittää tekstin. Tasaa oikealle, jonka avulla voi tasata tekstin oikealle. 34 Lisää tai muokkaa linkki, jonka avulla pääsee lisäämään tai muokkaamaan jo olemassa olevaa linkkiä. Poista linkki, jonka avulla poistat olemassa olevan linkin. Lisää more-tagi (lue merkki), jonka avulla voi tehdä artikkelista tiivistelmän ja tällöin se näytetään etusivulla tiivistettynä ja siitä on kokonaiseen artikkeliin. Oikoluku päällä tai pois, jonka avulla suoritetaan tekstin oikoluku. Koko ruudun näyttö päällä tai pois, jonka avulla pääsee kirjoittamaan artikkelia tai sivua koko ruudun editorilla. Paluu peruseditoriin tapahtuu napsauttamalla painiketta uudelleen. Näytä tai piilota lisävalinnat, jonka avulla pääset laajentamaan tai supistamaan editorin ominaisuuksia. Alarivin painikkeet Muotoilu, jonka avulla voi luoda otsikkoja. Alleviivaus, jonka avulla voi alleviivata tekstin. Tasaa molemmat reunat, jonka avulla voi tasata tekstin molemmille reunoille. Yleensä tämä on huono valinta, koska tekstin tavutus puuttuu. Valitse tekstin väri, jonka avulla voit valita tekstille värin. Liitä muotoilematon teksti, painikkeen avulla lisätään sivulle kaikenlaista tekstimateriaalia ilman erilaisia kuvia tai tehosteita Liitä Word-asiakirjasta, jonka avulla on mahdollista liittää tekstiä editoriin suoraan Wordasiakirjasta. Poista muotoilu, jonka avulla poistetaan tekstistä kaikki muotoilut.. Lisää erikoismerkki, jonka avulla lisätään tekstiin erikoismerkkejä. 35 Pienennä sisennystä, jonka avulla pienennetään sisennystä. Suurenna sisennystä, jonka avulla suurennetaan sisennystä. Kumoa, jonka avulla kumotaan aiemmin editorilla tehty toiminto. Tee uudelleen, jonka avulla tehdään kumotun toiminto uudelleen. Ohje, jonka avulla saadaan lisäapua editorin käyttöön. 8.1. Kuvan lisääminen Editorissa ei enää ole painiketta kuvan lisäämistä varten. Kuvan lisääminen on kuitenkin aiempaa helpompaa tästä puutteesta huolimatta. Kuvan lisääminen alkaa sillä, että ensin merkitään kohta kursorilla, jonne kuva lisätään (1). Sitten painetaan painiketta ”Lisää/siirrä media” (2). 36 Sitten napsautetaan painiketta ”Valitse tiedostot”. Valitaan sen jälkeen omalta tietokoneelta tiedostot ja lopuksi painetaan painiketta ”Lisää tekstiin”. Kun kuva on siirretty WordPresiin voi sen valita myös Mediakirjastosta tai Galleriasta. Myös URLosoitteesta voit lisätä kuvan, mutta se on vanhanaikainen ja hankala tapa.. 37 9. Media ”Lisää uusi” toiminnon avulla on mahdollista lisäillä tiedostoja kuten esim. ääntä, kuvaa ja liikkuvaa kuvaa. Sitten joko raahataan tai valitaan siirrettävät tiedostot.. Tätä kautta voi tuoda Mediakirjastoon useamman tiedoston kerralla. Siirron valmistuttua tiedostot näkyvät näytöllä. Täällä näkyvät myös WordPresiin editorin kautta tuodut mediatiedostot. 38 Täältä saadaan myös selville tiedostojen URL-osoitteet. Valitaan vaan tiedosto ja sitten muokkaa. Tämän jälkeen URL-osoite näkyy kohdassa ”Tiedoston URL”. 39 10. Linkit Aiemmissa WordPressin versioissa oli mahdollisuus luoda blogroll eli sivuilla näkyvä linkkilista. Uudemmissa WordPressin 3.5. versioissa ei tätä kätevää toimintoa ole lainkaan, mutta sen saa edelleen käyttöön Plugin avulla. Kätevä plugin tähän tarkoitukseen on Link ManagerWordPress Plugin (ks. plugineista lisää luvussa 14.). Eli tätä toimintoa ei ole enää nykyisessä WordPressissä. Seuraava koskee ainoastaan WordPressin versioita ennen 3.5:ttä. Links –sivustolle voi lisäillä linkkejä ja luokitella niitä kategorioihin. Voi näyttää esim. tällaiselta websivulla. HUOM! Sivulla ei välttämättä näy bloggrollia. Kyse on siitä, että onko kyseinen Wimpain käytössä vai ei (ks. luku 13.2.). 40 11. Sivut WordPress on ensisijaisesti blogiohjelma, mutta käyttämällä ”sivuja”, saa siitä hyvän julkaisujärjestelmän. Websivustolle voidaan lisätä sivuja napsauttamalla linkkiä ”Lisää uusi”. Sivujen järjestys voi olla täysin erilainen kuin suunniteltu., koska sivut menevät oletusarvoisesti aakkosjärjestykseen. Ongelma korjaantuu, kun laitetaan jokaiselle sivulle järjestysnumero. Silloin sivut asettuvat juuri haluttuun järjestykseen. Järjestysnumeron saa laitettua. kun napsauttaa sivun kohdalla linkkiä ”Muokkaa”, Pieni numero tarkoittaa, että sivu asettuu valikon alkupäähän. Nolla tarkoittaa aakkosjärjestystä. Kannattaa laittaa uusi järjestys muotoon 10 20 30 eli sivujen väliin mahtuu sen jälkeen lisäämään uusia sivuja. Jos sivuja on vähän kuten tässä, voisi tehdä näin 41 eli ensimmäisellä (Rapsberry Pi) on numero 1, Peliohjelmointia on numero 2, Tietokoneohjelmat on nro 3 ja Esimerkkisivu on nro 4. Silloin näkymä on kuten alla. HUOM! Etusivu on silti aina ensimmäinen ja siihen voit vaikuttaa vain asetuksissa (ks. luku 5.3. Lukemisen asetukset) Sivuja voi tehdä myös toisten sivujen alle. Jos ”Esimerkkisivu” sijoitetaan Raspberry Pi-sivun alle, tarvitsee määritellä ainoastaan Esimerkkisivun asetuksia. Laitetaan esim. Yläsivuksi ”Raspberry Pi”. Lopputulos on se, että syntyy allasvetovalikko. 42 12. Kommentit Comments – blogiin lisätyt kommentit. Täällä voi hyväksyä kommentteja tai heittää huonot kommentit roskikseen. Moni blogin kommentti voi olla botin kirjoittama. Botti on robotti, joka syytää mainoksia kaikkiin paikkoihin, joihin se pääsee käsiksi. Sellaiset viestit kannattaa merkata spämmiksi eli roskaviestiksi. Kommentteihin voi myös vastata suoraan ohjauspaneelista. 43 13. Ulkoasu Appearance – Blogiin ulkoasu ja vimpaimet. Tämä on kaiken keskus, kun on kyse siitä miltä sivusto näyttää. 13.1. Teemat eli sivupohjat WordPressiin löytyy teemoja eli sivupohjia kuten kuoria kännyköihin ja enemmänkin. Sivupohjan idea on, että ulkoasu pysyy samana, vaikka sisältö muuttuu. Helpoiten löytää sivupohjia sivustolta WordPress Theme Viewer (http://wordpress.org/extend/themes/). Sivuston ideana on, että siellä kuinka sivupohja toimii ja vasta sen jälkeen suoritetaan lopullinen valinta. Siellä voi myös etsiä sivupohjaa värin ja palstojen mukaan. Tässä esimerkki siitä, kun haetaan sinistä ja kahdella palstalla. Lopuksi napsautetaan painiketta ”Find Themes”. Haku näyttää kaikki hakukriteerit täyttävät hakuehdot.. 44 Kun sopiva löytyy, klikataan sen nimeä. Sitten download. Puretaan zip-paketti kansioon ”themes”. Sitten valitaan painike ”Ulkoasu”. 45 Sitten etsitään asennettu teeman ja napsautetaan linkkiä ”Ota käyttöön”. Uuden mallin asentaminen on juuri noin helppoa. Siinä tarvitsee ainoastaan tehdä kaksi asiaa  siirtää sivupohja oikeaan kansioon, /wp-content/themes/  mennä hallintapaneelin ja aktivoida teemaa napsauttamalla sen pienoiskuva tai sitten pelkää teeman nimeä. Useimmat mallit ovat nykyään mallia "widget-ready", jolloin niillä on tuki plugineille. Jotkut mallit vaativat myös pluginien asentamista. Mikäli teema eli ole sopiva WordPressin version kanssa, saa siitä ilmoituksen. 46 Netistä löytyy runsaasti sivupohjia WordPressille. Tässä parhaimmat        http://www.webdesignerdepot.com/2013/03/80-awesome-new-wordpress-themes/ http://www.noupe.com/design/a-collection-of-great-new-wordpress-themes.html http://designmodo.com/video-multimedia-wordpress-themes/ http://iwebask.com/blog/2011/10/12/10-best-three-column-free-wordpress-themes/ http://designmodo.com/restaurants-cafes-wordpress-themes/ http://iwebask.com/blog/2011/10/12/19-cool-websites-to-design-wordpress-blog/ http://wpdressing.com/medical-wordpress-themes-for-health-care-clinics/ 13.1.1. Oikotie sivupohjan asennukseen Yllä on kuvattu sivupohjan asennus siten kuin se tavallisesti menee. WordPress on tehnyt tähänkin kohtaan oikotien. Nykyisin tarvitsee ainoastaan napsauttaa ”Ulkoasu”. Sitten napsautetaan ”Asenna teemoja”. Sitten voidaan etsiä suoraan hakusanalla ja sopivan löydyttyä napsautetaan linkkiä ”Asenna”. Lisäksi voidaan asentaa zip-paketit suoraan tätä kautta. 47 13.2. Vimpaimet eli widgetit Widgetit tulevat aina sivupalkkiin. WordPressillä on itsellään useita widgettejä, joita voi raahaamalla lisäillä sivustolle. Tarvitsee vain ottaa widgetistä kiinni ja raahata sen sivupalkkiin. Samalla tavalla eli raahaamalla voi myös poistaa widgettejä. Tai sitten vaan valitaan linkki ”poista”. 48 Widgettien avulla voi säätää sivupalkin tismalleen sellaiseksi kuin haluaa. Yksi widgetti on ylitse muiden. Se on text eli Teksti. Sen avulla voit itse kirjoittaa ihan vapaasti tekstiä. Se mahdollistaa myös sen, että sivustolla otetaan käyttöön muiden tekemiä widgettejä. Esim. Twitterillä on omia widgettejä. https://twitter.com/about/resources/widgets Lisääminen onnistuu kopioimalla widgetin koodi leikepöydälle.. 49 Sitten liitetään teksti vimpaimeen. Tämän jälkeen sivustolla näkyy myös Twitter-päivitykset. 50 Toinen kätevä widgetti on ”Mukautettu valikko”. Mukautetun valikon avulla voi luoda valikon sivupalkkiin. Sitä ennen kannattaa kuitenkin luoda sivut, jotka haluaa valikkoon (ks. luku 8). Varsinaisen valikon luominen tapahtuu sitten kohdassa ”Valikot”. Lisätään uusi valikko ja annetaan sille nimi ja liitetään siihen sivut. 51 Ja tältä se valmis valikko näyttää (merkattu punaisella). 13.3. Yläpalkin asetukset WordPress muuttuu koko ajan kohti helpompaa muokattavuutta. Jotkut sivupohjat mahdollistavat yläpalkin kuvan vaihtamisen suuoraan selaimen kautta. Silloin tarvitsee vain painaa painiketta ”Otsake”. Sitten voidaan valita uusi aiemman kuvan tilalle. 52 Myös taustakuvaan voi vaikuttaa suoraan tätä kautta, Sivupohjaa voi muutenkin säätää kohdasta ”Theme options”. Joskus siinä on teksti suomeksi, jos suomenkilinen sivupohja. Joskus taas kyseistä valintaa ei näy lainkaan, silloin teemalla ei ole asetuksia. 13.4. Muokkain Muokkaimen avulla voidaan muokata sivupohjien koodia sekä CSS:ää. Ensin valitaan mitä muokataan. Esim. tässä muokataan virheilmoitusta ”Sivua ei löytynyt”. 53 Sitten kirjoitetaan muutokset. Eli suomennettuna virheilmoitus olisi fiksumpi. Ja vielä parempi, jos se on kokonaisuudessan suomeksi. 54 14. Lisäosat eli pluginit Plugins – blogin pluginit. Pluginit ovat pieniä ohjelmapätkiä, jotka suorittavat toimintoja. Joku ohjelmoi, jottei muiden tarvitse ohjelmoida. Kyseessä voi olla esim. pieni ohjelma, joka valitsee sattumanvaraisesti sivulla näytettävän kuvan. Osa plugineista on sellaisia, ettei niille tarvitse tehdä mitään muuta paitsi aktivoida. Osa plugineista vaatii asetusten säätämistä. Tässäkin suhteessa WordPress on kehittynyt. Nykyään tarvitsee ainoastaan valita ”Lisää uusi”. Sitten valitaan esim. ”Suositellut”. Kun sopiva löytyy, valitaan ”Asenna nyt”. Sitten otetaan lisäosa käyttöön. Jos plugin sisältää asetuksia, löytyvät sen asetukset kohdasta ”Asetukset”. 55 Mitä sitten kannatta asentaa? Tässä muiden tekemiä listoja. http://www.jeffbullas.com/2013/02/04/the-top-30-most-popular-wordpress-plugins-infographic/ http://www.gainprofitincome.com/16-top-wordpress-plugins-new-blog/ http://bloggingwizard.com/best-premium-wordpress-plugins/ http://blog.crazyegg.com/2013/04/05/wordpress-plugins-infographic/ http://www.markusossi.fi/20-parasta-wordpressin-lisaosaa/ http://www.izd.se/2012/12/wordpress-basta-plugins-dessa-bor-du-ha/ 14.1. Editorin virittäminen WordPressin editori on köykäinen, mutta sekin asia on korjattavissa. Valitaan vaan ”Lisää uusi”. Kirjoitetaan hakukenttään ”Ultimate TinyMCE”. Sitten napsautetaan linkkiä ”Asenna ny”. Sitten napsautetaan linkkiä ”Ota lisäosa käyttöön”. Huom! Jos pluginin lataus ei onnistu ja saat viestin, jonka sisältö on kutakuinkin seuraava. Fatal error: Maximum execution time of 30 seconds exceeded Muuta php.ini tiedostosta (ks. liite 4) kohta max_execution_time = 30 muotoon max_execution_time = 60 56 Sen jälkeen valitaan ”Lisäosat”, koska vielä on tarkoitus säätää asetuksia. Sitten valitaan asennetun pluginin asetukset. Valitaan ”Load beginner configuration”. Nyt valinnat on tehty valmiiksi. Jos halutaa lisää ominaisuuksia mukaan niin rastia ruutuun. Ja lopuksi tallenataan muutokset. Muutosten jälkeen editori on aimapaa lajeempi.. 57 Editorin asetuksia kannattaa säätää, jotta lopputulos olisi loppukäyttäjän eli blogikirjoittajan kannalta mahdollisimman mieluinen. 14.2. Kuvagalleria Nykyisin sivuilla näkee hienoja kuvagallerioita, joissa on mukana kaikenlaisia efektejä. WordPressiin on saatavilla runsaasti erilaisia plugineja, joilla voi saada aikaiseksi näyttäviä kuvagallerioita. Tässä asennetaan esimerkin vuoksi yksi hyvä ja helppokäyttöinen liitännäinen, jonka avulla kuvagallerian teko onnistuu hyvin. Valitaan ”Lisää uusi” Kirjoitetaan hakusanaksi ”NextGEN gallery”. Asennetaan kyseinen ohjelma. Otetaan lisäosa käyttöön. 58 Sitten napsautetaan gallery. Valitaan ”Add gallery/Images”. Laitetaan gallerialle nimi. Valitaan tiedostot kyseiseen galleriaan napsauttamalla painiketta ”Valitse tiedostot”. Kun valmista, painetaan ”Upload images”. 59 Kuvagalleria liitetään sivuille kuten alla (id tarkoittaa gallerian numeroa) [nggallery id=1] Nyt kuvagalleria on valmis. 60 14.3. Monta sivupohjaa samalla sivustolla WordPressin ajatus on, että yksi sivusto ja yksi sivupohja. Jokainen sivu ja blogikirjoitus saa samanlaisen ulkoasun. Jos haluaa jotakin muuta, on otettava plugin avuksi. Etsitään ”multiple themes”. Asennetaan plugin. Otetaan lisäosa käyttöön. Säädetään teemat kohdilleen kyseisen liitännäisen asetuksista. Sitten valitaan sivupohja. 61 On myös mahdollista valita sivupohja yksittäiselle sivulle kirjoittamalla sen URL-osoitte. Ja tässä esimerkki sivun määrittelystä, joka on lisätty em. tavalla. 62 15. Käyttäjät Users – käyttäjien hallinnointi eli kenellä on oikeus kirjoittaa ja kommentoida. 15.1. Uuden käyttäjän lisääminen Valitaan ensin ”Lisää uusi”. Sitten syötetään uuden käyttäjän tiedot. Tuossa ei ole muuta ihmeellistä kuin roolit, jotka esitellään tässä alla. Tilaaja (Subscriber) Tilaaja voi lukea ja kommentoida kirjoituksia. 63 Avustaja (Contributor) Avustaja voi edellä mainittujen lisäksi kirjoittaa artikkeleita sekä muokata niitä. Hän ei kuitenkaan voi julkaista kirjoittamiaan artikkeleita itse eikä muokata niitä enää julkaisemisen jälkeen. Kirjoittaja (Author) Kirjoittaja voi edellä mainittujen lisäksi myös itse julkaista kirjoittamansa artikkelit. Hän ei kuitenkaan voi muokata artikkeleita enää julkaisemisen jälkeen. Päätoimittaja (Editor) Päätoimittaja voi edellä mainittujen lisäksi muokata, poistaa ja julkaista myös muiden kuin itsensä tekemiä artikkeleita (myös jo julkaistuja). Toimittaja voi kirjoittaa ja muokata artikkeleiden lisäksi sivuja. Hän voi myös moderoida. Pääkäyttäjä (Administrator) Pääkäyttäjä voi edellä mainittujen lisäksi muokata sivuston ulkoasua, hyväksyä ja poistaa käyttäjiä sekä muokata näiden tietoja ja ottaa käyttöön uusia toimintoja asentamalla lisäosia. Super-Pääkäyttäjä (Super Admin) Jos yhden WordPress-asennuksen kautta hallitaan useita blogeja, pystyy Super-Pääkäyttäjä hallinnoimaan koko verkostoa. (Wordpress 3.0 ohjeet.) 64 16. Työkalut Tools – tuo tietoja toisesta blogista tai vie tietoja toisen blogiin. 16.1. Kirjoitusten siirtäminen toisesta blogista Mikäli sinulla on blogi, voit tuoda sen kirjoitukset uuteen WordPress blogiisi. Lopputulos riippuu siitä mistä järjestelmästä tuot tietoja. Useimmilla blogeilla on valmiita tuontifunktioita: Blogger, LiveJournal, Movable Type jaTypePad. Tuominen tapahtuu "Työkalut" -> "Tuo” ja sitten valitset blogin, josta tuodaan. Valitse ”Työkalut” ja sitten ”tuo”. Tämän jälkeen avautuu lista vaihtoehdoista. 16.1.1. Tuo tietoja WordPressistä Valitse ”Työkalut” ja sitten ”tuo”. 65 Valitse WordPress, jos tuot tietoja toisesta WordPressisistä. Asenna tuontityökalu. Ota uusi lisäosa käyttöön ja käynnistä tuontityökalu. Selaa tuotava tiedosto (xml-tiedosto, ks. tiedoston tuominen luvusta 16.2.). Ota mahdolliset liitteet mukaan. Lisäksi Wordpress osaa luoda uuden käyttäjän eli tässä tapauksessa käyttäjän nimeltä jaris. 66 Kun tuonti on valmis, näkyy uusi käyttäjä (jaris) kohdassa käyttäjät. Tuodut artikkelit ovat kohdassa ”Artikkelit”. 16.1.2. Bloggerista tuominen Valitse ”Työkalut” ja sitten ”tuo”. Valitse listasta Blogger 67 Asenna tuontityökalu. Ota lisäosa käyttöön ja käynnistä tuontityökalu. Ja eteenpäin valitsemalla ”Authorize”. Jos olet jo kirjautunut Bloggeriin saat varmistuspyynnön. Sitten pääset valitsemaan mitä tuodaan. 16.2. Kirjoitusten vieminen toiseen blogiin WordPressissä on toiminto vie eli export. Valitse mitä viedään. 68 Tallenna tiedosto. Nyt sinulla on kokonainen blogi tallennettuna xml-tiedostoksi. 69 17. Offline työkalut Offline työkalujen avulla voi kätevästi kirjoittaa ja muokata blogimerkintöjä. Kokeilemisen arvoinen on ainakin Microsoftin Live Writer. Sen avulla blogikirjoitusten teko on helpompaa kuin Wordin käyttö. Kuvatkin saa kätevästi mukaani ihan CTR+V käskyllä eli copy & paste toimii. Alla ohjelmia, joiden avulla sivuja voi päivittää. Windows  Microsoft Windows LiveWriter (suosittelen)  Post2Blog  BlogDesk  BlogJet 3 (maksullinen)  Zoundry Raven  Thingamablog  Quamana (maksullinen)  Bleezer (Windows 2000 tai XP)  WBEditor (maksullinen)  QTM Macintosh  Ecto (maksullinen)  MarsEdit (maksullinen)  Quamana (maksullinen)  QTM  Bleezer Linux  GNOME blog  BloGTK  Drivel  QTM 70  Thingamablog  Bleezer Laajennus Firefoxiin  ScribeFire Next Myös puhelimeen on mahdollista saada appseja, joiden avulla voi ylläpitää blogia. IPhonelle löytyy appsi nimeltä Wordpress. Andoidille löytyy vastaavasti Wordpress for Android. 17.1. Windows LiveWriter Windowsin käyttäjillä on mahdollisuus asentaa ilmaiseksi hyvä bloggausohjelma nimeltään Windows LiveWriter. Ohjelman hyviä puolia ovat seuraavat seikat.  mahdollisuus päivittää useaa blogia  mahdollisuus pilkkoa pitkät kirjoitukset  mahdollisuus käyttää näppäinoikoteitä kuten CTRL+S  mahdollisuus ajastaa julkaisu  oikoluku ja automaattinen korjaus  kuvien liittäminen leikepöydän kautta Ohjelman voit ladata osoitteesta: http://www.microsoft.com/fi-fi/download/details.aspx?id=8621 Sitten asennetaan ohjelma. 71 Valitaan asennettava ohjelma. 72 Valitaan asetukset. 73 Sitten on kaikki valmista 74 Käynnistetään ohjelma. 75 Ensimmäisellä käynnistyskerralla on määriteltävä tili. Tässä tapauksessa päivitetään Wordpressillä tehtyä blogia, joten valitaan ”Muu blogipalvelu”. 76 Määtellään blogin tiedot. Sitten alkaa blogitiln määrittely. 77 Jos halutaan blogin ulkoasu niin valitaan ”Yes”. Lopuksi tallennetaan blogi. Itse blogin käyttö on kuin kirjoittaisi Word-tekstinkäsittelyohjlemalla. 78 Uuden blogitilin voi lisätä valitsemalla ”Työkalut” – ”Tilit”. Sen jälkeen napsautetaan painiketta ”Lisää”. 79 Tämän jälkeen määritellään uusi tili. Kun uusi tili on määritelty samaan tapaan kuin ensimmäinen tili, on kyettävä valitsemaan minne blogiin julkaistaan. Uuden tilin voi vaihtaa aktiiviseksi oikeasta reunasta puhekuplan eli nimen kohdalta. Tässä esimerkissä blogi, jonka nimi on ”Jari Sarja”, on aktiivisena. Kun napsautetaan kohtaa ”Korseld” tulee kyseinen blogi aktiiviseksi eli sinne julkaistaan. 17.2. QTM QTM on mukana tarkemmassa tarkastelussa, koska se on ilmainen ja saatavissa niin Windowsille, Macintoshille kuin Linuksille. Tässä esimerkissä asennan kyseisen ohjelman Windows 7:lle. Ohjelma löytyy osoitteesta: http://qtm.blogistan.co.uk/blog/matthew-smith/2013/01/version-1313-released. Koska esimerkissä asennetaan ohjelma Windowsille, on valittava kyseinen asennuspaketti. 80 Napsautetaan selainnäkymän yläosaa ja valitsaan ”Download File”. Ja seuraavaksi Run eli tässä esimerkissä selaimena Internet Explorer:n kautta. 81 Ja loppu on sitten pelkää asennusta. Hyväksytään lisenssiehdot. 82 Sitten alkaa itse asennus. Ja sitten ohjelma on asennettu. 83 Ensin on määriteltävä asetukset. Muutetaan tarpeen mukaan. 84 Sitten luodaan uusi tili. Sitä varten tarvitaan blogin osoite ja sen perään kirjoitetaan vielä xmlpc.php (ks. kuvaa alla kohtaa Endpoint). Kohtaan Login name kirjoitetaan tunnus, jolla kirjaudutaan blogiin ja password-kenttään kirjoitetaan salasana. Julkaiseminen tapahtuu valitsemalla ”Blog this!” 85 18. Sivupohjan teko ja muokkaaminen Wordpressin 3:n mukana tulee oletussivupohjia kuten TwentyTen, Twenty Eleven ja Twenty Twelve. Varsinkin kaikista uusimmat sivupohjat tukevat kaikkia uusia ominaisuuksia, mitä uusi WP tarjoaa. Tällä hetkellä uusin on Twenty Twelve, jossa on siisti, mobiilioptimoitu ja mukautuva ulkoasu. Teema soveltuu erinomaisesti niin blogin kuin tavallisen verkkosivuston pohjaksi. Ohjauspaneelin tyylejä on viilattu ja grafiikat optimoitu Retina-näytöille. (ks. WordPress 3.5 “Elvin” suomeksi.) Sivupohjan asetuksiin pääset käsiksi siten, että valitset käyttöön kyseisen sivupohjan. Sen jälkeen voit muokata sitä. Tässä esimerkissä muokattava sivupohja on Twenty Twelve. Yksi kätevä tapa, jolla sivupohjan saa näyttäväksi on taustavärin ja taustakuvan vaihto. Valitse sopiva kuva ja napsauta painiketta ”Siirrä”. Taustakuvia voi tehdä itse tai sitten selaat sopivia netistä. Esim. seuraavilta sivuilta löytyy ilmaisia.  http://freestocktextures.com/texture/id/311  http://all-free-download.com/free-photos/metal-texture.html  http://www.texturemate.com/ Lisäksi kuvan asemointiin ja toistoon voi vaikuttaa. Tässä eimerkissä kuva on asemoitu keskelle ja sitä toistetaan pystysuunnassa. Lisäksi taustan väri on muutettu taustan kanssa sopivaksi. 86 Ja tältähän se näyttää tässä vaiheessa. Ilkmettä saa lisää laittamalla sivustolle yläpalkin. Saat laitettua sen valitsemalla kohdan ”Otsake”. Sitten valitset sopivan kuvan ja painat painiketta ”siirrä”. Yläpalkkeja voi etsiä esim seuraavilta sivuilta. 87  http://morguefile.com/  http://freewebpageheaders.com/  http://www.themeheaders.com/ Muutosten jälkeen sivuston ilme on seuraavalainen. Ja toisella sivupohjalla ilme on vielä toisenlainen. 88 Kaikissa sivupohjissa ei ole em. kaltaisia ominaisuuksia. Sekään ei ole este sivupohjan muokkaamiselle. Sivupohjan tiedostoja voidaan nimittäin muokata. Silloin valitaan valitaan linkki ”Muokkain”. Sitten valitaan mitä muokataan. Esim. CCS-tiedostot löytyvät sivun alalaidasta. 89 Napsauta linkkiä (style.css) ja pääset muokkaamaan tiedostoa. 90 18.1. Oman sivupohjan tekeminen Sivupohjalla eli teemalla on aina kaksi tiedostoa – style.css ja index.php. Ulkoasun määrää style.css ja mukaan otettavat elementit päättää index.php. Tai muistakin tiedostoja voi olla, mutta jotta teeman voi valita, tarvitaan nuo kaksi em tiedostoa. Tässä lyhyt kuvaus WordPressin tiedostoista, jotka liittyvät sivupohjaan.                        404.php (kun sivua ei löydy eli 404 virheilmoituksen sivu) archive.php (arkisto) attachment (liitteet) author.php (tarvitaan, jos halutaan kirjoittajan mukaan) category.php (luokittelu) comments.php (säätää kommentit, jos puuttuu niin oletusten mukaisesti) editor-style.css (määrää editorin ulkoasun) editor-style rtl.css (tarvitaan, kun pitää kirjoittaa oikealta vasemmalle) footer.php (alapalkki) functions (toiminnallisuutta ilman vimpaimia) header.php (sivuston yläosa eli yläpalkki jse yläpuolella olevat) index.php (kaikista tärkein, se kerää mukaan muut elementit, Pakollinen) license.txt (lisensehdot) loop.php (kaivaa blogimerkinnät) onecolumn-page.php (ei lainkaan sivupalkkia) page.php (usein sama kuin index.php – tarvitaan lähinnä yksittäistä sivua varten) rtl.css (oikealta vasemmalle tekstiä) screenshot.png (pieni kuva sivun ulkoasusta) search.php (haku) sidebar.php (sivupalkki) single.php (usein sama kuin index.php – tarvitaan lähinnä yksittäistä blogimerkintää varten) style.css (sisältää tiedot teeman luojasta ja säätää ulkoasun, Pakollinen) tag.php (etiketit) Sivupohjan eli templaten hierakian ylimmäisenä on index.php. Se kokoaa yhteen muut palaset kuten esim 404.php, joka tarkoittaa löytämätöntä sivua. Tiedostoja on paljon, mutta minimissään riittää kolme tiedostoa eli index.php, style.css ja functions.css. Tässä alla esimerkki siitä miltä sivuston template eli sivupohja voisi näyttää. 91 Yläosan nimi on header.php. Sinne tulee yleensä tietoja blogista kuten esim. blogin nimi ja kuvaus. Index.php sisältää kirjoitukset ja kommentit. Se on merkattu punaisella, koska se muuttuu. Muut osat ovat lähes koko ajan muuttumattomia. Kun kirjoitat esim. blogimerkinnän, tapahtuu muutos juuri tuossa osassa sivua. Sidebar.php sisältää yleensä arkiston ja kategoriat. Footer.php on osa, jossa tietoja esim. tekijästä. Seuraavaksi sivupohjan teko vaiheittain ja yksinkertaisuuden vuoksi sivupohja tehdään pilkkomatta index.php tiedostoa osiin. HTML ja CSS tiedostot on tehty CSS generaattorilla, joka on tuottanut valmiit koodit. Kyseinen generaattori löytyy osoitteesta: http://www.cssportal.com/layout-generator/ Doctypeksi valittiin HTML5, koska se on uusin ja jatkossa websivut tulevat olemaan HTML5muodossa. Sivulle tehtiin vielä yläpalkki hyödyntäen kuvia, joita löytyy palvelusta ”texturemate”. http://www.texturemate.com/ Navigaatiota ei sivuille suunniteltu lainkaa eikä mitään widgetteihin liittyvää. Tarkoitus on kopsata tarvittavat koodit teemasta ”twentyten”, joka tulee Wordpressin asennuksen mukana. Lisäksi widgettien osalta hyödynnetään koodia ja opasta: Create a WordPress Theme – Beginners Guide. 92 18.1.1. Vaihe 1 – sivupohjan elementit Vaiheessa 1 kannattaa tehdä hakemisto ja tiedostorakenne kansoon templates. Uuden kansio nimi on tässä tapauksesssa raspberry. Luo kansioon tiedosto index.php ja style.css sekä kansio images. Kirjoita tiedostoon style.css tiedot sivupohjaa varten ja tallenna tiedosto. /*====================================== Theme Name: Raspberry Theme URI: http://www.jarisarja.fi Description: Esimerkki siitä kuinka Wordpress 3.5:lle tehdään sivupohja Version: 1.0 Author: Jari Sarja Author URI: http://www.jarisarja.fi ======================================*/ Laita vielä kuva sivupohjasta png-muodossa. Kuvan koko on 300x225 pikseliä. Näiden toimenpiteiden jälkeen sivupohja on siinä vaiheessa, että sen voi valita eli ottaa käyttöön. Tosin vielä se ei näytä miltään, koska kaikki toiminnallisuus puuttuu. Silti kannaattaa valita se käyttöön jo nyt. 93 Tähän saakka tehty kokonaisuus löytyy alla olevasta linkistä. Zip-pkaetin mukana ovat myös tiedotost, joista sivupohja rakennetaan (index.htm. tyyli.css, ylapalkki.png ja reset.css). http://www.avkymppi.net/wordpress/raspberry1.zip 18.1.2. Vaihe 2 – blogin ulkoasu Seuraavassa vaiheessa tarvitaan valmiin sivuston HTML- ja CSS- tiedosto. CSS-tiedoston voi laittaa suoraan aiemmmin laitetun tekstin perään eli tekijätietojen jatkoksi. Tiedoston index.htm sisältö kopioidaan kokonaisuudessan tiedostoon index.php. 94 Sitten muokataan tiedostoa index.php. Ensin laiteaan sivuston kieli kohdalleen. Muutetaan keltaisella merkitty kohta. Sen tilalle laitetaan alla oleva koodi. <html <?php language_attributes(); ?>> Seuraavaksi laitetaan head –tagin alle koodi, jolla merkitökoodaus saadaan WordPressin asetusten mukaisesti. <meta charset="<?php bloginfo( 'charset' ); ?>" /> Sitten muokataan title eli poistetaan entinen. Tilalle koodi, jonka avulla title saadaan Wordpressin kautta. <title><?php bloginfo( 'name' ); ?><?php wp_title( '-' ); ?></title> CSS saadaan linkitettyä siten, että entinen linkitys heitetään pois (merkattu keltaisella) 95 Tilalle laiteaan koodi, joka linkittää CSS:n Wordpressin asetusten mukaisesti. <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" media="screen" /> Laitetaan vielä CSS-linkityksen jälkeen koodi, joka hyödyntää WordPressin sisäänrakennettua pingaustoimintoa <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> Laitetaan sen jälkeen koodi, jolla saadaan kommenttien ketjutus. <?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?> Lopuksi tarvitaan vielä ennen head –tagin päättymistä seuraava koodi. <?php wp_head(); ?> Tuota koodia tarvitsevat monet pluginit kuten esim. ”ShareThis”. Siksi se kannattaa ottaa mukaan. Tämän vaiheen tiedostot voit ladata alla olevast linkistä. http://www.avkymppi.net/wordpress/raspberry2.zip Koska CSS on nyt linkitetty, on sivusto tässä vaiheessa seuraavanlainen. 96 18.1.3. Vaihe 3 – blogin nimi ja kuvaus Tässä vaiheessa laitetaan blogin nimi ja kuvaus kohdilleen. Ensimmäiseksi kannattaa laittaa body – tagi sillä tavalla, että se huomioi millainen sivu on kyseessa. Eli se tuottaa seuraavalaista koodia. <body class="home"> <body class="single-post"> <body class="page"> Tuon saa aikaan muuttamalla body tagin seurvalla tavalla. <body <?php body_class(); ?> > Sitten laitetaan paikoilleen blogin nimi ja kuvaus. Alla on koodi sitä varten ja se sijoiteaan kohtaan, jossa lukee <p>This is Header</p> (se poistetaan). <div id="ylapalkintekstit"> <hgroup> <h1 id="sivun-title"><?php bloginfo( 'name' ); ?></h1> <h4 id="sivun-kuvaus"><?php bloginfo( 'description' ); ?></h4> </hgroup> </div> Tämän jälkeen on muutettava hieman CSS:ää, koska siellä ei vielä ole määritelmää sille miltä teksi näyttää. CSS-tiedostoon (style.css) pitää lisätä seuraavat määrittelyt esim. #header ja #navigation 97 määrittelyjen väliin. Tosin, kyllä sivusto toimii myös ilman noita määrittelyjä, mutta silloin teksti ei asemoidu suunnitelmien mukaisesti. #ylapalkintekstit { float: left; margin-top: 8px; padding: 10px; } #ylapalkintekstit hgroup { margin-left: 8px; } #sivun-title { font-size:40px; } #sivun-title {color: #73591f;} #sivun-kuvaus { font-size: 16px; margin-top: 10px; color: #73591f; } Tässä vaiheessa sivusto on seuraavanlainen. Tämän vaiheen koodit zip-paketissa. 98 18.1.4. Vaihe 4 – navigaatio Naivigaation saa mukaan seuraavalla koodilla, joka on suoraan teemasta ”Twentyten”. Tämä koodi sijoitetaan tiedostoon index.php kohtaan, jossa poistettava teksti <p>This is the Menu</p> . <div id="access" role="navigation"> <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?> <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?> </div> Tämän jälkeen laiteaan CSS-tiedosto style.css kuntoon, jotta se osaa näyttää valikon. Koodi on suoraan sivuspohjasta ”Twntyten”. Koodin voii sijoittaa CSS-tiedoston loppuun. /* =Menu -------------------------------------------------------------- */ #access { background: #000; display: block; float: left; margin: 0 auto; width: 940px; } #access .menu-header, div.menu { font-size: 13px; margin-left: 12px; width: 928px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header li, div.menu li { float: left; position: relative; } #access a { color: #aaa; display: block; line-height: 38px; padding: 0 10px; text-decoration: none; 99 } #access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; } #access ul ul li { min-width: 180px; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #333; line-height: 1em; padding: 10px; width: 160px; height: auto; } #access li:hover > a, #access ul ul :hover > a { background: #333; color: #fff; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #fff; } * html #access ul li.current_page_item a, * html #access ul li.current_page_ancestor a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, 100 * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #fff; } Tässä vaiheessa sivusto näyttää kutena alla olevassa kuvassa. Navigaation väri on väärä. Navigaation koko ja taustaväri menee kohdilleen, kun muutetaan seuraavia kohtaia (muutokset lihavoitu). #access { background: #9b6b02; display: block; float: left; margin: 0 auto; width: 960px; } Muutosten jälkeen navigaatio on linjassa ulkoasun kanssa eli oikean kokoinen ja taustaväriltään ulkoasun mukainen. 101 Neljännen vaiheen tiedostot zip-pakettina. 18.1.5. Vaihe 5 – sisältö Sisältöä varteen tarvitaan koodi, joka hakee kaikki blogimerkinnät. Alla on koodi, joka sikoitetaan kohtaan <div id="content"> eli kaikki Lorem ipsum teksti pois. <div id=”text”> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <h1> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> </h1> <?php the_content(); ?> </div> <?php endwhile; else: ?> <h2>Sivua tai blogimerkintää ei löytynyt!</h2> <?php endif; ?> </div> Lisätään siihen alapuolelle vielä navigaatio, jolla päästään uudempiin ja vanhempiin blogimerkintöihin. 102 <div id="bottom-navi"> <div><?php next_posts_link( '« Aiemmat kirjoitukset' ); ?></div> <div><?php previous_posts_link( 'Uudemmat kirjoitukset »' ); ?></div> </div> Tämän jälkeen on vielä muokattava CSS:ää, jotta teksti asemoituisi oikein ja oli muutenkin linjassa tyylin kanssa. Kohdan #content alapuolelle lisätään koodi, jolla teksti saadaan irti reunasta (uusi koodi lihavoitu). #content { background: #FFFFFF; margin-right: 300px; } #text { padding: 10px; } Koska kaikki tyylit on resetoitu trarvitsee vielä määritellä kaikki käytettvät html-tagit uudelleen. Mikäli näin ei tehdä, ei tekstissä näy lainkaan kappalejakoja. Siksi body tagin alapuolelle tulee uutta määrittelyä (uusi koodi lihavoitu). body { background: #e0e0e0; } body, button, input, select, textarea { color: #404040; font-family: sans-serif; font-size: 14px; line-height: 1.5; } /* Headings */ h1 {font-size:28px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;} h2 {font-size:24px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;} h3 {font-size:20px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;} h4 {font-size:18px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;} h5 {font-size:16px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;} h6 {font-size:14px; font-weight:bold; margin-top: 10px; margin-bottom: 6px;} h1,h2,h3,h4,h5,h6{ clear: both; line-height: 1; } 103 p { margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; } h1, a { color: #1636a1; text-decoration: none; } h1,a:hover {color: #f00;} b, strong { font-weight: bold; } Mikäli haluat tietää aiheesta lisää, lue artikkeli How To Reset & Rebuild WordPress Theme CSS & Define Your Layouts Tässa vaiheessa sivu on seuraavanlainen. 104 Tämän vaiheen koodit saat kokonaisuudessaan alla olevasta osoitteesta. http://www.avkymppi.net/wordpress/raspberry5.zip 18.1.6. Vaihe 6 – sivupalkki Tätä vaihetta varten tarvitaan uusi tiedosto ”functions.php”. Sinne sijoitetaan seuraava koodi. <div id="sidebar" > <?php if ( is_active_sidebar( 'sidebar_widgets' ) ) : ?> <div id="sidebar-widgets-wrap"> <?php dynamic_sidebar( 'sidebar_widgets' ); ?> </div> <?php endif; ?> </div> Tämän jälkeen muoktaan tiedostoa index.php, jonne tulee alla oleva kohtaan, jossa vielä Lorem ipsum tekstiä. <?php if ( is_active_sidebar( 'sidebar_widgets' ) ) : ?> <div id="sidebar-widgets-wrap"> <?php dynamic_sidebar( 'sidebar_widgets' ); ?> </div> <?php endif; ?> Laita vielä CSS-tiedoston loppuun seuraavat märrittelyt. /*------------------------------------Widgets --------------------------------------*/ #sidebar-widgets-wrap a {color: #0E4D7A;} #sidebar-widgets-wrap a:hover {color: #FF0000;} .widget-sidebar {margin-top: 20px; margin-bottom: 20px; position: relative;} .widget-sidebar ul {padding: 0 14px; list-style: none;} 105 .widget-sidebar li {border-bottom: 1px solid #CFCFCF;padding: 4px 0 2px;} .widget-sidebar h4 {background:#9b6b02; padding: 3px 0 3px 8px; margin-bottom: 4px; fontsize: 16px; border:1px solid #9B6B02; color:#fff;} .widget-sidebar img { display: block; margin: 10px auto !important; } .post { padding: 8px; margin-bottom: 15px; } .post .entry-title {margin: 0;} .post p {margin-top: 10px; margin-bottom: 6px;} .post p img { margin: 8px; } .alignleft {display:inline; float:left; margin: 4px 10px 12px 0 !important;} .alignright {display:inline; float:right; margin: 4px 0 12px 10px !important;} .aligncenter {display:block; margin:8px auto !important;} .alignnone {margin-top: 8px; margin-bottom: 8px;} .post h1, .post h2, .post h3, .post h4, .post h5, .post h6{ margin-top: 8px; } Sen jälkeen pitää laittaa muutama vimpain, jotta sivupalkissa näkyisi jotakin. Muutama vimpain riittää havainnollistamiseen. 106 Lopputulos on seuraavanlainen. Tämän vaiheen koodit zip-pakattuna. 18.1.7. Vaihe 7 – alapalkki Alapalkin osalta tarvitaan pienet muutokset. Entisen tekstin saa poistaa ” <p>This is the Footer</p>” ja tilalle alla oleva koodi. <strong>Copyright 2013 <?php bloginfo('name'); ?> | Kaikki oikeudet pidätetään.</strong> </a> Sitten tehdään CSS-tiedostoon seuraava muutos (muutos lihavoitu). 107 #footer { padding:5px 0; height: 40px; width: 100%; background: #9b6b02; text-align: center; clear: both; } Tässä vaiheessa alapalkki näkyy kuten alla oelavssa kuvassa. Tämän vaiheen koodit zip-pakettina. 18.1.7. Vaihe 8 – viimeistely Muutamia ä ja ö kirjaimeen liittyv ongelma poistuu, kun kaikki tiedostot tallenntaan UTF-8 muotoon. Työ hoituu kätevästi esim. NotePad++ ohjelmalla, jossa valitaan Tiedostomuoto ja ”Muunna koodaukseen UTF-8 (ei BOM). Tämä toimenpide tehdään kaikille kolmelle tiedostolle eli style.css, functions.css ja index.php. Sivustolla on velä sellainen ongelma, että siitä puuttuu kokonaa linkki etusivulle. Se korjaantuu laittamalla tiedostoon functions seuraava koodi (uusi koodi lihavoitu). <?php // Register The Dynamic Sidebar if (function_exists( 'register_sidebar' ) ) { register_sidebar(array( 'name' => 'Sidebar', 'id' => 'sidebar_widgets', 'before_widget' => '<div id="%1$s" class="widget-sidebar %2$s">', 'after_widget' => '</div>', 108 'before_title' => '<h4>', 'after_title' => '</h4>',) ); } function twentyten_page_menu_args( $args ) { if ( ! isset( $args['show_home'] ) ) $args['show_home'] = true; return $args; } add_filter( 'wp_page_menu_args', 'twentyten_page_menu_args' ); ?> Ihan lopuksi voi tarvittaessa säätää CSS:ää, jotta tekstien ja palkkien värit olisivat miuluisat. Tässä lopputulos. Koko paketti, jossa on nyt valmis sivupohja on ladattavissa alla olevasta linkistä. http://www.avkymppi.net/wordpress/raspberry8.zip 109 18.2. Sivupohjan tekeminen verkossa Verkosta löytyy paikkoja, joissa voit tehdä oman teemasi ilman, että osaat lainkaan HTML:ää, CSS:ää tai muutakaan sivuphjaan liittyvää koodaustaitoa. Yleensä valmis sivupohja tallennetaan omalle koneelle zip-pakettina.  Lubith (ilmainen, helppokäyttöinen – ilmeisesti mahdollisuus maksulliseen versioon, jossa enemmän toimintoja kuin ilmaisversiossa)  WP Theme generator (maksullinen, sisältää runsaasti erilaisia sivupohjia, joita voi muokata omiin tarkoituksiin sopiviksi.) 18.3. Ohjelmia sivupohjan tekoon Sivupohjan tekeminen ihan alusta saakka itse on haastavaa ja vaatii paljon aikaa. Lisäksi siinä vaaditaan kuvankäsittelyn, HTML:n, CSS:n ja PHP:n osaamista. Sivupohjan tekeminen verkossa voi tuntua vieraalta ainakin käyttöliittymän osalta. Nyt on kuitenkin olemassa ratkaisuja, jotka mahdollistavat sivupohjan tekemisen omalla koneella ihan yhtä helposti kuin käyttäisit tekstinkäsittelyohjlemaa. Näiden ohjelmien heikkous on siinä, että ne rajoittuvat usein yhteen käyttöjärjestelmään, useimmiten Windowsiin.  Artisteer (tunnetuin ja helppokäyttöisin, maksullinen). Windows  Template Toaster (monipuolinen, maksullinen). Windows.  Theme Frame (vaatii oman webpalvelimen esim. WAMP, MAMP). Windows ja Macintosh. 110 19. Tietoturva Tietoturva on useasta syytä tärkeä osa WordPressivuston ylläpitoa. Ensinnäkin huonosti hoidettu tietoturva voi johtaa siihen, että sivusto sotketaan eli sisältö on jotakin tyyliin “Hacked by”. Toiseksi on huomatta, ettei kyse ole pelkästään sivuston sotkemisesta. Tietoturvaseikkojen laiminlyöminen voi johtaa siihen, että webpalvelimen kautta lähetetään valtavia määriä roskaposteja tai sen avulla suoritetaan hyökkäystä toista webpalvelinta kohtaan. Kolmanneksi on todettava, että myös sivuston ylläpitäjät voivat vahingossa tuhota kokonaisen sivuston. Vahingon sattuessa on myöhäsitä miettiä, että olisko pitänyt huolehtia varmuuskopioinnista. Suomeksiä tästä aiheesta kannattaa lukea seuraavat artikkelit  20 tapaa parantaa WordPress-asennuksesi turvallisuutta, osa 1  11. Muuta WordPress-tietokantataulujen etuliite  WordPress: tietoturvan pikaohjeet  WordPress blogin tietoturva paremmaksi 19.1. Salasana ja käyttäjätunnus Sivuston pääkäyttäjän tunnuksen ei koskaan tulisi olla ”admin”, koska se on hyvin helposti arvattavissa oleva käyttäjätunnus. Kun pääkäyttäjän tunnus on tiedossa, tarvitsee enää arvata salasana. Mikäli Wordpressissä on entuudestaan tunnus ”admin” kannattaa tehdä niin, että luo uuden tunnuksen ja antaa sille pääkäyttäjän oikeudet. Sen jälkeen kirjautuu ulos järjestelmästa ja kirjautuu sitten Wordpressiin uudella tunnuksella. Tämän jälkeen ”admin” tunnuksen voi deletoida. Hyvä salasana on sellainen, jonka itse muistaa helposti, mutta mitä muut eivät voi arvata. Siksi esim. oma nimi takaperin tai oma syntymäaika ovat huonoja salasanoja. Yhtälailla huonoja ovat lasten ja lemmikkien nimet, koska nekin ovat helposti arvattavissa. Muutoinkin kaikki sanat ovat huonoja, koska ne voidaan murtaa koneellisesti sanakirjaohjelmien avulla. Toisaalta koneellisesti salasanan murtaminen on sitä vaikeampaa mitä pitempi sana on kyseessä. Salasanasta saa vielä paremman kun yhdistää siihen numeroita ja vaihtelee sekaisin isoja ja pieniä kirjaimia. ( Yksi tapa muodostaa salasanoja on tehdä muistisääntöjä. Esim. sulevoai muodostuu sanoista Suomen Leijonat voittaa aina. Vielä parempi olisi salasana tyyliin ipses3pp eli iso paha susi ei syönyt kolmea pientä porsasta. Jos muistat lorun, muistat myös salasanan. Älä kuitenkaan käytä tässä erimerkissä mainittuja salasanoja. (Wickholm 2000, 79) 19.2. Päivitä ja siivoa Wordpressin tietoturva on hyvä, mutta se edellyttää jatkuvaa päivittämistä. Wordpressin päivittäminen on tehty helpoksi. Ohjausnäkymässä näkyy, onko päivityksiä saatavilla. Esimerkiksi tässä tapauksessa (ks. kuvaa alla). on yksi päivitys saatavilla. Päivytkseen pääsee käsiksi napsauttamalla kyseistä linkkiä. 111 Linkin takaa paljastuu tilanne, että mihin päivitys liittyy. Tällä kertaa WordPress itsesäänn on ajan tasalla. Päivutystä kaipaa sen sijaan yksi plugin. Päivityksen lisäksi kannattaa huolehtia siitä, että poistaa kaikki sivupohjat eli teemat, joita ei käytä. Muutenkin kannattaa valita vain sellaisia sivupohjia, jotka on tehnyt itse tai jotka ovat saatavilla WordPressin kautta. Maailmalla on paljastunut sellaisia sivupohjia, joihin on piilotettu haitallista koodia. Sama koskee plugineja eli sellaiset pluginit pitää poistaa, joita ei käytä. 19.3. Varmuuskopiointi Mitä useammin hoitaa varmuuskopionnin, sen paremmin se on hallussa. Ja miksi kannattaa varmuuskopioida? Ensinnäkin om virhe voi kohtalokas, satoja kirjoituksia hävisi vahingossa. Ajan tasalla oleva varmuuskopiointi on silloin ratkaisu, sen avulla voi palata tilanteeseen ennen virhettä. Toiseksi on huomattava, että sivuston jouduttua hakkeroinnin kohteeksi, on takaporttien mahdollisuus suuri. Haitallista koodia voi olla useissa eri tiedostoissa ja sen avulla hakkeri pääsee uudelleen helposti hakkeroitumaan sivustollesi. 112 Tiedostojen osalta varmuuskopiointi tarkoittaa sitä, että webpalvelimella olevat WordPressin tiedostot tallentaan esim. omalle kotikoneelle, muistitikulle tms. Kopiointi hoituu kätevästi käyttäen jotakin FTP-ohjelmaa. Tietokannan kopiointi on hankalampi juttu, koska se edellyttää pääsyä tietokantaan. Sellaiset ohjelemat kuin PHPMyAdmin helpottavat tietokannan kopiointia, mutta usein plgin on huomattavasti helpompi ratkaisu. Yksi hyvä ratkaisu on plugin “BackWPup”, koska se kopioi sekä tietokannan että tiedostot. Asennuksen jälkeen valitaan “Add New Job”. Sitten valitaan mistä kaikesta otetaan varmuuskopio. Tässä tapauksessa otetaan varmuuskopio kannasta ja tiedostoista. Aalempana sivulla voi valita mihiten varmuuskopio pakataan. Ilmaisversiossa ei juuri ole muuta vaihtoehtoa kuin tallentaa varmuuskopio tiedostoon. Maksullinen versio mahdollistaa tallentamisen esim Dropboksiin. Sähköposti on muutoin hyvä, mutta isoja liitetiedostoja ei voi lähettää sitä kautta. 113 Lopuksi tallennetaan muutokset. Sitten on mahdollista suoraa kyseinen työ välittömästi. Välilehdellä ”Schedule” on mahdollista valita milloin varmuuskopio suoreitetaan. Siellä on mahdollista ”ohjlemoida” niin, että varmuuskopio oteaan, joka yö kello 3. 114 19.4. Pluginit Wordpressiin on tehty lukuisia käyttökelpoisia plgineja, jotka tuovat mukanaan lisää tietoturvaa. Ainakin seuraavat pluginit kannattaa asentaa. WP DB Backup WP DB Backupin avulla voi ottaa varmuuskopion tietokannasta, plugineista ja valittuna olevasta teemasta. WP Security Scan 115 WP Security Scan analysoi sivuston tietoturvan ja kertoo kuinka sitä voisi vielä parantaa entisestään. Stealth Login Page Tämän plugin avulla voidaan muuttaa sisäänkirjautumisreittä. Krakkerin on vaikea päästä kokeilemaan kirjautumista, koska hän ei edes löydä paikkaa, josta kirjautua. Se tietro, että kirjautumissivu on yleensä muotoa sivuston osoite /wp-admin/, on tässä tapauksessa hyödytön. Tässä alla olevassa esimerkissä virheellinen kirjautumisosoite ohjataan osoitteeseen www.google.com. Varsinainen kirjautumisosoite näkyy oainikkeen “Save settings” alla. Login Lockdown Tämän pluginin avulla voidaan rajoittaa epäonnistuneiden kirjautumisten määrää. Better WP Security Tämä plugin hoitaa lähes kaiken tietoturvaan liittyvän kuntoon. Tarvitsee ainoastaan valita ”Secure My Site From Bbasic Attacs”. 116 Sen jälkeen ilmestyy lista korjattavista asioista. Lisäksi korjattavat asiat on helppo hjoitaa kuntoon napsauttamalla lkinkkiä ”Click here ti Fix”. 117 20. Sivuston siirtäminen toiseen osoitteeseen Wordpressillä tehdyt sivut voi sirttää toiseen webosoitteeseen kokonaisuudessaa. Siirtäminen ei ole ihan yhtä helppoa kuin tavallisten staattisten HTML-sivujen siirtäminen yhdestä osoitteesta toiseen. Suurin haste on tietokannan kopioinnissa ja sen jälkeen tietokantaasdetusten muuttamisessa. 20.1. Sivuston siirtäminen omalta koneelta webiin Moni rakentaa uuden Wordpressillä tehddyn sivustonsa esnin omalle koneelle. Sitten kaiken ollessa valmista tulee eteen se vaihe, että sivu pitäisi siirtää jonnekin webhotelliin. Kun hankkii webhotellista sivut, saa sieltä perustiedot joiden avulla siirto onnistuu. 20.1.1. Tiedostojen siirto Tiedsotojen siirto hoituu FTP:n tai vastaavan menettelyn kautta. Suositeltava ohjelma siirtoon on WinSCP. Omalta koneelta on kaikki WordPressin tiedostot siirrettävä webhotellin osoittamaan paikkaan. Yleensä FTP-ohjelmissa oma kone on vasemmalla puolella ja webpalvelin oikealla. Tiedostojen siirtäminen ei yksistään riitä vaan tietokantakin täytyy siirtää omalta koneelta webpalvelimelle. 20.1.1. Tietokannan siirto Omalta koneelta löytyy ohjelma PHPMyAdmin, jonka avulla tietokannan kopioiminen onnistuu. Tässä alla esimerkki, kun käytetään ohjlemaa XAMPP. 118 PHPMyAdmin ohjelmassa valitaan ensin kopioitava tietokanta. Tämän jälkeen valitaan välilehti ”Vienti”. Sitten jatketaan. 119 Tallenna tiedosto ja avaa se sitten jollakin tekstieditorilla kuten esim Notepad++ tai Microsoftin omalla Muistiolla. Missään tapauksessa tiedostoa ei tule avata tekstinkäsittelyohjlemalla kuten esim Word. Tallennetusssa on täydellinen kopio tietokannasta, mutta siellä on runsaasti viittauksia aiempaan osoitteseen localhost. Siksi kannattaa jo tässä vaiheessa muuttaa etsi ja korvaa –toiminnolla osoite oikeaksi. Esimerkissä blogin uusi osoite on www.jarisarja.fi/wordpress. Siksi muutokset kuten alla. 120 Tallenna tiedosto muutoksineen. Tämän jälkeen täytyy mennä uudessa sivustossa PHPMyAdminiin tai vastaavaan paikkaan. Uudella sivustolla valitaan PHPMyadminista tietokanta ja sitten välilehti ”tuonti”. Sen jälkeen selataan tuotava tietokanta kohdilleen (juuri muokatti tiedosto wordpress3.sql) ja lopuksi painetaan nuolta ”Suorita”. Tämän jälkeen on vielä muutettava tiedoston wp-config.php –tiedoston asetuksia. Muutettavat kohdat saadaan webhotellin tarjoajalta. MySQL-palvelin on 90% todennäköisyydellä ”loclahost” eli sitä tarvitsee harvoin muuttaa. 121 Sitten kaikki onkin valmista. 20.1. Sivuston siirtäminen toiselle palvelimelle 122 Lähteet Aftonbladet (2009). Blondinbellas vinst: 7 000 kr i månaden. [Online: http://www.aftonbladet.se/nyheter/article11957648.ab] Cava. [Online: http://www.cavablogi.com/2013/01/uudet-aatteet.html]. Luettu 30.1.2013. Helppokäyttöiset blogipalvelut. [Online http://fi.wikibooks.org/wiki/Helppok%C3%A4ytt%C3%B6iset_blogipalvelut] Luettu 22.3.2012. IT-viikko. Bloggari elää 100 000 lukijalla. [Online http://www.itviikko.fi/uutiset/2009/04/22/bloggari-elaa-100-000-lukijalla/200910266/7]. Luettu 30.1.2013. Lipsanen, N. (2012). Wordpress 3.0 ohjeet. [Online: http://www.domnik.net/info/wordpressohjeet/30/kayttajatasot.shtml]. Luettu 25.3.2012. Ossi, M. [Online: http://www.markusossi.fi/tietoa/]. Luettu 30.1.2013. Wappalyzer. [Online: http://wappalyzer.com/categories/cms]. Luettu 30.1.2013. Wickholm, R. (2000, 78). Näin selviät salasanoista. Mikrobitti (10), 78-79. Wikipedia [Online: http://en.wikipedia.org/wiki/WordPress]. Luettu 21.3.2012. Wikipedia [Online: http://fi.wikipedia.org/wiki/Blogger]. Luettu 21.3.2012. WordPress 3.5 “Elvin” suomeksi. [Online: http://fi.wordpress.org/2012/12/12/wordpress-3-5-elvinsuomeksi/]. Luettu 14.5.2013. 123 Liite 1 WordPressistä on olemassa myös online -versio eli sinun ei tarvitse asentaa mitään palvelimelle. Tämä on helpoin tapa aloittaa oma blogi. Lisäksi roskaviestien suodatus toimii hyvin. Tässä versiossa on lähes kaikki WordPressin toiminnot. Sieltä on otettu pois joitakin WordPressin ominaisuuksia kuten omien teemojen tekemisen mahdollisuus sekä pluginien asentaminen. Wordpressin online –versio on ilmainen. Ilmaisuus pereustuu siihen, että blogissa näkyy mainoksia Suunnista sivulle: http://wordpress.com/ Sitten paina isoa kirjautumispainiketta. Sitten tiedot sisään ja painat Next. Jos käyttäjätunnus oli jo käytössä, joudut miettimään sen uusiksi ja tässä tapauksessa myös salasana uusiksi, koska se ei ollut tarpeeksi vahva eli se sisälsi pelkkiä kirjaimia. 124 Korjaa tiedot ja paina Next. Vaihda kieli ja otsikko eli blogin nimi ja lopuksi painat ”Signup”. Sitten on vielä jäljellä aktivointi. Eli kirjaudu s-postiisi ja napsauta linkkiä. 125 Sitten pääset kirjautumaan sisään. Tämän jälkeen suunnistat kohtaan ”My Dashboard”, jos englanninkielinen käyttöliittymä. Suomenkielisessä käyttöliittymässä Dashboard on nimeltään ”Ohjausnäkymä”. Hallintapaneelin pääset vain kirjautumisen jälkeen. Hallintapaneelin osoite on sivun osoite/wpadmin esim. 126 https://jarisblogg.wordpress.com/wp-admin Tämä on se käyttäjälle näkymätön puoli. Sivuston ylläpitäjälle tämä on kaiken ydin. Täällä kirjoitetaan tekstit ja täällä säädetään mm ulkoasut ja kaikki pienimmätkin asetukset. Tätä tavallisille käyttäjille näkymätöntä puolta kutsutaan nimellä ”backend”. Dashboard – Ohjausnäkymä. Näyttää sen mitä blogissa on viimeksi tapahtunut eli viimeisimmät kirjoitukset ja kommentit näkyvät. Samoin WordPressin kehittäjäyhteisön uutiset tulevat tänne. Store – Voit esim. ostaa blogillesi oman domainin eli verkkotunnuksen. Hinnat ovat korkealla, joten suosittelen ainoastaan verkkotunnuksen hankkimista. Posts – Voit lisäillä blogimerkintöjä sekä muokata aiempia kirjoituksia. Media – Voit lisäillä mediatiedostoja kuten ääntä kuvaa ja liikkuvaa kuvaa. Links – Voit lisäillä sivulle linkkejä ja luokitella niitä kategorioihin. 127 Voi näyttää esim. tällaiselta. Pages – Staattiset sivut eli tavalliset www-sivut, ei siis blogimerkinnät. Comments – Blogiin lisätyt kommentit. Voi hyväksyä kommentteja tai heittää huonot kommentit roskikseen. Feedbacks – Palautteisiin liittyvä toiminto, jonka tarkoitusta en ole vielä keksinyt. Polls –Tällä toiminnolla luot kätevästi erilaisia kyselyitä. Ratings – WordPress mahdollistaa artikkeleiden arvioinnin. Lisäksi on mahdollista arvioida yksittäisiä blogikirjoituksia ja kommentteja. 128 Appearance – Blogin ulkoasu ja widgetit. Täältä voit mm. vaihtaa blogin ulkoasun. Users – käyttäjien hallinnointi eli kenellä on oikeus kirjoittaa ja kommentoida. Tools – tuo tietoja toisesta blogista tai vie tietoja toisen blogiin. Lisäksi voit poistaa sivuston.. Settings – asetukset. 129 Liite 2. Webpalvelin omalle tietokoneelle Jotta voisit kokeilla WordPressiä omalla koneellasi tarvitset sitä varten palvelimen omalle koneelle sekä tulkin, joka tulkaa skriptikielen. Vaihtoehtoja ovat Windowsille: EasyPHP, XAMPP ja WAMP. Mackäyttäjien on tyydyttävä joko XAMPPiin tai MAMpiin. Asenna itsellesi joku edellä mainituista ohjelmista. Tässä nauhoitettuja ohjeita asennukseen.     MAMP Macille http://www.screencast.com/t/Nzg3NjFjZjE XAMPP Windowsille (Suosittelen) http://screencast.com/t/SvF2OPAZi Easyphp Windowsille http://screencast.com/t/ySxzNTawxp5t WAMP Windowsille (Suosittelen) http://screencast.com/t/8QPzLhaxEW Windowskäyttäjille löytyy kirjoitettuja ohjeita seuraavista linkeistä.   WAMP XAMPP HUOM! Macissä toimii myös XAMPP, mutta yllä olevan listan XAMPP ohje on tehty Windowsille. 130 Liite 3. XAMPPin asennus WordPressin käyttöön omalla koneella tarvitaan webpalvelin jossa on PHP-tuki ja MySQLtietokanta. Helpoiten noiden asentaminen onnistuu, kun asennetaan XAMPP. XAMPP on muunnosta LAMPista eli kyseessä on ohjelmistokokonaisuus ja alkukirjain osoittaa ohjelman soveltuvan usealle käyttöjärjestelmälle. Tässä lyhyesti koko paketti  X tarkoittaa, että ohjleman saa neljälle eri käyttöjärjestelmälle  A tarkoittaa Apace serveriä  M tarkoittaa MySqlää  P tarkoittaa PHP:tä  P tarkoittaa Perl-ohjelmointikiletä Nykyisin XAMPPin asennus on helppoa, koska kaikki osaset eli AMPP ovat saatavissa yhdessä paketissa. XAMPP on ilmainen ohjelma ja sitä jaetaan GPL lisenssillä. Asennettuasi XAMPPin pääset tekemään omalla koneella kokonaisia sivustoja ja myös testaamaan niitä omalla koneellasi. Et tarvitse webhotellia, kaikki on koneellasi. XAMPPin käyttö on suositeltavaa monestakin syystä. Ehkä painavin syy on, että kannattaa tehdä virheet omalla koneella. Silloin koko maailma ei huomaa, että sivustosi on ihan sekaisin. Toinen painava syy on, että päästään eroon FTP:n käytöstä. Eli jokaista pientä muutosta ei tarvitse aina tehdä niin että muutat, jonka jälkeen siirrät ftp:llä tiedoston ja taas testaat. XAMPPin asennus Suunnista ensin XAMPPin sivuille: http://www.apachefriends.org/en/xampp.html Valitse käyttöjärjestelmä. Tässä esimerkissä valitaan Windows, koska kyseessä on asennus Windowsille. Selaa sivua alaspäin, kunnes löydät asennuspaketin. 131 Valitse tallennea tiedosto. Kaksoisnapsauta tiedostoa, jonka juuri latasit. Napsauta OK. Napsauta Next. 132 Valitse ”Next” eli tässä vaihtoehdsossa asennetaan kaikki. 133 Valitse kansio, jonne asennetaan. 134 Valitse ”Next” ja poista ruksi kohdasta ”Learn more about”. 135 Ja vielä ”Next”. 136 Napsauta lopuksi ”Finish”. 137 Käynnistä Apache. Palomuuri reagoi ja valitse ”Salli käyttö”. 138 Käynnistä myös MySQL ja salli sen käyttö. Siirry sen jälkeen osoitteeseen localhost. Valitse kieli ja sitten onkin valmista. Napsauta kohtaa ”Security”. 139 Siellä näkyy muutama ongelma. Korjaa ongelmat valitsemalla linkki, joka on ongelmian alapuolella. Laita MySQL tietokannan pääkäyttäjälle salasana. Laita myös websivulle tunnus ja salasana. 140 Sammuta ja käynnistä MySQL uudestaan. Ohjlema löytyy alaplakistasi. Sitten sivustolla napsauta kohtaa security ja syötä sivuston salasana. Ja nyt webpalvelin on asennettu ja turvallinen. 141 Liite 4. PHP ini Webpalvelimen osalta tulee väkisinkin jossain vaiheessa ajankohtaiseksi jokin PHP-hen liittyvä ongelma. Googlauksen jälkeen selviää, että ongelma hoituu säätämää tiedoston php.ini asetuksia. Siksi tässä tietoa mistä kyseinen asetus löytyy. XAMPP Valitse hallintapaneelista Apachen kohdalta PHP (php.ini). Tämän jälkeen tiedosto avautuu muistioon muokattavaksi. Mikäli haluat avata tiedoston suoraan jollakin editorilla on polku C:\xampp\php\php.ini Muutosten jälkeen kannattaa webpalvelin sammuttaa ja käynnistää uudestaan. 142 WAMP Wampista php.ini löytyy wamoin kautta napsauttamalla. Valitset PHP ja sitten php.ini. WAMPissa on lisäksi mahdollista säätää php.ini tiedostoa menemättä ollenkaan kyseiseen tiedostoon. Valitset vaan mitä haluat. Valitset ensin PHP ja sitten PHP settings. Käynnistä muutosten jälkeen webpalvelin uudestaan. 143