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
- Avaa sivustosi hallintapaneeli.
- 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.

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

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

- Työpöytä, Tabletti ja Mobiili vaihtavat näytön koon, jolle suunnittelet. Katso Varmista, että sivustosi näyttää hyvältä puhelimilla ja tableteilla.
- Kellokuvake (Varmuuskopiot) avaa tallennetut varmuuskopiosi. Katso Kumoa muutokset ja palauta aiempi versio.
- Kaksi nuolta ovat Kumoa ja Tee uudelleen.
- Laatikosta ulos osoittava nuolikuvake (Näytä julkaistu sivusto) avaa julkaistun verkkokauppasi uuteen välilehteen. Se näkyy, kun olet julkaissut.
- Esikatselu näyttää koko sivustosi toimivine linkkeineen uudessa välilehdessä. Katso Sivustosi esikatselu ennen julkaisua.
- Julkaise vie muutoksesi julkaistuun verkkokauppaasi. Katso Ensimmäisen sivustosi julkaiseminen.
- Oikeassa reunassa oleva tilivalikko sisältää teeman ja kielen itse Payly-palvelulle (ne eivät muuta verkkokauppaasi) sekä kohdat Asetukset, Payly-etusivu ja Kirjaudu ulos.
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.

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äimet | Mitä ne tekevät |
|---|---|
| Ctrl + Z | Kumoa viimeisin muutos |
| Ctrl + Shift + Z | Tee uudelleen |
| Ctrl + D | Kopioi valittu lohko |
| Delete tai Backspace | Poista valittu lohko |
| Esc | Tyhjennä valinta |
| Nuolinäppäimet | Siirrä valittua lohkoa 1 pikselin verran (Shift siirtää 10 pikseliä) |
| Ctrl + nuolinäppäimet | Siirrä valittua lohkoa yhden ruudukkosolun verran |
| Ctrl + Shift + nuolinäppäimet | Tee valitusta lohkosta yksi ruudukkosolu leveämpi, kapeampi, korkeampi tai matalampi |