BunStackDocs

Butikker

Hurtigtaster og kommandopaletten

Designerens hurtigtaster for markering, redigering, historikk, paneler og publisering, og kommandopaletten ⌘K.

Sist oppdatert · 2 min lesing

Designeren har hurtigtaster for det du gjør ofte.

Hvor: I designeren. ? åpner hele listen.

Tastene vises som på Mac. På Windows bruker du Ctrl i stedet for ⌘ og Alt i stedet for ⌥.

Marker

TastHva
KlikkMarkerer en seksjon på arbeidsflaten
EscLukker vinduet øverst eller fjerner markeringen
⌥↑ · ⌥↓Flytter den markerte seksjonen opp eller ned
DeleteFjerner den markerte seksjonen. Undo finnes i varselet. På en Mac-laptop: fn + ⌫

Tilbaketasten fjerner ikke en seksjon.

Rediger

TastHva
⌘C · ⌘X · ⌘VKopierer, klipper ut eller limer inn seksjonen
⌘DDupliserer den markerte seksjonen
⌘⌥C · ⌘⌥VKopierer eller limer inn bare stilene. ⌘⌥V limer aldri inn en hel seksjon
Dobbeltklikk på tekstRedigerer teksten på arbeidsflaten. ⏎ lagrer og Esc angrer
Dra i en lengdeetikettEndrer verdien. Shift gir 10 ganger større steg, ⌥ en tiendedel

Historikk

TastHva
⌘ZAngrer
⌘⇧Z · ⌘YGjør om

Paneler og visninger

TastHva
⌘KÅpner kommandopaletten
/Åpner paletten med markøren i søkefeltet
⌥1 … ⌥8Åpner panelene Sections, Library, Pages, Theme, Components, Media, Layers og Code, ovenfra og ned
⌘PVeksler mellom redigering og Preview
FFullskjerm uten nettleserens kanter
?Åpner eller lukker listen over hurtigtaster

⌥-sifrene fungerer også på svensk tastatur. Panelet Code finnes bare med Advanced på.

Lagre og publiser

TastHva
⌘SLagrer utkastet med en gang
⌘⇧PÅpner publiseringsvinduet

Når du har klikket på arbeidsflaten

Hurtigtastene fungerer også etter et klikk på arbeidsflaten. Unntakene er ?, /, F og ⌥↑/⌥↓. Klikk i et panel eller i øverste linje først.

Kommandopaletten

⌘K åpner paletten. Du når den også via Search øverst i ikonlisten og via Command palette i menyen ⋯ View.

Gruppen How do I… står øverst:

ValgÅpner
Change the shop’s coloursTemaets farger
Change the fontTemaets skrifttyper
Change the buy button’s colourKjøpsknappens farge
Put my logo in the headerLogoen på toppteksten
Write the announcement barAnnonselinjens tekst
Add a section to this pageSeksjonsbiblioteket
Put my changes on the live shopPubliseringsvinduet
Read the designer handbookDenne håndboken

Hvert valg åpner panelet der endringen gjøres. Søket treffer også ord som «add to cart», «free shipping» og «deploy».

Paletten har også kommandoer for visninger, redigering, seksjoner og publisering. Copy section as JSON (system clipboard) legger den markerte seksjonen på utklippstavlen. Paste section from JSON (system clipboard) legger den inn igjen, også i en annen fane eller butikk. En lagret komponent har kommandoen Add "navn", se Egen kode på en komponent.