Sisältö on kuningas. Suunnittelija on kuninkaan räätäli, jonka tehtävä on saada kunkku näyttämään hyvältä varastamatta huomiota itselleen.

Edellinen mainio lainaus on peräisin britti-designer Colin James Firthin suusta (Boagworld: Content is king). Se kiteyttää mielestäni todella hyvin mikä sisällön ja ulkoasun suhteen pitäisi olla www-suunnittelussa.

Olin eilen puhumassa Pro Akatemian harjoitusyritys-jengille verkkotekstin käytettävyydestä. Puhuin kohderyhmän huomioimisesta, sivuston välittämästä ‘persoonallisuudesta’ ja tärkeimmistä asioista joita verkkotekstin tuottamisessa kannattaa huomioida. Sain hyvän ja innostuneen vastaanoton, kiitos siitä!

Web ei ole printtiä

Julkaisujärjestelmien yleistyttyä sisällönhallinta on jäänyt yhä enemmän asiakkaan käsiin, mikä asettaa haasteita myös www-suunnittelijalle. Voinko kehua korostavani käytettävyyttä, jos pääasia eli sisältö jää kokonaan tarkastelun ulkopuolelle? Tämän dilemman vuoksi pyrin nykyään korostamaan asiakkailleni muiden muassa seuraavia seikkoja:

• Kirjoita kuvaavia otsikoita, älä ole liian nokkela sanoissasi.
• Käytä listoja, ne helpottavat silmäiltävyyttä.
• Elävöitä tekstiä kuvilla jos voit niillä kertoa jotain mikä tekstissä olisi hankalampaa. Huom: muista vaihtoehtoinen sisältö (alt ja longdesc) esimerkiksi ruudunlukijoita käyttäville.
• Vältä turhia sivistyssanoja, tekstin muotoilua ja lyhenteitä.
• Kirjoita ensisijaisesti ihmisille, vasta toissijaisesti hakukoneille!

Seminaariyleisön joukossa ollut Ilpo Ryynänen ehti jo blogata oman tiivistelmän eilisestä palopuheestani otsikolla Sisältö on kuningasta.

Sivuston teknisenä perustana on WordPress-julkaisujärjestelmä. Kohdetietojen integroinnin toteutti Syrjä Interactive.

Suomenkielinen WordPress 2.9 Beta 2 on ladattavissa tuoreeltaan perustetulta viralliselta WordPress Suomi -sivustolta. Oletusteemaa (Kubrick) ei ole vielä käännetty, mutta toivon mukaan se saadaan myös pakettiin mukaan ennen virallista julkistusta. Kiitokset Jyrille (hpguru) käännöksen oikoluennasta!

Kuvien muokkaus

Uudessa versiossa kuvien perusmuokkaus (rajaus, skaalaus, kiertäminen) onnistuu WP:n mediakirjastosta käsin. Kuvien siirron käytettävyys kaipaa vielä kehittämistä, mutta tämä on edistystä. Tottakai suuremmat kuvamuokkaukset joutuu edelleen tekemään oikeassa kuvankäsittelyohjelmassa, mutta Photoshopia ei tarvitse enää avata pelkän rajaustoimenpiteen vuoksi.

Roskakori

Käyttäjiä helpottaa mahdollisuus perua artikkelien, sivujen yms. poistaminen. Kaikki poistetut sisällöt siirretään poistamisen yhteydessä uuteen Roskakoriin, jonka käsite on toki tuttu jo mm. Windowsin ja Macin työpöydältä. Roskakori tyhjennetään oletusarvoisesti 30 päivän välein, mutta aikaväli on mahdollista muuttaa wp-config.php -tiedostoon rivillä

define('EMPTY_TRASH_DAYS',7);

oEmbed: Median helppo liittäminen muista palveluista

Artikkeleihin ja sivuihin on nyt mahdollista tuoda helposti muilla sivuilla olevaa mediasisältöä, käyttämällä Siirrä/Lisää -ikkunan “URL-osoitteesta”-kohdassa median sisältävän sivun osoitetta. WordPress osaa hakea oEmbed-standardia tukevilta sivuilta mediatiedostot oikeassa muodossa. Tuettuja palveluja ovat mm. Flickr, YouTube, Hulu, PollDaddy, Google Video ja DailyMotion.

Ominaisuuksia kehittäjille: the_post_image()

Eniten odottamani ominaisuus on artikkelikohtaiset kuvat. Mikä tahansa artikkeliin liitetyistä kuvista voidaan merkitä artikkelin “pikkukuvaksi”, ja tätä kuvaa voidaan kutsua sivupohjista (Loopin sisällä) kutsulla the_post_image(). Käyttäjille tämä ominaisuus näkyy vain, jos teeman kehittäjä on ilmoittanut tukevansa sitä (tämäkin on uutta 2.9:ssä):

if ( function_exists( 'add_theme_support' ) )
add_theme_support( 'post-thumbnails' );

Lisää mm. kehittäjille tarjolla olevista ominaisuuksista englanniksi: 10 Things You Need to Know About WordPress.

