SVG

SVG:er (Scalable Vector Graphics) är mer än bara bilder – de är ett mångsidigt verktyg för att få din webbplats/tratt att sticka ut. Med alternativ för att anpassa färger, justera storlekar och ställa in åtgärder som popup-fönster eller omdirigeringar kan du skapa en sömlös och visuellt tilltalande upplevelse för din publik. Från att justera storlekar och färger till att ställa in åtgärder som popup-fönster eller omdirigeringar, du har full kontroll över hur dina SVG:er ser ut och fungerar.

Allmänna inställningar

Elementnamn/titel

Funktionen Allmänna inställningar visar standardnamnet/titeln för det för närvarande valda redigeringsalternativet. Du har möjlighet att antingen behålla standardnamnet/titeln eller byta namn på den för att bättre beskriva elementet.

SVG URL

För att visa en SVG på din sida, skriv helt enkelt dess URL i det dedikerade fältet märkt SVG URL eller klicka på bildikonen för att lägga till från CRM:s medialagring eller ladda upp direkt från din enhet.

SVG Editor

När du klickar på “Öppna SVG Editor” öppnas sidan för SVG Editor.

Du kan redigera varje SVG-färg under “Editor”.

Du kan ersätta SVG genom att mata in koden i avsnittet “Raw Editor”.

Bredd och höjd (PX)

Du kan justera höjden och bredden på din karta genom att ange önskad storlek.

SVG-åtgärder

I SVG-alternativens åtgärdsavsnitt kan du konfigurera SVG:s beteende genom att välja mellan tre åtgärder: Öppna en popup, gå till webbadress eller ladda ner fil.

Om du väljer “Gå till webbadress” måste du ange sidan. Dessutom kan du växla Öppna i ny flik för att dirigera besökare till en ny flik när de klickar.

Om du väljer Ladda ned fil, lägg till filen och filnamnet som ska laddas ner.

Stilar

Fliken Stilar ger ytterligare alternativ för att finjustera designen på din webbsida.

Justera

Justera funktionen låter dig justera positionen för din SVG enligt dina preferenser. Du kan placera den till vänster, mitten eller höger, eller använda justeringsformatering för att förbättra läsbarheten.

Avståndsalternativ

Funktionen Avståndsalternativ erbjuder två sätt att finjustera placeringen av ditt innehåll. Marginalen låter dig justera avståndet runt ditt innehåll, och stoppningen låter dig justera avståndet från ditt element till kanterna.

Synlighet

Synlighetsfunktionen låter dig välja vilka enheter (mobila enheter, stationära datorer eller båda) det specifika redigeringsalternativet ska vara synligt på. Klicka bara på lämplig ikon för att markera önskat val.

Anpassad klass

Alternativet Anpassad klass gör att du kan tilldela ett anpassat klassnamn till ditt element, vilket gör det enklare att tillämpa anpassade stilar på det specifika elementet. Du kan ange ditt valda anpassade klassnamn i det dedikerade fältet.

CSS-väljare

Om du behöver replikera din anpassade CSS kan du enkelt kopiera den genom att klicka på ikonen Kopiera som finns till höger om referenskoden.

SVG:er är mer än bara bilder – de är mångsidiga verktyg som kan höja din webbplats design och användarupplevelse. Med möjligheten att anpassa färger, storlekar och åtgärder kan du skapa bilder som inte bara är iögonfallande utan också mycket funktionella.