Blogi


Ilmainen WordPress-teema: Finntastic

Vuosia sitten lupailin ilmaista WordPress-teemaa ja sen tekeminen jäi lopulta kesken. Nyt teen sellaisen ja ajattelin samalla kuvata ainakin suunnitteluvaiheen Photoshopissa, sekä .PSD-tiedoston leikkaamisen kuviksi. Koostamisen teemaksi meinasin tehdä tekstinä ja kuvina, mutta asiat voivat vielä muuttua.

Päivitys #1: Teen vain kuvien leikkaamisesta videon, koostaminen WordPress-versioon tulee suoraan .zip -tiedostona. Teeman arvioitu valmistumispäivä viikon 26 aikana.
Päivitys #2: Lisäsin .PSD-tiedoston, sekä käytettyjen ikoneiden latauslinkit.

Alkusuunnittelu

Teeman nimeksi valitsin Finntastic (suomalaisen tekemä ”fantastinen” WordPress teema, heh heh). Nimellä ei sinällään ole mitään isompaa merkitystä, se tuli nyt ensimmäisenä mieleen. Tarkoituksena on tehdä perinteinen WordPress-teema, mikä koostuu seuraavista ominaisuuksista:

  • Fontit: Droid Sans (ilmainen + Googlen Web Font), Arial, Georgia
  • Ikonit + WordPress-logo
  • Yläosa (logo+valikko)
  • Slider (näyttää joko ”mainoksia” tai viimeisimpiä artikkeleita)
  • Etusivulla blogista poimittuja artikkeleita
  • Twitteristä poimitut viisi viimeisintä twiittausta
  • HTML5 & CSS3 -ominaisuuksilla tehtyjä hienouksia
  • Kuvia mahdollisimman vähän
  • Katso valmis .PSD-kuva
  • Lataa PSD: [download id=”2″]

Pohjaksi valitsin 960.gs -sivun 12-sarakkeen pohjan, minkä leveys on yllättäen 960px, joista 940px on varattu sisällölle. Ensimmäisen videon alussa näkyy kyseisen frameworkin lisäosa, mikä tekee automaattisesti 12 saraketta ja kaikki apuviivat. Ikonit ja sliderin kuva eivät ole minun tekemiä, käytin niitä vain esimerkkeinä, ikoneja käytän kyllä teemassakin, koska ne ovat siihen sallittuja.

Ilmainen WordPress-teema, suunnitteluvaihe

Videoiden värit on hieman sinertävät, koska en ole aiemmin tehnyt videoita. En vain osaa, mutta opettelen. Videoiden äänet on myös poissa, ajattelin jättää kommentoinnin pois, eikä musiikin lisääminenkään tuntunut hyvältä idealta, joten voit kuunnella suosikkejasi samalla kun katsot videota. Kokonaispituus neljälle videolle on 48 minuuttia + leikkausvaihe n. 4 minuuttia.

Logo-osan ja vaalen taustan alueella on käytetty 0.8% kohinaa, mikä ei näy kunnolla videoissa, eikä valmiissa .psd-kuvassa. Live-versiossa se kuitenkin tuo pientä tekstuuria alueille. Toivottavasti videoista irtoaa jotakin uutta ja jos on jotain mitä voisin tehdä toisin niin kommentoikaa.