Välilehdet blogiin: hyödyt ja helppo asennus

Edit: päivitetty juttu löytyy täältä tuoreilla ohjeilla mutta tästä ohjeesta löydät hyviä vinkkejä välilehtien sisällön suhteen.

Tänään askarrellaan blogiin välilehtiä. Sivut, välilehdet, paget, tabit tai mitkä lie ovat nuo blogin bannerin alla olevat lisäinformaatiota tarjoavat otsikot (käytän tässä jutussa tuota välilehti-termiä). Vaikka sinulla sellaiset jo olisi, älä karkaa vielä! Et ehkä ole saanut niitä muokkailtua kivoiksi ja aseteltua kauniisti tasaisesti sivun keskelle, vaan ne ovat asettautuneet vasempaan reunaan. Nämäkin ongelmat jäävät historiaan, kun lukaiset postauksen loppuun asti. Tämä ohje on muuten valitettavasti vain Bloggerille.

Ennen kuin startataan aiheesta muistuttaisin teitä vielä "Suomalaisten lifestyleblogien uskottavuus" -kyselystä. Siihen on vielä muutamia päiviä aikaa vastata ja toivoisin sinunkin vastaavan, jos et ole sitä vielä tehnyt.

No niin. Aloitetaan.

Miksi välilehdet blogiin?
Jokaisessa blogissa on aina jotain staattisempaa sisältöä, jonka bloggari haluaa olevan näkyvillä aina ja ikuisesti. Sellainen on yleensä bloggarin esittely, kaikki blogin seurantamahdollisuudet Facebookista Blogloviniin, tai vaikka linkki bloggarin toiseen blogiin. Sivupalkki on totta kai kätevä sijoituspaikka mutta siitä voi tulla pian kovin tukkoinen, jos sinne haluaa sijoittaa myös esimerkiksi mainosbannereita tai muita kapistuksia. Lukija joutuu selaamaan pirun kauas alaspäin ennen kuin on nähnyt kaikki oleelliset linkit. Ja moni lukija ei edes jaksa tai huomaa skrollata ja tuijotella mitä aarteita sivupalkki oikein pitääkään sisällään.
Sivupalkkiin ei myöskään mahdu kovin pitkiä pätkiä tekstiä mikä voi haitata esimerkiksi oman esittelyn tekemistä.

Välilehdet ovat oiva keino tarjota kaikki tärkeä informaatio ilman, että blogin etusivulla näyttäisi olevan ihan liikaa ihan kaikkea. Välilehtien sijainti heti bannerin alla tarkoittaa sitä, että aika monien silmät sinne harhautuvat niiden ilmestyessä ruudulle ensimmäisenä ilman mitään skrollailuja. Niihin voi myös tarinoida huoletta vähän pidempiäkin pätkiä vaikkapa juuri itsestään. Koska välilehdet näkyvät heti blogiin tultaessa, niistä saa nopeasti myös käsityksen blogin tarjonnasta. Potentiaalinen lukija voi siis kiinnostua heti ja jäädä pyörimään blogiin pidemmäksikin aikaa. Allekirjoittanutkin voisi panostaa noihin välilehtiin vähän enemmän.

Mitä sisältöä välilehtiin?
Välilehdille voi laittaa vaikka nuo edellä mainitsemani seurantamahdollisuudet ja oman esittelyn. Blogeissa näkee myös kaikenlaisia koirille, kissoille ja kengille omistettuja välilehtiä. Jos tiedät, että blogissasi on jokin aihe ylitse muiden (vaikka ne sinun unelmahäät) tai jokin kaikkia kiinnostava henkilö itsesi lisäksi (esim. koira tai poikaystävä), omien välilehtien väkertäminen näille yleisömagneeteille on ihan suotavaa. Esimerkiksi: luo välilehti "Jeppe" ja sitä klikatessa jokainen jepestä kiinnostunut lukija löytää yhden postauksen tästä koirastasi tai poikaystävästäsi. Voit myös laittaa kaikki jepellä tägätyt postaukset välilehden taakse. Näin vältyt osalta niistä ikuisista kysymyksistä aiheeseen liittyen, sillä jokainen löytää hävettävän helposti tuonne sitä käsittelevään välilehteen ja sitä myötä pääsee käsiksi kaikkeen oleelliseen tietoon. Totta kai nämä postaukset löytyisivät myös sivupalkin tageista tai linkeistä mutta älä yliarvioi ihmisten kykyjä ja haluja penkoa sivupalkkia, jos se on kovin täynnä.

Voisin antaa hauskan välilehtiesimerkin Italian ylpeydestä The Blonde Salad -blogista. Sieltä löytyy yksi välilehti nimeltä Looks, jossa on pelkkiä asukuvia vieri vieressä. Kuvaa klikkaamalla pääsee kyseisen asun postaukseen. Vähän erilaista ja oikein tyylikästä! Kerron edessä päin miten saat itse tuon tyyppisen sivun tehtyä.

Miten saat välilehdet blogiin?
Mene blogisi hallintapaneelissa vasemman reunan valikon Sivut -kohtaan:

Avautuvasta näkymästä klikkaa Uusi sivu ja eteesi aukeaa seuraavat kaksi vaihtoehtoa:

Tyhjä sivu tarkoittaa sitä, että voit luoda yhden sivun täysin oman mielesi mukaan. Esimerkiksi minä olen tehnyt blogini aneemisen Contact -välilehden tällä taktiikalla. Sivun tekeminen muistuttaa hyvin paljon postauksen tekemistä:

