Kategoriat
Blogi

Muutoksia Favorin toimintaan

Olen aloittanut päivätyöt Verkkoasemalla. Heidän kanssaan jatkuu samankaltainen työnkuva kuin ennenkin – helppokäyttöisten, nykyaikaisten ja nopeiden WordPress sivustojen kehittäminen.

Favorin ylläpitosopimukset pysyvät ennallaan. Sivustojen päivitykset ja varmuuskopiot onnistuvat työni ohella.

Muutos koskee uusia projekteja ja sivujen jatkokehitystä. Niitä en enää Favorin nimissä tee.

Yhteistyötä jatkan kuitenkin erittäin mieluusti Verkkoaseman kautta.
www.verkkoasema.fi

Palataan asiaan!

-Jaakko Saarenketo

Kategoriat
Työnäytteet

Hotelli Iso-Syöte

Hotelli Iso-Syötteen uudet sivut julkaistiin loppuvuonna 2019. Mainostoimisto Miller & Lean suunnitteli sivuston ulkoasun. Sivuilla käytetään sekä käsin luotuja sisältöruudukoita että dynaamisia, automaattisesti päivittyviä, listoja.

Sivulla on runsaasti sisältöä: Safaripalveluita, huonekuvauksia, uutisia… Sivulla käytetään myös välillä banner-alueella taustavideota.

Sivuja varten suunnittelin uutta editoria käyttävän ”Sivuston osat” järjestelmän. Sen avulla voi kaikki sivuston sektiot suunnitella uuden lohkoeditorin avulla. Esimerkiksi Footer osio, joka on tyypillisesti sivuston lopussa. Tämä helpottaa muokattavuutta ja monikielisyyttä.

Ominaisuuksia:

  • Monikielinen (Polylang Pro)
  • WordPress uusi lohkoeditori (Gutenberg)
  • Sivuston osat -järjestelmä
  • Räätälöity huonevarauslomake joka vie ulkoiseen järjestelmään
  • Räätälöityjä lohkoja, sivulista, nostoblokki ja arvostelu
  • Lukuisia sisältötyyppejä

Kategoriat
Blogi Vinkkejä

Älä anna asiakkaiden törmäillä sivustosi seiniin

Kivijalkaliikkeissä on se etu että myyjät yleensä näkevät jos asiakkaat törmäilee seinään.

Nettisivuilla on taas ”404 – sivua ei löydy” ilmoitukset paljon yleisempiä. Ne jotka nettisivuista vastaavat, eivät välttämättä huomaa vaikka suurin osa asiakkaista törmäilee jatkuvasti seiniin.

Onneksi on Redirection – yksi WordPressin hyödyllisimmistä lisäosista.

Tämän avulla sain äsken säädettyä juuri julkaistuun sivuun monta kymmentä kätevää uudelleenohjausta.

Se pitää kirjaa että mihin osoitteisiin ihmiset yrittävät mennä ja niputtaa ne yhteen. Sitten on helppo tehdä tähän kohtaan ”seinään reikä” ja ohjata ne uudestaan oikeaan paikkaan.

Esimerkiksi vanha linkki: example.com/en/homepage ohjautuu nyt uuteen etusivuun example.com/en

Kategoriat
Blogi Vinkkejä

5 WordPress editori-vinkkiä tai ”olisimpa tiennyt nämä aiemmin”

Paras hetki opetella tärkeiden työkalujen käyttö on 10 vuotta sitten, toiseksi paras hetki on nyt!

Moi! Tällä artikkelilla haluan auttaa kaikkia WordPress editorin käyttäjiä. Nämä ohjeet ovat sellaisia mitä itse pidän tosi hyvinä ja niitä kannattaa kokeilla mikäli nettijulkaisun kanssa tulee käytettyä aikaa.

Vinkit 1-3 toimivat mahdollisesti missä tahansa tekstieditorissa. Loput liittyvät uuteen WordPress -editoriin. Mikäli haluat testata vinkkejä samantien – avaa vaikka https://testgutenberg.com/ -sivu.

