BunStackDocs

Butikker

Genveje og kommandopaletten

Designerens tastaturgenveje til markering, redigering, historik, paneler og publicering, og kommandopaletten ⌘K.

Senest opdateret · 2 min læsning

Designeren har genveje til det, du gør ofte.

Hvor: I designeren. ? åbner hele listen.

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

Markér

TastHvad
KlikMarkerer en sektion på arbejdsfladen
EscLukker vinduet øverst eller fjerner markeringen
⌥↑ · ⌥↓Flytter den markerede sektion op eller ned
DeleteFjerner den markerede sektion. Undo findes i meddelelsen. På en Mac-laptop: fn + ⌫

Tilbagetasten fjerner ikke en sektion.

Redigér

TastHvad
⌘C · ⌘X · ⌘VKopierer, klipper eller indsætter sektionen
⌘DDublerer den markerede sektion
⌘⌥C · ⌘⌥VKopierer eller indsætter kun stilene. ⌘⌥V indsætter aldrig en hel sektion
Dobbeltklik på tekstRedigerer teksten på arbejdsfladen. ⏎ gemmer, og Esc fortryder
Træk i en længdemærkatÆndrer værdien. Shift giver 10 gange større trin, ⌥ en tiendedel

Historik

TastHvad
⌘ZFortryder
⌘⇧Z · ⌘YGentager

Paneler og visninger

TastHvad
⌘KÅbner kommandopaletten
/Åbner paletten med markøren i søgefeltet
⌥1 … ⌥8Åbner panelerne Sections, Library, Pages, Theme, Components, Media, Layers og Code, oppefra og ned
⌘PSkifter mellem redigering og Preview
FFuld skærm uden browserens kanter
?Åbner eller lukker listen over genveje

⌥-cifrene virker også på et svensk tastatur. Panelet Code findes kun med Advanced slået til.

Gem og publicér

TastHvad
⌘SGemmer kladden med det samme
⌘⇧PÅbner publiceringsvinduet

Når du har klikket på arbejdsfladen

Genvejene virker også efter et klik på arbejdsfladen. Undtagelserne er ?, /, F og ⌥↑/⌥↓. Klik i et panel eller i den øverste linje først.

Kommandopaletten

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

Gruppen How do I… står øverst:

ValgÅbner
Change the shop’s coloursTemaets farver
Change the fontTemaets skrifttyper
Change the buy button’s colourKøbsknappens farve
Put my logo in the headerLogoet på sidehovedet
Write the announcement barAnnoncelinjens tekst
Add a section to this pageSektionsbiblioteket
Put my changes on the live shopPubliceringsvinduet
Read the designer handbookDenne håndbog

Hvert valg åbner panelet, hvor ændringen laves. Søgningen finder også ord som »add to cart«, »free shipping« og »deploy«.

Paletten har også kommandoer til visninger, redigering, sektioner og publicering. Copy section as JSON (system clipboard) lægger den markerede sektion på udklipsholderen. Paste section from JSON (system clipboard) lægger den ind igen, også i en anden fane eller butik. En gemt komponent har kommandoen Add "navn", se Egen kode på en komponent.