Gå till innehållet

Så här applicerar du färgpaletter på din Divi -webbplats

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Det finns få saker värre på Internet än en intetsägande webbplats. Visst, vissa webbplatser går frivilligt efter det brutalistiska eller minimalistiska utseendet (tittar på dig på Craigslist), men även dessa är det inte. blekna. Att ha en solid färgpalett är ett säkert sätt att få din webbplats att skilja sig från de beige massorna, de oinspirerade monokromatiska eshops som detryck över jag ärskynda. Lyckligtvis har Divi täckt dig med en kombination av vårt Magic Color -system och Global Colors -funktionen. Du kan enkelt använda färgpaletter på din Divi -webbplats. Resultaten kommer säkert att imponera på dina besökare.

Allmänna råd om färgpaletter

Oavsett hur enkelt det är att lägga till en färgpalett till 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 detta det självklara valet. Förutom att gå djupare in i färgteorin (som förresten är mycket intressant) har vi några tips som kan hjälpa dig att avgöra var du ska börja med din nya färgpalett.

1. Välj en mörkfärgad eller ljusfärgad webbplats

I det färgschema du kommer att använda kommer du utan tvekan att ha ljusa och mörka färger. Kontrast är obligatoriskt i en färgpalett så att skrivet innehåll inte går vilse.

Nu tar det oss direkt till den första frågan du måste ställa dig själv när du vill applicera en färgpalett på din webbplats. vill du skapa en mörk eller ljus webbplats? Bara för att du väljer en betyder inte att du inte kan kombinera dem, men att göra ett val hjälper dig att välja ditt färgschema lättare.

2. Färgval

I teorin kan du själv bestämma hur många färger du vill ha i ditt färgschema. Det finns ingen standardmetod för att applicera eller bestämma färgpaletter. För att skapa en fin färgbalans med Divi rekommenderar vi dock att du använder 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 konsekvent 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 måste ha i din färgpalett om du ska gå med vår metod.

Bakgrundsfärger

Se till att de bakgrundsfärger du väljer matchar varandra. Du kommer att använda dessa bakgrundsfärger i närheten av varandra och för vackra resultat; de måste ha en viss harmoni.

Teckensnittsfärg

färgpalett ändras

Nästa sak du måste välja är teckensnittsfärgen. Logiskt nog beror teckensnittsfärgen på de bakgrundsfärger du väljer. Om du har valt ljusa bakgrundsfärger, se till att din teckensnittsfärg är mörk och vice versa.

Hyperlänk och CTA -färg

färgpalett ändras

Hyperlänksfärgen du väljer är en av färgerna som väcker din webbplats till 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 alla uppmaningar du tar med på din webbplats.

Färg för sista handen

färgpalett ändras

Slutligen kan du välja en annan färdig färg som lägger till färg på din webbplats. Även om denna färg inte är lika viktig som hyperlänkfä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 ditt färgschema. Om du använder ett färgschema för en webbplats hjälper denna kontrast dig främst att göra det skrivna innehållet du delar läsbart. För, om ditt innehåll inte är lättläst, vad är poängen?

4. Hitta rätt balans mellan färganvändning

Det finns olika sätt att avgöra 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.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Se till att använda de mest neutrala färgerna i ditt färgschema för det mesta och använd de andra färgerna för att framhäva innehållet du tillhandahåller.

Så här lägger du till en färgpalett till din Divi -webbplats

Med allt detta i åtanke är det dags att gräva i Divi och tillämpa webbplatsens nya färgschema!

Standard Divi -palett

Gå först till din WordPress -instrumentpanel och navigera till Divi - Temalternativ. Under Général fliken ser du en post med titeln Standardpalett för färgväljare. Detta gör att du snabbt kan välja de 8 färger som du vill ha åtkomst till varje gång du öppnar färgalternativen i Divi -byggaren. Som standard är det ljusa färger som många använder, men de är inte en komplett palett som ska användas på en enda webbplats.

standard färgpalett

Observera att detta inte gäller färgerna på din webbplats själv. Det presenterar dem bara som snabba alternativ i konstruktören.

Ange Divi -konstruktören

Oavsett om du definierar paletten i Divi -inställningarna eller inte, har du alltid möjlighet att applicera olika färger på elementen på din webbplats. För att göra detta, gå till Divi Builder och ange parametrarna för alla moduler du vill justera i din nya palett.

färgväljare

Under den för närvarande valda färgen för något element ser du ellipsikon (tre prickar). När du klickar på den tar du fram Magic Color -verktyget från Divi. Byggmästaren tar hänsyn till dina nyligen använda färger och färgerna på själva sidan för att ge dig en serie med flera paletter som består av kompletterande färger som borde fungera ganska bra.

Definiera färger som globala

När du har bestämt vilka färger du vill använda är det dags att ställa in dem som globala. Globala färger kan konfigureras att ändras på 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. Därifrån definierar du de färger du vill göra tillgänglig globalt genom att klicka på knappen mer + ikon.

global

Klicka på knappen när den nya väljaren visas grön fästing för att lägga till den aktuella färgen som ett globalt alternativ.

globala färger

Det spelar ingen roll var den vita cirkeln är. Det hexadecimala värdet är det som läggs till de globala färgerna. Du ser nu standardfärgen 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.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

dropp betyder övergripande färg

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.

Global Divi konvertera

Upprepa denna process för varje färg i paletten du valt så att hela din palett så småningom sparas under den globala länken. Detta är mycket viktigt när du applicerar den nya paletten på alla element på en sida.

Applicera globala färger

Då vill du ersätta alla instanser av samma färg på din sida kan justeras globalt. Det du vill göra är att gå till elementet med färgen du vill ändra och högerklicka på den. Du väljer sedan Hitta och ersätta från snabbmenyn. Konvertera inte den här färgen till global här. Detta är en del av nästa steg.

hitta och ersätta

Nästa skärm är där du väljer att ersätta denna färg med din övergripande färg. Se till att under Ersätta med du klickar Välgörenhet välj sedan den övergripande färgen du vill förlänga på sidan. Se till att du kryssar i rutan "Ersätt alla värden som finns i varje typ av alternativ, inte begränsat till [infoga aktuell elementtyp]." Detta kommer att säkerställa att den färgen kommer att ersättas oavsett vad.

hitta och ersätt med global

Nu kan du ändra den specifika övergripande färgen och när du gör det kommer varje instans av det att ändras. Var försiktig, du väljer inte en ny färg i paletten. Detta kommer bara att ändra den aktuella färgen. Du Redigera färgen för att ändra den överallt eftersom du har markerat varje instans av den enda färgen som global.

välj färger

Du kan redigera det kollektivt med färgväljaren. Klicka bara på droppen för att välja en ny.

färgredigering

Efter det är det bara att upprepa denna process för varje färg i din nya palett. Endast en ändring för varje färg i din palett. Inte ett byte av varje enskilt objekt i en viss färg.

pack

Att välja och tillämpa en global färgpalett på din Divi -webbplats har aldrig varit enklare. Du kan använda vår magiska färgfunktion för att hjälpa dig att välja en palett, och sedan kan du ställa in dem som de övergripande färgerna för din webbplats. När du är klar är det bara att välja färgen du byter och använda Divis inbyggda sök- och ersättningsfunktion för att ersätta dessa färger på sidan. Med detta arbetsflöde kommer du säkert att spara mycket tid på att göra om olika webbplatser och ändra några av våra gratis layoutpaket.

Njut av!

Utvalda bild av artikeln av ART.ICON / shutterstock.com



Källlänk

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
0 aktier
del
tweet
Enregistrer