Uusi ulkoasu on saapunut!

Tein blogin ulkoasusta omasta mielestäni selkeän, jotta lukijat viihtyisivät sivulla vaikka hetken edes pidempään. Tässä merkinnässä käyn oikeastaan vaan läpi mitä olen ulkoasulle tehnyt, miten olen sen tehnyt ja miksi ihmeessä olen toiminut näin. Merkintä sisältää "maallikon" korvaan aika paljon liirumia ja laarumia, joka ei ehkä kaikkia tosissaan kiinnosta. Lopussa vielä lievä raivokohtaus tämänhetkisestä koulutuksesta.

Tervetuloa te vanhat ja mahdollisesti myös uudet lukijat minun uuden ulkoasuni pariin. Tää on suunniteltu nyt silleen, että olen yrittänyt tulla teidän housuihinne.. Tuota.. Siis asettua teidän saappaisiinne! Niin, kyllä, asettua teidän saappaisiinne. Pahoittelut tosta möläytyksestä, se oli ensimmäinen asia mikä tuli mieleen ja en viitsinyt sitä enää huumoriarvonsa takia pyyhkiäkään. Seisoin tämän blogin edessä teidän saappaat jalassa, mietin hartaasti miten lukijat tätä sivua käyttää ja sitä kautta sitten yrittänyt tehdä tästä mahdollisimman selkeän ja helppokäyttöisen. Tai en tiedä miten tästä olisi tullut helppokäyttöisempi, mutta.. No, tein jotain.

Ennenhän tämä oli jaettu käytännössä kolmeen lohkoon. Oli vasen lohko, jossa oli jotain tietoa minusta ja joitain widgettejä – eli siis tommosia laatikoita, jotka sisältää jotain asiaa. Sitten oli keskimmäinen lohko, joka sisälsi otsikot, päivämäärät ja sitten tietenkin kaiken tämän tekstin. Oikea lohko taas piti sisällään enemmän sisällöllisiä juttuja, kaiketi. Nyt tämä sivu on enää kaksi lohkoa, vasen ja oikea. Vasemmalla on kaikki tiedot mitä voit täältä tarvita ja oikealla on tämä kaikki sisältö mitä te tulette tänne lukemaan.

Miksi ja miten päädyin tähän? Tää blogi on kuitenkin ihan alusta asti ollut kolmilohkoinen, joten olihan tämä aika massiivinen muutos. Kun mä yritin katsoa blogini ulkoasua lukijan silmin, niin mulle tuli ensivilkaisulla liikaa tavaraa näkökenttään. Siinä oli käytännössä siis kaikki mahdollinen heti saatavilla. Tokihan sen voi ajatella myös hyvänä, mutta nyt kun mä mietin sitä ihan ajan kanssa niin se rupesi mua enemmänkin ahdistamaan. Nyt kun blogi on enää kaksilohkoinen, niin tässä ei tule semmosta ähkyä heti. Ensisilmäyksellä näet kirjoittajan, eli minut ja pätkän tekstiluetteloa – toki uusimman blogimerkinnän ja blogin logonkin. Se ei kuitenkaan ole liikaa, ei mun mielestä. Ensivilkaisun jälkeen kun sä lähdet lukemaan blogimerkintää niin sulle aukeaa vasemmassa laidassa kokoajan jotain uutta. Toki se voi aiheuttaa silmien hyppimistä tekstistä toiseen, mutta olisi se tapahtunut vanhallakin ulkoasulla. En tiedä mitä yritän selittää, mutta mun mielestä tämä blogi on nyt paljon selkeämpi.

