Som standard är obesökta länkar på webbplatser som skapats i Webflow blå. Naturligtvis är detta fallet för de flesta internetplattformar. Om du är trött på att se samma gamla blå färg överallt har vi goda nyheter. Webflow gjorde det enkelt att ändra färgen på dina webbplatslänkar, så att de sticker ut.
Läs vidare för att lära dig mer om hur du länkar i Webflow och hur du ändrar länkfärgen.
Typer av länkar i Webflow
Innan du designar dina länkar, låt oss gå igenom dina länkalternativ när du skapar en webbplats i Webflow.
Textlänkar
Textlänkar är den mest grundläggande formen av länkar i Webflow. Du kan använda dem när ett textelement inte har några andra syften än att länka. En av de vanligaste användningsområdena för textlänkar är ankartext.
För att lägga till en textlänk till din webbdesign gör du följande:
- Öppna panelen “Lägg till objekt” i det vänstra sidofältet.
- Navigera till avsnittet “Typografi”.
- Tryck på fältet “Textlänk”.
När du har angett din länk kan du redigera den genom att dubbelklicka på texten. Alternativt kan du välja objektet och trycka på “Enter”.
Länkfält
Om du tycker att textlänkar är för enkla, överväg att lägga till länkfält till din layout. De är perfekta för att lägga till länkar dynamiskt. När du väl har lagt till ett länkfält kan du aktivera det genom att koppla det till en textlänk eller knapp.
Länkfält används vanligtvis för att:
- Länka till platser utanför din webbplats.
- Registreringslänkar för evenemangstjänster från tredje part.
- Länka till konton i sociala medier.
Du kan lägga till ett länkfält till en nyskapad eller befintlig samling genom att besöka samlingsinställningarna. Därifrån gör du följande:
- Välj “Nytt fält”.
- Tryck på ikonen “Länk” i menyn “Välj fälttyp”.
Länkblock
Länkblock låter dig förvandla vilket designelement som helst till en länk. Även om de främst används för att länka, kan dessa praktiska block också användas för layout och struktur.
De vanligaste designelementen som används för ett länkblock är:
Följ dessa steg för att lägga till ett länkblock till din webbplats:
- Gå till panelen “Lägg till objekt”.
- Navigera till avsnittet “Grundläggande”.
- Välj fältet “Länkblock” och dra det till din sida.
När länkblocket är på sidan kan du dra vilket element som helst utom andra länkar.
Ändra färgen på en länk
När du är nöjd med hur dina länkar visas på din webbplats är det dags att ge dem en liten makeover. Oavsett om du letar efter en djärv, iögonfallande färg eller en mer subtil förändring, är din idealiska länkfärg bara några klick bort.
Hur man ändrar färgen på en enskild länk
Standardtextstilen för etiketten “Alla länkar” visar blå, understrukna länkar. Om du vill att en viss del av din webbplats ska sticka ut kan du ändra länkfärgen för bara ett eller några få element.
Stilpanelen har allt du behöver för den här åtgärden, oavsett länktyp. För att åsidosätta standardfärgen för en specifik länk, gör följande:
- Klicka på länkobjektet.
- Gå till “Stil”-panelen till höger (penselikonen).
- Rulla ned tills du ser avsnittet “Typografi”.
- Ange den länkfärg du föredrar under “Färg”.
Du kan skriva koden i HEX-färgfältet om du redan har en färg i åtanke. Alternativt kan du använda färgvalsverktyget för att hitta den perfekta länkfärgen.
Hur man ändrar färgen på alla länkar
Om du vill bygga ett igenkännbart varumärke är det avgörande att etablera en konsekvent och övertygande visuell identitet. Naturligtvis bör din webbdesign också visuellt matcha ditt varumärke. Att ha alla länkar i samma färg, särskilt märkesfärgen, kan hjälpa.
Så här kan du styla alla länkar på din webbplats:
- Klicka på valfritt länkelement.
- Tryck på genvägen “Control + Enter” i Windows eller “Command + Enter” på Mac för att starta valmenyn.
- Från listan med taggar väljer du “Alla länkar” längst ned.
- Ändra länkfärgen till önskad färg.
Alla nya länkar som du lägger till senare kommer att ta stilen från taggen “Alla länkar”. Om du ändrar dig om en viss uppsättning länkar måste du åsidosätta den etablerade regeln från fall till fall.
Ingen mer blå känsla
När du skapar en webbplats är det lätt att förbise länkar med så många designelement att ta hänsyn till. Av den anledningen kan ändra länkar göra en lång väg mot att få din webbplats att sticka ut. Den utmanande delen är att välja den bästa färgen för att representera ditt varumärke eller företag. Efter det bör implementeringen av den färgen inte ta mer än några minuter av din tid att följa vår guide.
Har du testat att ändra länkfärgen i Webflow? Vilken färg väljer du? Låt oss veta i kommentarsfältet.