Vinkki 1. Liitä ilman muotoilua

Paras ja hermojasäästävin vinkki heti alkuun!

Jos tarkoitus on liittää nettieditoriin jostain muualta sisältöä niin muotoilua (värit, fonttikoot, otsikointi) harvoin haluaa mukana.

Älä paina Ctrl + V (mac: CMD+V) vaan Ctrl + Shift + V (mac: CMD+SHIFT+V)

Vinkki 2. Maalaa sanat ja lauseet näppäimistöllä hiiren sijasta

Jos sinulla on iso kappale tekstiä ja haluat valita siitä osan, tai vaikka koko lauseen – älä siirrä toista kättäsi hiirelle.

Tiedät varmaan että SHIFT pohjassa tehdään valintoja.

Paina SHIFT + Ctrl (mac: ALT) + vasen tai oikea nuolinäppäin niin maalaat edellisen tai seuraavan sanan. Tai jos painat ylös tai alas valitset koko kappaeen.

Paina (mac) SHIFT + CMD + vasen / oikea nuolinäppäin niin valinta menee rivin alkuun tai loppuun. Windowsilla: paina Shift ja HOME / END

Kokeile! Ajattele kuinka paljon aikaa ja rannettasi säästät kun ei tarvitse jatkuvasti vaihtaa asentoa .

Vinkki 3. Muuta valinta linkiksi, boldiksi, kursiiviksi…

Mikäli osaat valita tekstiä kätevästi ilman hiirtä, kannattaa opetella yleisimmät asiat mitä tehdään valitulle tekstillä.

CTRL / CMD + B tekee valinnan boldiksi

CTRL / CMD + I kursiiviksi

CTRL / CMD + K muuttaa valinnan linkiksi. Esiin tuleva tekstikenttä toimii samalla WordPressin hakuna jonka kautta on helppo tehdä sisäisiä linkkejä.

Mikäli haluat sähköpostiosoitteesta linkin, lisää alkuun ”mailto:”.

Esimerkiksi lähetä sähköpostia

Vinkki 4. Tee uusi lohko aktiivisen lohkon ylä / alapuolelle

CTRL / CMD + ALT + T (t niinkuin taakse)
CTRL / CMD + ALT + Y (y niinkuin yli)

Nyt sinulla on uusi tyhjä lohko. Mitä jos haluat siitä jonkin muun lajin kuin ”kappale”…

Vinkki 5. Tee uudesta lohkosta haluamasi lajinen, esim. otsikko

Mikäli lohko on tyhjä, voit painaa / -merkkiä niin voit kirjoittaa haluamasi lohkon nimen ja painaa enteriä. Nimeä ei tarvitse edes kirjoittaa loppuun asti.

Bonusvinkki. Tuhoa aktiivinen lohko

Kokeilit hauskaa lohkoa mutta se pitäisi saada pois?

Ihan tekstiä tuhoamalla saa lohkon monesti pois mutta huomasin nopeasti että ALT + SHIFT + Z (mac CTRL + ALT + Z) on paljon kätevämpi tapa aktiivisen lohkon poistamiseen.

Mikäli tykkäsit vinkeistä niin pistä kommenttia ja jaa artikkeli?

Kategoriat
Blogi

Favor on nyt Favor

Favor Companyn suuri brändiuudistus on nyt alkanut! Mikäli näet lukea tämän, uudet sivut ovat nyt julki.

Favor Company -nimellä toimitaan edelleen. Koodiorja jää voimaan ylläpitotuotteena. Nettisivut, konsultoinnit ja muut ovat Favorin nimellä.

Favorin logoakin on uusittu. Vanhan startup-palvelun logon voi niputtaa samoihin arkistoihin itse startupin kanssa.

Mutta edelleen minä, Jaakko Saarenketo, autan yrityksiä ja yhteisöjä luomaan digitaalisen markkinoinnin sisältöjä nettisivuille.

