Editori lyhyesti

Kierros Payly-editorissa: yläpalkki, Lohkot-paneeli, piirtoalue ja asetuspaneeli sekä se, miten tallennus, kumoaminen ja pikanäppäimet toimivat.

Editorissa rakennat verkkokauppasi sivut. Näet jokaisen sivun samalla tavalla kuin kävijä, ja muutat sitä valitsemalla asioita, vetämällä niitä paikasta toiseen ja täyttämällä niiden asetukset. Mikään täällä tekemäsi ei näy kävijöille ennen kuin julkaiset.

Avaa editori

  1. Avaa sivustosi hallintapaneeli.
  2. Napsauta vasemman reunan valikon yläosassa Muokkaa sivustoa.

Juuri luotu sivusto avautuu editoriin automaattisesti heti, kun olet valinnut ulkoasun. Katso Luo ensimmäinen sivustosi.

Neljä aluetta

Editorissa on yläreunassa palkki ja sen alla kolme saraketta: Lohkot-paneeli vasemmalla, sivusi keskellä (piirtoalue) ja asetuspaneeli oikealla.

Editori, jossa ovat yläpalkki, vasemmalla Lohkot-paneeli, keskellä Etusivu ja oikealla sivun asetukset

Yläpalkki

Vasemmalta oikealle yläpalkki sisältää nämä säätimet:

Yläpalkin vasen puoli: Payly-logo, Hallintapaneeli-painike, tallennuksen tila, sivuston nimi ja sivuvalitsin
  • Hallintapaneeli vie sinut takaisin sivustosi hallintapaneeliin.
  • Tallennuksen tila kertoo, missä vaiheessa työsi on. Tallennettu, ei julkaistu tarkoittaa, että muutoksesi ovat tallessa luonnoksessa, mutta julkaistu verkkokauppasi ei vielä näytä niitä. Tallennettu ja julkaistu tarkoittaa, että julkaistu verkkokauppasi vastaa sitä, mitä näet. Näet myös hetken ajan tekstin Tallennetaan… jokaisen muutoksen jälkeen ja tekstin Ei tallennettu, jos tallennus epäonnistuu.
  • Kenttä Sivuston nimi näyttää verkkokauppasi nimen. Voit nimetä sivustosi uudelleen napsauttamalla sitä.
  • Sivuvalitsin (siinä näkyy sen sivun nimi, jolla olet, esimerkiksi Etusivu) luettelee sivusi. Valitse sivu, jota haluat muokata. Luettelon alareunassa oleva Hallitse sivuja avaa sivujen hallinnan. Katso Sivujen lisääminen ja hallinta.
Yläpalkin oikea puoli: Työpöytä-, Tabletti- ja Mobiili-painikkeet, Varmuuskopiot-, Kumoa-, Tee uudelleen- ja Näytä julkaistu sivusto -kuvakkeet sekä Esikatselu- ja Julkaise-painikkeet

Lohkot-paneeli

Vasen sarake alkaa Lohkot-osiosta, joka sisältää sivulle lisättäviä rakennuspalikoita. Ne on lajiteltu ryhmiin: Perusasiat, Media, Asettelu, Verkkokauppa, Markkinointi ja Valikot ja lomakkeet. Vedä lohko sivulle, tai lisää se nykyisen osion loppuun napsauttamalla sitä. Katso Lisää, siirrä ja muuta lohkojen kokoa.

Saman sarakkeen alaosassa on Rakenne-osio, jossa on luettelo ylätunnisteesta, nykyisen sivun osioista ja alatunnisteesta, sekä painike Lisää osio. Katso Osioiden käyttäminen.

Piirtoalue

Keskellä näkyy sivusi. Se piirretään samalla koodilla, joka piirtää julkaistun verkkokauppasi, joten näet saman kuin kävijät. Voit valita minkä tahansa lohkon tai osion napsauttamalla sitä. Valittu lohko saa sinisen reunuksen, kokoa muuttavat kahvat ja pienen työkalupalkin, jossa on painikkeet Kopioi, Kierrä ja Poista. Linkit piirtoalueella eivät avaudu, kun napsautat niitä.

Asetuspaneeli

Oikeassa sarakkeessa on kaksi välilehteä:

  • Valinta näyttää valitun kohteen asetukset. Kun mitään ei ole valittuna, se näyttää itse sivun asetukset: sen Selaimen otsikko, Hakukuvaus ja kytkimen Tämä on kauppasivu. Kun valitset lohkon, se näyttää lohkon asetukset ryhmiteltyinä otsikoiden, kuten Yleiset, Typografia, Koko ja sijainti ja Hallitse, alle. Avaa ryhmä napsauttamalla sen otsikkoa. Jos haluat palata sivun asetuksiin, napsauta paneelin yläosassa olevaa Sivun asetukset -painiketta, paina Esc tai napsauta sivun vieressä olevaa harmaata aluetta.
  • Sivuston ulkoasu sisältää värit, fontit ja asettelun, jotka koskevat jokaista sivua. Katso Värien, fonttien ja asettelun määrittäminen.
Editori, jossa pääotsikko on valittuna. Sivulla näkyy sen työkalupalkki ja oikealla on avattuna sen Yleiset-asetukset

Miten tallennus toimii

Editori tallentaa puolestasi. Hetken kuluttua siitä, kun lopetat muuttamisen, se tallentaa luonnoksesi, ja yläpalkissa näkyy taas Tallennettu, ei julkaistu. Tallennuspainiketta ei ole.

Tallennettu muutos ei ole julkaistu. Kävijät näkevät viimeksi julkaistun version, kunnes napsautat Julkaise.

Kumoa ja tee uudelleen

Napsauttamalla Kumoa perut viimeisimmän muutoksesi, ja Tee uudelleen palauttaa sen. Ne muistavat muutokset, jotka teit editorin avaamisen jälkeen. Jos suljet tai lataat editorin uudelleen, tämä historia alkaa alusta tallennetusta versiosta.

Pikanäppäimet

Macilla käytä Cmd-näppäintä Ctrl-näppäimen sijaan.

NäppäimetMitä ne tekevät
Ctrl + ZKumoa viimeisin muutos
Ctrl + Shift + ZTee uudelleen
Ctrl + DKopioi valittu lohko
Delete tai BackspacePoista valittu lohko
EscTyhjennä valinta
NuolinäppäimetSiirrä valittua lohkoa 1 pikselin verran (Shift siirtää 10 pikseliä)
Ctrl + nuolinäppäimetSiirrä valittua lohkoa yhden ruudukkosolun verran
Ctrl + Shift + nuolinäppäimetTee valitusta lohkosta yksi ruudukkosolu leveämpi, kapeampi, korkeampi tai matalampi

Aiheeseen liittyvät artikkelit

Last updated 2026-10-16