Oikean reunan Asetukset -kohdasta saat valita saako välilehteä kommentoida niin kuin postauksia. Jos et aio koodailla html:ää niin voit jättää kaksi seuraavaa palluraa rauhaan mutta kiinnitä niihinkin huomiota, jos koodia meinaat sivulle pistää. Muutoin voit kirjoitella ihan normaalisti, lisätä kuvia ja muokkailla tekstin ulkonäköä ym. mitä postausta tehdessäkin voit tehdä. Muista laittaa otsikkoon se otsikko, minkä nimen haluat välilehdelle antaa.

Tällä edellä kuvatulla tyylillä voit tehdä sen The Blonde Salad -henkisen välilehden, jossa on kuvia kyseisiin postauksiin johtavilla linkeillä. Eli tekstin sijasta laitat sivulle kuvia ja liität vastaavaan postaukseen vievän linkin kuvaan.

Verkko-osoite -vaihtoehto taas mahdollistaa muiden sivujen "asentamisen välilehdiksi". Esimerkiksi minulla mm. välilehdet Blogilista ja Bloglovin vievät blogini ulkopuolisille sivuille. Avautuvassa ikkunassa annat vain välilehdelle nimen ja isket kenttään sen osoitteen, mihin haluat välilehden vievän (esim. blogisi sivu Blogilistalla).

Voit myös valita mihin kohtaan välilehdet asettuvat:

Ne tulevat automaattisesti tuohon bannerin alle Ylävälilehdet -kohtaan mutta vaihtoehtoisesti voit asettaa ne sivupalkkiinkin.

Välilehtien järjestystä pääset muuttamaan tuosta edellisessä kuvassakin näkyvästä vaaleansinisestä pystypalkista, joka on jokaisen sivun oman palkin vasemmassa reunassa. Tartu siitä ja liikuttele!

Muista lopuksi painaa Tallenna asettelu oikeasta yläkulmasta.

Jos haluat esimerkiksi kaikki tietyllä tagilla varustetut postaukset yhden välilehden taakse, niin valitse tuo verkko-osoite. Sitten menet toisessa selaimen välilehdessä tai muualla blogiisi ja klikkaat sitä haluamaasi tagia, jolla merkityt postaukset saavat oman välilehden blogissasi. Kopioi sivun osoite ja iske se tuohon verkko-osoite -ikkunan pyytämään URL-kenttään. Esimerkiksi jos minä tekisin oman välilhden kaikille mainosvinkki -postauksille, klikkaisin blogissani mainosvinkkitagia ja kopioisin sitten osoitteen osoitekentästä. Laittaisin tuohon urliin http://pinkbubbleblog.blogspot.fi/search/label/mainosvinkki ja tadaa: minulla on oma välilehti mainosvinkeille. Ennen postauksia välilehdellä näkyisi kuitenkin teksti "Näytetään tekstit, joissa on tunniste mainosvinkki. Näytä kaikki tekstit." mutta se tuskin haittaa. Tämä on kuitenkin helpoin tapa tehdä tämä temppu. Nämä postaukset muuten ilmestyvät ihan normaalisti etusivullakin eivätkä vain tällä omalla välilehdellään.

Nyt jos olet väsännyt välilehtiä ohjeen mukaan, saatat hieman kurtistella kulmiasi huomatessasi välilehtien kasautuneen vasemmalle ja niiden otsikoiden ulkonäkökään ei oikein miellytä silmää. Tosi moni blogi on hyytynyt tähän vaiheeseen. Mutta ei hätää! Suuntaa seuraavaksi hallintapaneelissa kohti Mallia ja valitse sitten Mukauta:

Sieltä suunnittelutyökalusta valitset sitten Lisäasetukset ja sinulle tulee kaksi kohtaa, joita voit muokata: Välilehtien teksti ja Välilehtien tausta. Sieltä voi valita fontin, koon, värit, ym. Paina oikeasta yläkulmasta Käytä blogissa, kun olet valmis.

Sitten olisi vielä vuorossa välilehtien keskitys. Huom! Haluat ehkä ottaa blogistasi varmuuskopion ennen seuraavaa operaatiota, vaikka se täysin turvallinen onkin (Hallintapaneelista Asetukset --> Muu --> Vie blogi ja tallenna se koneellesi). Eihän sitä tiedä, jos sössitkin jotain ihan pieleen. Pysy vielä siellä suunnittelutyökalun lisäasetuksista ja skrollaa niistä välilehtivaihtoehdoista hieman alaspäin. Ihan viimeisenä on Lisää CSS. Lisää oikealle avautuvaan kenttään copypastella seuraava koodi juuri sellaisenaan ja paina enter.

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}




Älkää välittäkö noista minun muista koodeistani tuolla. Sinulla ruutu voi olla tyhjä tai siellä voi olla jotain muuta. Iske tuo uusi koodi viimeiseksi.

Nyt välilehtien pitäisi siirtyä keskelle alla olevassa esikatseluikkunassa. Muista taas painaa oikeasta yläkulmasta Käytä blogissa, kun olet valmis.

Näin helppoa se on! Yhteen blogiin voi väsätä jopa 20 välilehteä mutta älkää nyt niin paljoa innostuko. Jos ryhdyitte askartelemaan, niin kertokaa ihmeessä mitä välilehtiä keksitte laittaa.