Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. hosting 2 Created with Sketch. hosting Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue svg-CP Created with Sketch. Control-panel-Icon Created with Sketch. wsb Created with Sketch. WSB-Brush Created with Sketch. wsb 2 Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. wp Created with Sketch. wp 2 Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. svg-webmail Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Menu Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Hemsida - Nyheter

Utöva din kreativitet med den nya versionen av Web Editor

Skriven 2014-09-30 Kategori: Hemsida

Vi är stolta att presentera nya funktioner i Web Editor särskilt utformade för att göra ditt arbetsflöde bättre.

Alla kunder får nu den nya versionen av Web Editor, vilket gör det ännu enklare att designa sidor. Panelen Egenskaper förenklas och nya komponenter har lagts till, men den största förändringen ligger i designfriheten på sidan.

Kolla in dessa videos med tips och tricks för att designa sidor med nya Web Editor här.


Tips 1 - Använd utrymmesjusteraren
Tips 2 - Använd stödlinjer
Tips 3 - Lägg till text och bilder ovanpå befintliga element
Tips 4 - Ha löpande text kring dina bilder
Tips 5 - Placera element i olika lager
Tips 6 - Använd de röda fyrkanterna för att hitta överlappande element



Tips 1 - Använd utrymmesjusteraren


Utrymmesjusteraren är två horisontella grå linjer som är placerade ovanför och under den komponent du valt i din arbetsyta. Dra i linjerna för att utvidga eller minska komponentens område.

Genom att justera linjerna för bakgrundskomponenten kan du flytta flera element på en gång.




Se hur du kan använda den grå utrymmesjusteraren för att skapa utrymme för nya komponenter.




Tips 2 - Använd stödlinjer


Stödlinjerna hjälper dig placera bilder och element exakt. De visas automatiskt som streckade linjer när du börjar flytta en komponent i din arbetsyta. Använd dem för att justera bilder eller andra komponenter perfekt på hemsidan du skapar.

Oroa dig inte, stödlinjerna kommer inte visas på din publicerade hemsida.






Tips 3 - Lägg till text och bilder ovanpå befintliga element


Du kan enkelt lägga till text och bilder ovanpå varandra. Dra nya komponenter till din arbetsyta och använd stödlinjerna för att justera dem.







Tips 4 - Ha löpande text kring dina bilder


Se hur du kan ha löpande text kring bilder. Lägg till bakgrundskomponenten och använd den för att anpassa texten.






Tips 5 - Placera element i olika lager


I Web Editor kan du placera komponenter i olika lager. Du kan snabbt ändra komponentens plats genom att klicka på Ändra djup-ikonen.

Välj mellan alternativen: Flytta överst, Flytta framåt, Flytta bakåt och Flytta underst.






Tips 6 - Använd de röda fyrkanterna för att hitta överlappande element


Den transparenta röda fyrkanten visar var det finns överlappande element. Tänk på att den röda fyrkanten bara är en hjälpreda när du arbetar och kommer inte att publiceras på din hemsida.