Ulkoasun värimaailma on periaatteessa toteutettu semmosella mallilla kuin 60/30/10. Ja sitten taas ei. Se oli kuitenkin semmonen ajatus mitä tavoittelin, mutta otin tänne silti käytännössä yhden enemmän värejä kun oli tarkoitus. Valkoinen on kuitenkin se perusväri, jonka pitäisi olla toi hallitseva 60 %. Sitten on tämä kiva sininen, joka periaatteessa valtaa sen noin 30 % kaikesta sisällöstä. Ja kyllä, kaikessa on käytetty samaa sinisen sävyä, mutta olen vähän muokkaillut sen läpinäkyvyysasteita, joten se sama sininen on hieman eri sininen joka puolella. Jotkut voisi ajatella, että se viimeinen 10 % on musta, mutta sitä mä en ajanut takaa. Viimeinen väri on yleensä siis jonkinlainen, hmm, korosteväri? Tämä väri on semmonen beige, joka löytyy jokaisesta blogimerkinnästä kun vierittää tätä blogia alaspäin. Se tulee himmeenä pohjaväriksi ilmoittamaan, että olet lähenemässä merkinnän loppua ja sen jälkeen allekirjoitus on vielä alleviivattu tällä samalla värillä. Nerokasta, minä sanon.

Mutta voi pojat.. Kyllä minä taas säädin! Jos toi edellinen pätkä ei ollut vielä tarpeeksi liirumlaarumia teille, niin nyt tulee sitten senkin edestä. On se hitusen liirumlaarumia vielä itsellekin, mutta ymmärrän nykyään jo jotain. Mulla oli täällä siis semmonen ajansaatossa muodostunut css-tiedosto, tyylisivu tai joku tämmönen, mitä muokkaamalla sain tästä ulkoasusta aina piirun verran erilaisen. Se on siis täynnä koodia, jota mun on täytynyt tässä opetella matkan varrella. Tällä koodilla voi oikeastaan täällä vaikuttaa vaan tän blogin ulkoasuun, en tiedä onko siitä muuten mitään hyötyä missään. Vanha ulkoasu sisälsi semmoisen noin 20 sivua (A4) erilaisia koodirimpsuja. Mitä tein tämän uuden ulkoasun kanssa? Mä alotin ihan puhtaalta pöydältä. Kopioin talteen vanhan sivupohjan ja rupesin hallitusti luomaan tätä uutta ulkoasua bloggerin tarjoaman sivupohjan päälle siis tyhjästä. Käytännössä tyhjästä. Mä voin kiinnostuneille tuoda tähän yhden lainauksen tuolta css-tiedostosta.

#Profile1 .widget-content {
padding-top: 20px;
padding-bottom: 16px;
}

.profile-data a {
background-size: 0px;
padding-left: 0px;
text-transform: uppercase;
}

.profile-img {
background: white;
border-radius: 30px;
border: solid 1px rgb(84, 186, 185, 0.1);
}

Esimerkiksi siis tämä koodi tässä. Tällä mä olen saanut ton mun profiilikuva-laatikon näyttämään juuri tuolta. Jokainen viiva ja syvennys on tehty hyvin tarkasti harkiten. Mä olisin voinut myös jättää noi kaikki vasemman palstan laatikot samallaisiksi, mutta mä koin jotenkin tarpeelliseksi muuttaa niitä hieman yksilöllisemmiksi, jotta selaaminen olisi kai mukavampaa. En tiedä.

Ja kun tämä ei siis ole niin yksinkertaista kun miltä se kuulostaa. Mulla ei ollut missään mitään tietoa siitä, että millä nimellä mä rupean muokkaamaan mitäkin. Tai, no, olishan mulla ollut se vanha css-tiedosto, mutta jostain syystä unohdin hyödyntää sitä.. Mun on pitänyt hyvin paljon tutkia tän ulkoasun luojan, hmm, lähdekoodia tai jotain, mitä se nyt sitten ikinä onkaan. Ja vaikka sen koodin tutkiminenkin on aika helppoa lopulta, niin mun on silti täytynyt vielä käyttää omaa järkeäkin, jotta oon löytänyt joitain kadoksissa olleita asioita. Ja joo, tässä meni ajallisesti muutamien päivien ajan kaikki mahdollinen "oma aika". Tää nyt kuulostaa siltä kun yrittäisin puhua itselleni jotain mitalia, mutta.. No, antakaa vaan! No ei tarvitse, pärjään ilmankin. Mä tein sen teidän vuoksi ihmiset! Mä halusin, että te viihtyisitte paremmin täällä mun blogissani. Joten kovasti toivon, että tämä mun suuri työni oli sen vaivan arvoista, koska muuten.. No, mä en palaa enää vanhaan, joten sitten teidän täytyy vaan lopettaa lukeminen. Toki sekin on myös suuri harmi, mutta antakaa mun nyt olla ylpeä tästä työstä mitä olen tehnyt!


