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 tai 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

Kategoriat
Työnäytteet

Kehohuoltamo

Nopealla aikataululla suunnittelin ja rakensin Tanssittamolla toimivalle Kehohuoltamolle etusivun.

WordPressissä on lukuisia lisäosia. Kiitos yhdelle niistä, tälle sivustolle saatiin toimiva ajanvarausjärjestelmä. Järjestelmää olisi mahdollista jatkokehittää siten, että sen kautta tehtäisiin maksutkin.

https://tanssittamo.fi/palvelut/kehohuoltamo/

Kategoriat
Työnäytteet

VisitOulu

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.

https://visitoulu.fi

Kategoriat
Työnäytteet

VisitLiminka

Alkuvuonna 2018 Luova toimisto Ranka pyysi Favoria rakentamaan VisitLiminkan uudet sivut WordPress alustalle heidän suunnitelmien pohjalta.

Ominaisuuksia

  • Tuotekortit
  • Tapahtumat
  • Monikielinen (Polylang Pro)
  • Lukuisten käyttäjien hallinnointi

https://www.visitliminka.fi