WP MU:sta tekee vieläkin paremman ja käyttökelpoisemman WPMU Devin Premium -paketti, johon sisältyy kaikki jäsenyysaikana (ja sitä ennen) julkaistut pluginit ja teemat, joita on julkaistu jo yhteensä 100. Palvelu ei ole kovin halpa (79 $/kk tai 419 $/v), mutta ehdottomasti hinnan arvoinen jos projekteja on enemmän. Pelkästään Global Site Search ja Global Site Tags -pluginit ovat kuukausimaksun arvoisia. Epäilen myös, että Rebranding -plugari tulee olemaan erittäin hyödyllinen.

Edit: valitettavasti edellämainitun palvelun toiminta suhteessa viralliseen Wordpress.org:iin on ollut viime aikoina jonkin verran harhaanjohtavaa, ja suosittelen tarkastelemaan myös muita tarjolla olevia tukipalveluita, esim. http://musupport.net/ sekä ilmainen http://wpmututorials.com (kumpaakin ylläpitää avuliaat kanadalaiset, Ron ja Andrea).

Lähes kaikki WordPress-asennukseni ovat olleet muutakin kuin blogeja, ja osassa ei ole blogiominaisuutta käytetty lainkaan. Muokkasin hieman olemassaolevaa suomenkielistä käännöstä vastaamaan paremmin näitä tarpeita. WordPress 2.8.2-yhteensopiva versio päivityksestä on saatavilla aiemmasta artikkelista: WordPress 2.8 suomeksi.

11.12.2009: Tuorein versio on jatkossa ladattavissa virallisilta sivuilta: http://fi.wordpress.org

WordPressin 2.8-versio julkaistiin pari viikkoa sitten. Ohessa on uuden version kanssa yhteensopiva suomenkielinen kielitiedosto vapaasti ladattavaksi. ZIP-paketin sisältämä fi.mo -tiedosto tulee sijoittaa WordPressin wp-content/languages-hakemistoon. Jos hakemistoa ei ole vielä olemassa, se pitää ensin luoda. Toinen, fi.po-tiedosto on työtiedosto niille, jotka haluavat parannella tai muokata käännöstä eteenpäin. Käännöksissä saattaa luonnollisesti olla virheitä ja epätarkkuuksia.

wp_2.8.4-kielitiedostot_FI_CMS

Käännös on tehty Mikko Vireniuksen 2.7-versioon työstämän käännöksen pohjalta, joten suurin osa työstä oli jo tehty. Suurkiitokset siitä!

Tänään julkistettu Typekit-palvelu lupaa nykytilanteeseen muutosta. Se tuo koodareiden ulottuville tavan käyttää helposti web-sivuilla tyylikkäitä, ammattimaisia fontteja. Veen lupaa palvelun olevan nopea ja kehittäjille vaivaton käyttää.

Toistaiseksi ei julkisuudessa ole muuta tietoa kuin ilmoitus Typekit blogissa. Sen verran ilmoituksesta selviää, että palvelu hyödyntää JavaScriptiä, ja perustason käytön luvataan olevan web 2.0-tyyliin ilmaista. Typekitin pitäisi aloittaa kehittäjien mukaan tänä kesänä.

Tämän sivuston etusivulla ja yhteystietosivuilla hyödynnän hCard-formaattia vCard-käyntikortin automaattiseen generointiin Technoratin mainion palvelun kanssa. Formaatin käyttämiseen tarvitaan vain oikeat class-attribuutin arvot, tähän tapaan:

<div id="hcard-Daniel-Koskinen" class="vcard">
  <p>DAN Web Design <br />
    <span class="fn">Daniel Koskinen</span></p>
    <p class="adr">
    <span class="street-address">Hämeenpuisto 25 A 20</span><br/>
    <span class="postal-code">33210</span>
    <span class="locality">Tampere</span>
  </p>
  <p><a class="email" href="mailto:info@danwebdesign.fi">info@danwebdesign.fi</a></p>
  <p><span class="tel">+358 45 633 6124</span><br/>
  <span class="ytunnus">Y-tunnus 2193106-6 Alv rek.</span></p>
</div>

Mikroformaateista on kuhistu jo muutama vuosi, ja esim. Yahoo on tukenut niitä jo pitemmän aikaa. Tuore Googlen ilmoitus mikroformaattien tukemisesta hakutuloksien yhteydessä kuitenkin lisää mikroformaattien merkitystä web-kehittäjille huomattavasti. Google osaa jatkossa poimia esimerkiksi hReview tai RDFa-koodatut tuotearviot jo osaksi hakutuloksia.

Tuotearviot osana hakutuloksia. Kuvan © Google, Google Webmaster Central Blog.

Toistaiseksi mikroformaatteja ei löydy kuin hyvin pienestä osasta Googlen hakutuloksista, mutta Googlelle voi halutessaan ilmoittaa halukkuudestaan niiden testaamiseen.

• Googlen ilmoitus: Introducing Rich Snippets.
• Lisätietoa mikroformaateista: Microformats.org
• Mm. mikroformaateista ja muusta semanttisesta web-sisällöstä suomeksi: Sosiaalisen median hyödyntäminen paikallisissa verkkopalveluissa (2008, PDF)
• Kätevä hCard-generaattori