Mun suurin motivaattori tämän blogin ulkoasun päivitykseen oli toi koulutus. Tosiaan kun opiskelen verkkosivutuotantoa, niin ei tämmöset omat harjotukset ole pahitteeksi. Me ei olla kyllä ton koulutuksen aikana vielä kertaakaan koskettu mihinkään koodiin, että vähän sen puolesta pelottaa, että tiedänkö käytännössä enemmän kun on tarve. Tuskin. Olisin halunnut, että voin hyödyntää tätä koodia, joka selvästi kiinnostaa ja jota jo osaan.. Vaan ei. Me tehdään verkkosivuja WordPressillä – sitä en rupea teille tässä sen enempää avaamaan, että mikä se on, mutta se on juttu, jolla tehdään verkkosivuja. Ja jotta verkkosivujen tekeminen ei olisi liian helppoa, niin meillä on siellä vielä semmonen plugin (Elementor Pro), joka tekee hommasta käytännössä palapelin kasaamista. Laita laatikko tuohon, lisää laatikkoon sisältö, lisää seuraava laatikko ja näin..

Tässä on taas vaan semmonen asia, joka mua hyvin suuresti ärsyttää. Kerrankin kun mä olen koulutuksessa, joka mua oikeasti todentotta kiinnostaa, niin meidän opettaja peruu luentoja kokoaika. Meillä olisi luento joka perjantai, mutta tässä on kohta kuukausi istuskeltu ilman ainuttakaan luentoa. Ei ole tulevana perjantainakaan, tänään sain tietää. Käytään hakemassa oppimateriaali ItsLearning-sivustolta ja tehdään omatoimisesti hommia, joita opettaja meidän haluaa tekevän. Mä haluaisin, että meillä olisi luentoja! Mä haluaisin, että joku selittäisi nämä asiat mulle. Vaikka mä ne omatoimisesti toki handlaankin, niin jotenkin haluaisin, että tämä tieto menisi takuuvarmasti päähän, jotta musta voisi joskus tulla alan ammattilainen.

No, mä periaatteessa saan nyt enemmän rahaa, vaikka vaivaa mun ei tarvitse sen eteen nähdä. Mutta tässä tapauksessa se ei ole se mikä mua kiinnostaa. Mua oikeesti kiinnostaa tämä koulutus ja haluan tehdä verkkosivuja. Haluan tulla tässä hyväksi tai ainakin paremmaksi mitä olen nyt. Rehellisesti mua kiukuttaa aina joka viikko lukea, että opettaja peruu viikon ainoan yhteisen tunnin jonkun ihmeellisen syyn takia. Okei, se on ollut sairaana ja työmatkoilla, mutta silti! 

Mä opin ihan liian vähän ja mulla on koulun puolesta ihan liian vähän tekemistä. Sen takia pitää sitten koodailla omaan blogiin uutta ulkoasua. Vaikka eihän sekään toki huono ole, vai? Niin tai näin, tämä kiukuttaa minua – jos se ei siis tullut vielä selväksi.

Tämä merkintä on sikäli typerä, että jos joskus päädyn uudistamaan ulkoasua uudemman kerran niin tämä ei ole enää validi. Tällä hetkellä tämä kuitenkin on kovinkin paikkaansapitävää tietoa, joten nauttikaa vielä kun voitte. Nyt ei mulla nimittäin enää muuta! Seuraavaan kertaan.

Terveisin,
Vesa-Matti