Uusista sivuista

Itseäni on vuosikausia kiehtonut WordPressin blogimainen käyttäminen. Halusinkin tällä kertaa tehdä mahdollisimman hyvät yrityssivut, jättämättä WordPressin omia blogitoimintoja pois. Sivusto on rakennettu loppuvuonna 2019 julkaistavan oletusteeman twentytwenty -päälle.

Kommentointi on laajalti käytössä – mutta tottakai saatan muuttaa tämän pienen hiekkalaatikon sääntöjä mikäli parhaaksi näen.

Tervetuloa uusille sivuille! -Jaakko

Kategoriat
Blogi Vinkkejä

Vinkki: sivusta ruutukaappaukset hetkessä

Miten saa näin näppärät ruutukaappaukset? Tämä vinkki toimii Chrome selaimella.

Näytä > Kehittäjille > Kehittäjän työkalut >
sitten ”Toggle device toolbar” ikoni:

Sitten valitse haluamasi laite, sitten ja lopuksi

Tadaa! Nyt sinulla on kätevä tiedosto.

Kategoriat
Työnäytteet

Lapland Bike Hotel

Mainostoimisto Miller & Lean pyysi Favoria rakentamaan sivuston Hotelli Iso-Syötteen yhteydessä toimivaan pyörähotelliin.

Sivusto rakennettiin Aucor Starter -pohjateeman päälle. Kyseisen pohjateeman kehitystä on jatkettu ja oma versioni löytyy myös githubista.

Ominaisuuksia:

  • Monikielinen (Polylang Pro)
  • WordPress uusi lohkoeditori (Gutenberg)
  • Räätälöityjä lohkoja, sivulista, nostoblokki ja arvostelu
  • Monia sisältötyyppejä ja sitä kautta sivupohjia
  • Integroitu pyörävarausjärjestelmä

http://laplandbikehotel.fi

Kategoriat
Työnäytteet

Kauppakeskus Revontuli

Kauppakeskus Revontulen uudet sivut julkaistiin keväällä 2019.

Revontuli on ollut asiakkaani jo pitkään. Edelliset kaksi uudistusta tehtiin concrete5 -alustalla. Tämän uudistuksen kautta vaihdettiin WordPressiin.

Myymälätiedot tuotiin koneellisesti vanhasta järjestelmästä, jolloin säästyttiin tietojen näpyttelyltä.

Avidly Agencyn suunnittelema ulkoasu rakennettiin uuden lohkoeditorin ja Aucor Starter themen päälle.

www.kauppakeskusrevontuli.fi

Kategoriat
Työnäytteet

PSOAS

Keväällä 2019 julkaistiin uudet Pohjois-Suomen opiskelija-asuntosäätiön, PSOASin sivut. Sivun ulkoasun suunnitteli Luova toimisto Ranka, joka oli vahvasti mukana tuotannossa PSOASin kanssa.

Ominaisuudet

Sivusto ei ole ihan tavallinen WordPress sivu, vaan sisältää mm. kaikkien PSOASin asuntojen ja kohteiden tiedot. Sivustolla on suuri määrä tietoa jonka takia sivuilla tarvitaan useita hakusivuja ja suodatin näkymiä.

  • Monikielinen (Polylang Pro)
  • Kustomoidut lomakkeet
    • Monia tarkistuksia
  • Erityishuomiota mobiilinäkymään

https://www.psoas.fi/

Kategoriat
Työnäytteet

Pudasjärven kehitys

Tammikuussa 2019 julkaistiin Pudasjärven Kehityksen sivut jossa hoidin teknisen tuotannon. Suunnittelusta vastasi Luova toimisto Ranka.

Sivu otettiin myös käyttöön WordPressin uusi lohkoeditori, myös Gutenberginä tunnettu. Tämän takia ei tarvinnut käyttää kolmansien osapuolten sivunrakennuspalikka-ratkaisuja.

www.pudasjarvenkehitys.fi