[Ad_1]
Allmänna råd om färgpaletter
Oavsett hur enkelt det är att lägga till en färgpalett på din Divi-webbplats, är det absolut nödvändigt att du använder rätt typ av palett för din bransch och ditt varumärke. Om du redan har märkesfärger är dessa det självklara valet. Förutom att gå djupare in i färgteori (vilket är ganska coolt, förresten), har vi några tips som kan hjälpa dig att ta reda på var du ska börja med din nya färgpalett.
1. Välj en mörk eller ljus webbplats
I färgpaletten som du kommer att använda kommer du utan tvekan ha ljusa och mörka färger. Kontrast är obligatoriskt i ett färgschema för att det skrivna innehållet inte ska försvinna.
Nu, det för oss omedelbart till den första frågan du behöver ställa dig själv när du vill applicera en färgpalett på din webbplats; vill du skapa en webbplats mörk eller ljus? Bara för att du väljer en betyder det inte att du inte kan kombinera dem, men att ha ett val hjälper dig att välja ditt färgschema lättare.
2. Val av färg
I teorin kan du själv bestämma hur många färger du vill ha i din färgpalett. Det finns inget standardsätt att applicera eller bestämma färgpaletter. För att skapa en fin färgbalans med Divi rekommenderar vi dock att använda fem färger.
För att hjälpa dig att applicera färgpaletterna med fem färger på din webbplats har vi valt en typ av metod som vi alltid kommer att tillämpa på samma layout när vi presenterar de olika färgpaletterna. Men innan vi dyker in i det, låt oss ta en titt på de olika typerna av färger du behöver ha i din färgpalett om du vill följa vår metod.
Bakgrundsfärger
Se till att bakgrundsfärgerna du väljer matchar varandra. Du kommer att använda dessa bakgrundsfärger nära varandra och för att få fina resultat; de måste ha en viss harmoni.
Fontfärg
Nästa sak du behöver välja är teckensnittsfärgen. Logiskt sett beror teckensnittsfärgen på de bakgrundsfärger du väljer. Om du valde ljusa bakgrundsfärger, se till att din teckensnittsfärg är mörk och vice versa.
Hyperlänk och CTA-färg
Hyperlänksfärgen du väljer är en av färgerna som ger din webbplats liv. Se till att den här färgen sticker ut från andra färger i din palett, eftersom du kommer att använda den för uppmaningar som du inkluderar på din webbplats.
Färg för sista handen
Slutligen kan du välja en annan färdig färg som kommer att ge färg till din webbplats. Även om denna färg inte är lika viktig som hyperlänksfärgen, hjälper den dig att slutföra färgbalansen på din webbplats.
3. Se till att det finns tillräckligt med kontrast
Som nämnts tidigare är det viktigt att ge kontrast mellan några av färgerna i din färgpalett. Om du använder ett färgschema för en webbplats kommer denna kontrast främst att hjälpa dig att göra det skrivna innehållet du delar läsbart. För om ditt innehåll inte är lätt att läsa, vad är poängen i slutändan?
4. Hitta rätt balans mellan färganvändning
Det finns olika sätt att bestämma hur ofta du vill använda en viss färg i ditt färgschema. Att skapa en bra färgbalans är nödvändigt om du inte vill att de ska känna sig överväldigade av färgerna du använder på din webbplats.
Se till att använda de mer neutrala färgerna i din färgpalett för det mesta och använd de andra färgerna för att accentuera innehållet du tillhandahåller.
Hur man lägger till en färgpalett på din Divi-webbplats
Med allt detta i åtanke är det dags att gräva ner sig i Divi och tillämpa din sajts nya färgpalett!
Standard Divi-paletten
Gå först till din WordPress-instrumentpanel och navigera till Divi - Temaalternativ. Under Général fliken, kommer du att se en post med titeln Standardpalett för färgväljare. Detta gör att du kan välja de 8 färger du snabbt vill komma åt varje gång du öppnar färgalternativen i Divi-byggaren. Som standard är dessa livfulla färger som många använder, men de är inte en komplett palett som bör användas på en enda webbplats.
Observera att detta inte tillämpar färgerna på din webbplats. Det presenterar dem bara som snabba alternativ i konstruktorn.
Gå in i Divi-byggaren
Oavsett om du ställer in paletten i Divis inställningar eller inte, har du alltid möjligheten att applicera olika färger på element på din webbplats. För att göra detta, gå till Divi Builder och ange inställningarna för valfri modul du vill justera i din nya palett.
Under den för närvarande valda färgen för ett element ser du ellipsikon (tre punkter). När du klickar på den tar du upp Divis Magic Color-verktyg. Byggaren tar hänsyn till dina nyligen använda färger och färgerna på själva sidan för att ge dig en serie av flera paletter som består av komplementfärger som borde fungera ganska bra tillsammans.
Ställ in färger som globala
När du har bestämt dig för vilka färger du vill använda är det dags att ställa in dem som globala. Globala färger kan ställas in för att ändras över en hel sida, oavsett modul eller element. Det betyder att om du vill byta 5 olika färger behöver du inte göra det mer än 100 gånger, individuellt på instanser av den färgen. Du kommer att göra detta 5 gånger.
För att komma igång, gå till valfri modul med en färgväljare. Nedan ser du en länk som heter Välgörenhet. Klicka på den och den globala paletten försvinner. Härifrån ställer du in de färger du vill göra tillgängliga globalt genom att klicka på knappen mer + ikon.
När den nya väljaren visas klickar du på knappen grön fästing för att lägga till den aktuella färgen som ett globalt alternativ.
Det spelar ingen roll var den vita cirkeln är. Det hexadecimala värdet är det som läggs till de globala färgerna. Du kommer nu att se standardfärgen tillagd bredvid plusikonen. Och du kan se att färgen har applicerats på webbplatsen på grund av droppikonen på färgen istället för den vanliga cirkeln.
Dessutom kan du högerklicka på en vald färg och välja "Konvertera till global" för att lägga till den i listan.
Upprepa denna process för varje färg i paletten du har valt så att hela din palett så småningom kommer att sparas under Global länken. Detta är mycket viktigt eftersom du tillämpar den nya paletten på alla element på en sida.
Applicera globala färger
Då du vill ersätta alla instanser av samma färg på din sida kan justeras globalt. Vad du vill göra är att gå till elementet med färgen du vill ändra och högerklicka på det. Du väljer sedan Hitta och ersätta från snabbmenyn. Konvertera inte denna färg till global här. Detta är en del av nästa steg.
Nästa skärm kommer att vara där du väljer att ersätta denna färg med din globala färg. Se till att under Ersätta med du klickar Välgörenhet välj sedan den globala färg du vill sprida över sidan. Var noga med att markera rutan som säger "Ersätt alla värden som finns i varje alternativtyp, men inte begränsat till [infoga aktuell elementtyp]. Detta kommer att säkerställa att den färgen kommer att ersättas oavsett vad.
Nu kan du ändra just den globala färgen och när du gör det kommer varje instans av den att ändras. Observera att du inte väljer en ny färg från paletten. Detta kommer bara att byta den aktuella färgen. Du Redigera färgen för att ändra den överallt eftersom du markerade varje instans av den enstaka färgen som global.
Du kan redigera den kollektivt med hjälp av färgväljaren. Klicka bara på droppen för att välja en ny.
Efter det, upprepa bara denna process för varje färg i din nya palett. Endast en förändring för varje färg i din palett. Inte ett utbyte av varje enskild artikel av en viss färg.
pack
Att välja och använda en global färgpalett på din Divi-webbplats har aldrig varit enklare. Du kan använda vår Magic Color-funktion för att hjälpa dig välja en palett, sedan kan du ställa in dem som globala färger för din webbplats. När du är klar, välj helt enkelt den färg du byter ut och använd Divis inbyggda sök- och ersätt-funktion för att ersätta dessa färger på sidan. Med detta arbetsflöde kommer du säkerligen att spara mycket tid när du gör om olika webbplatser och ändrar några av våra kostnadsfria layoutpaket.
Njut av!
Artikel med bild av ART.ICON / shutterstock.com
[Ad_2]
