BunStackDocs

Butiker

Kortkommandon och kommandopaletten

Designerns kortkommandon för markering, redigering, historik, paneler och publicering, och kommandopaletten ⌘K.

Senast uppdaterad · 2 min läsning

Designern har kortkommandon för det du gör ofta.

Var: I designern. ? öppnar hela listan.

Tangenterna visas som på Mac. På Windows använder du Ctrl i stället för ⌘ och Alt i stället för ⌥.

Markera

TangentVad
KlickMarkerar en sektion på arbetsytan
EscStänger rutan överst eller tar bort markeringen
⌥↑ · ⌥↓Flyttar den markerade sektionen upp eller ner
DeleteTar bort den markerade sektionen. Undo finns i notisen. På en Mac-laptop: fn + ⌫

Backsteg tar inte bort en sektion.

Redigera

TangentVad
⌘C · ⌘X · ⌘VKopierar, klipper ut eller klistrar in sektionen
⌘DDubblerar den markerade sektionen
⌘⌥C · ⌘⌥VKopierar eller klistrar in bara stilarna. ⌘⌥V klistrar aldrig in en hel sektion
Dubbelklick på textRedigerar texten på arbetsytan. ⏎ sparar och Esc ångrar
Dra i en längdetikettÄndrar värdet. Shift ger 10 gånger större steg, ⌥ en tiondel

Historik

TangentVad
⌘ZÅngrar
⌘⇧Z · ⌘YGör om

Paneler och vyer

TangentVad
⌘KÖppnar kommandopaletten
/Öppnar paletten med markören i sökfältet
⌥1 … ⌥8Öppnar panelerna Sections, Library, Pages, Theme, Components, Media, Layers och Code, uppifrån och ner
⌘PVäxlar mellan redigering och Preview
FHelskärm utan webbläsarens kanter
?Öppnar eller stänger listan med kortkommandon

⌥-siffrorna fungerar även på svenskt tangentbord. Panelen Code finns bara med Advanced på.

Spara och publicera

TangentVad
⌘SSparar utkastet med en gång
⌘⇧PÖppnar publiceringsrutan

När du har klickat i arbetsytan

Kortkommandona fungerar även efter ett klick i arbetsytan. Undantagen är ?, /, F och ⌥↑/⌥↓. Klicka i en panel eller i översta raden först.

Kommandopaletten

⌘K öppnar paletten. Du når den också via Search överst i ikonlistan och via Command palette i menyn ⋯ View.

Gruppen How do I… står överst:

ValÖppnar
Change the shop’s coloursTemats färger
Change the fontTemats typsnitt
Change the buy button’s colourKöpknappens färg
Put my logo in the headerLogotypen i sidhuvudet
Write the announcement barAnnonsradens text
Add a section to this pageSektionsbiblioteket
Put my changes on the live shopPubliceringsrutan
Read the designer handbookDen här handboken

Varje val öppnar panelen där du gör ändringen. Sökningen träffar även ord som ”add to cart”, ”free shipping” och ”deploy”.

Paletten har också kommandon för vyer, redigering, sektioner och publicering. Copy section as JSON (system clipboard) lägger den markerade sektionen i urklipp. Paste section from JSON (system clipboard) lägger in den igen, även i en annan flik eller butik. En sparad komponent har kommandot Add "namn", se Egen kod på en komponent.