BunStackDocs

Kaupat

Pikanäppäimet ja komentopaletti

Suunnittelutyökalun pikanäppäimet valintaan, muokkaukseen, historiaan, paneeleihin ja julkaisuun sekä komentopaletti ⌘K.

Päivitetty viimeksi · 2 min lukuaika

Suunnittelutyökalussa on pikanäppäimet usein tehtäviin asioihin.

Missä: Suunnittelutyökalussa. ? avaa koko listan.

Näppäimet näytetään Macin mukaisesti. Windowsissa käytä Ctrl-näppäintä ⌘:n sijaan ja Alt-näppäintä ⌥:n sijaan.

Valitse

NäppäinMitä
NapsautusValitsee osion työtilassa
EscSulkee päällimmäisen ikkunan tai poistaa valinnan
⌥↑ · ⌥↓Siirtää valittua osiota ylös tai alas
DeletePoistaa valitun osion. Undo on ilmoituksessa. Mac-kannettavassa: fn + ⌫

Askelpalautin ei poista osiota.

Muokkaa

NäppäinMitä
⌘C · ⌘X · ⌘VKopioi, leikkaa tai liittää osion
⌘DMonistaa valitun osion
⌘⌥C · ⌘⌥VKopioi tai liittää vain tyylit. ⌘⌥V ei koskaan liitä kokonaista osiota
Tekstin kaksoisnapsautusMuokkaa tekstiä työtilassa. ⏎ tallentaa ja Esc peruu
Pituusmerkinnän vetäminenMuuttaa arvoa. Shift antaa 10 kertaa suuremmat askeleet, ⌥ kymmenesosan

Historia

NäppäinMitä
⌘ZKumoaa
⌘⇧Z · ⌘YTekee uudelleen

Paneelit ja näkymät

NäppäinMitä
⌘KAvaa komentopaletin
/Avaa paletin kohdistin hakukentässä
⌥1 … ⌥8Avaa paneelit Sections, Library, Pages, Theme, Components, Media, Layers ja Code ylhäältä alas
⌘PVaihtaa muokkauksen ja esikatselun (Preview) välillä
FKoko näyttö ilman selaimen reunoja
?Avaa tai sulkee pikanäppäinlistan

⌥-numerot toimivat myös ruotsalaisella näppäimistöllä. Paneeli Code on käytössä vain, kun Advanced on päällä.

Tallenna ja julkaise

NäppäinMitä
⌘STallentaa luonnoksen heti
⌘⇧PAvaa julkaisuikkunan

Kun olet napsauttanut työtilaa

Pikanäppäimet toimivat myös työtilan napsautuksen jälkeen. Poikkeuksia ovat ?, /, F ja ⌥↑/⌥↓. Napsauta ensin paneelia tai yläriviä.

Komentopaletti

⌘K avaa paletin. Pääset siihen myös kuvakepalkin ylimmästä kohdasta Search ja valikon ⋯ View kohdasta Command palette.

Ryhmä How do I… on ylimpänä:

ValintaAvaa
Change the shop’s coloursTeeman värit
Change the fontTeeman fontit
Change the buy button’s colourOstopainikkeen värin
Put my logo in the headerYlätunnisteen logon
Write the announcement barIlmoituspalkin tekstin
Add a section to this pageOsiokirjaston
Put my changes on the live shopJulkaisuikkunan
Read the designer handbookTämän käsikirjan

Jokainen valinta avaa paneelin, jossa muutos tehdään. Haku löytää myös sanat kuten ”add to cart”, ”free shipping” ja ”deploy”.

Paletissa on myös komentoja näkymiin, muokkaukseen, osioihin ja julkaisuun. Copy section as JSON (system clipboard) kopioi valitun osion leikepöydälle. Paste section from JSON (system clipboard) tuo sen takaisin, myös toisella välilehdellä tai toisessa kaupassa. Tallennetulla komponentilla on komento Add "nimi", katso Oma koodi komponentissa.