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
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
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 / oikeanuolinä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:”.
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?
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.
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ä.
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.
Syksyllä 2018 julkaistiin VisitOulun sivustot. Luova toimisto Ranka suunnitteli sivuston. Favor hoiti sekä koodituotannon että tarvittavat siirtotiedostot. Niiden avulla saimme siirrettyä tuotekortit näppärästi vanhasta järjestelmästä toiseen.
Sivuston kehitys jatkuu aktiivisena. Kehityksen tuloksena kategorioissa on nyt dynaaminen näkymä, joka arpoo kyseisestä listauksesta muutamia kuvia banner-karuselliin.
ja lopuksi 
