[Ad_1]
Allgemeine Hinweise zu Farbpaletten
Egal wie einfach es ist, Ihrer Divi-Website eine Farbpalette hinzuzufügen, es ist unbedingt erforderlich, dass Sie den richtigen Farbpalettentyp für Ihre Branche und Marke verwenden. Wenn Sie bereits Markenfarben haben, sind diese die offensichtliche Wahl. Wir gehen nicht nur tiefer in die Farbtheorie ein (was übrigens sehr interessant ist), wir haben ein paar Tipps, die Ihnen helfen können, herauszufinden, wo Sie mit Ihrer neuen Farbpalette anfangen sollen.
1. Wählen Sie eine dunkle oder helle Website
In dem von Ihnen verwendeten Farbschema werden Sie zweifellos helle und dunkle Farben haben. Kontrast ist in einer Farbpalette obligatorisch, damit geschriebene Inhalte nicht verloren gehen.
Das bringt uns sofort zur ersten Frage, die Sie sich stellen müssen, wenn Sie eine Farbpalette auf Ihre Website anwenden möchten; Möchten Sie Erstelle eine Website dunkel oder hell? Nur weil Sie sich für eine entscheiden, heißt das nicht, dass Sie sie nicht kombinieren können, aber wenn Sie die Wahl haben, können Sie Ihr Farbschema leichter auswählen.
2. Farbwahl
Theoretisch können Sie selbst bestimmen, wie viele Farben Sie in Ihrem Farbschema haben möchten. Es gibt keine Standardmethode zum Anwenden oder Bestimmen von Farbpaletten. Um mit Divi eine schöne Farbbalance zu erzielen, empfehlen wir jedoch, fünf Farben zu verwenden.
Um Ihnen bei der Anwendung der Farbpaletten mit fünf Farben auf Ihrer Website zu helfen, haben wir eine Methode gewählt, die wir bei der Präsentation der verschiedenen Farbpaletten konsequent auf das gleiche Layout anwenden. Aber bevor wir uns damit befassen, werfen wir einen Blick auf die verschiedenen Arten von Farben, die Sie in Ihrer Farbpalette haben müssen, wenn Sie sich für unsere Methode entscheiden.
Hintergrundfarben
Stellen Sie sicher, dass die von Ihnen gewählten Hintergrundfarben zueinander passen. Sie werden diese Hintergrundfarben in unmittelbarer Nähe zueinander und für schöne Ergebnisse verwenden; sie müssen eine gewisse Harmonie haben.
Schriftfarbe
Als nächstes müssen Sie die Schriftfarbe auswählen. Die Schriftfarbe hängt logischerweise von den gewählten Hintergrundfarben ab. Wenn Sie helle Hintergrundfarben gewählt haben, stellen Sie sicher, dass Ihre Schriftfarbe dunkel ist und umgekehrt.
Hyperlink- und CTA-Farbe
Die von Ihnen gewählte Hyperlink-Farbe ist eine der Farben, die Ihre Website zum Leben erwecken. Stellen Sie sicher, dass sich diese Farbe von anderen Farben in Ihrer Palette abhebt, da Sie sie für alle Calls-to-Action verwenden, die Sie auf Ihrer Website einfügen.
Farbe für den letzten Schliff
Schließlich können Sie eine andere fertige Farbe auswählen, die Farbe auf Ihre Website bringt. Obwohl diese Farbe nicht so wichtig ist wie die Farbe des Hyperlinks, hilft sie Ihnen, die Farbbalance auf Ihrer Website zu vervollständigen.
3. Stellen Sie sicher, dass genügend Kontrast vorhanden ist
Wie bereits erwähnt, ist es wichtig, einen Kontrast zwischen einigen Farben in Ihrem Farbschema bereitzustellen. Wenn Sie ein Farbschema für eine Website verwenden, hilft Ihnen dieser Kontrast in erster Linie dabei, den geschriebenen Inhalt, den Sie teilen, lesbar zu machen. Denn wenn Ihr Inhalt nicht leicht zu lesen ist, was bringt es dann?
4. Finden Sie die richtige Balance der Farbverwendung
Es gibt verschiedene Möglichkeiten, um festzulegen, wie oft Sie eine bestimmte Farbe in Ihrem Farbschema verwenden möchten. Eine gute Farbbalance ist notwendig, wenn Sie nicht möchten, dass sie sich von den Farben, die Sie auf Ihrer Website verwenden, überfordert fühlen.
Stellen Sie sicher, dass Sie die meiste Zeit die neutralsten Farben in Ihrem Farbschema verwenden, und verwenden Sie die anderen Farben, um den von Ihnen bereitgestellten Inhalt hervorzuheben.
So fügen Sie Ihrer Divi-Website eine Farbpalette hinzu
Vor diesem Hintergrund ist es an der Zeit, sich mit Divi zu befassen und das neue Farbschema Ihrer Website anzuwenden!
Die Standard-Divi-Palette
Gehen Sie zuerst zu Ihrem WordPress-Dashboard und navigieren Sie zu Divi - Themenoptionen. Unter dem General Registerkarte sehen Sie einen Eintrag mit dem Titel Standard-Farbauswahlpalette. Auf diese Weise können Sie die 8 Farben auswählen, auf die Sie jedes Mal schnell zugreifen möchten, wenn Sie die Farboptionen im Divi-Builder öffnen. Standardmäßig sind dies helle Farben, die viele Leute verwenden, aber sie sind keine vollständige Palette, die auf einer einzelnen Website verwendet werden sollte.
Bitte beachten Sie, dass dies die Farben nicht auf Ihre Site selbst anwendet. Es präsentiert sie nur als schnelle Optionen im Konstruktor.
Geben Sie den Divi-Konstruktor ein
Unabhängig davon, ob Sie die Palette in den Divi-Einstellungen definieren oder nicht, haben Sie immer die Möglichkeit, den Elementen Ihrer Site verschiedene Farben zuzuweisen. Gehen Sie dazu zum Divi Builder und geben Sie die Parameter jedes Moduls ein, das Sie in Ihrer neuen Palette anpassen möchten.
Unter der aktuell ausgewählten Farbe für ein beliebiges Element sehen Sie das Auslassungszeichen (drei Punkte). Wenn Sie darauf klicken, rufen Sie das Magic Color-Tool von Divi auf. Der Builder berücksichtigt Ihre zuletzt verwendeten Farben und die Farben auf der Seite selbst, um Ihnen eine Reihe von mehreren Paletten aus Komplementärfarben bereitzustellen, die ziemlich gut zusammenarbeiten sollten.
Farben als global definieren
Sobald Sie sich entschieden haben, welche Farben Sie verwenden möchten, ist es an der Zeit, sie als global einzurichten. Globale Farben können so konfiguriert werden, dass sie sich auf einer ganzen Seite ändern, unabhängig von Modul oder Element. Das heißt, wenn Sie 5 verschiedene Farben austauschen möchten, müssen Sie dies nicht mehr als 100 Mal einzeln für Instanzen dieser Farbe tun. Sie werden dies 5 Mal tun.
Um zu beginnen, gehen Sie zu einem beliebigen Modul mit einem Farbwähler. Unten sehen Sie einen Link namens Global. Klicken Sie darauf und die globale Palette verschwindet. Von dort aus definieren Sie die Farben, die Sie global verfügbar machen möchten, indem Sie auf die Schaltfläche klicken mehr + Symbol.
Wenn der neue Selektor erscheint, klicken Sie auf die Schaltfläche grünes Häkchen um die aktuelle Farbe als globale Option hinzuzufügen.
Es spielt keine Rolle, wo der weiße Kreis ist. Der Hexadezimalwert wird zu den globalen Farben hinzugefügt. Sie sehen nun die Standardfarbe neben dem Plus-Symbol hinzugefügt. Und Sie können sehen, dass die Farbe auf die Site angewendet wurde, da das Drop-Symbol auf der Farbe anstelle des üblichen Kreises angezeigt wird.
Darüber hinaus können Sie mit der rechten Maustaste auf eine ausgewählte Farbe klicken und "In Global konvertieren" auswählen, um sie der Liste hinzuzufügen.
Wiederholen Sie diesen Vorgang für jede Farbe in der ausgewählten Palette, damit Ihre gesamte Palette schließlich unter dem Global-Link gespeichert wird. Dies ist sehr wichtig, da Sie die neue Palette auf alle Elemente einer Seite anwenden.
Globale Farben anwenden
Dann möchten Sie alle Instanzen der gleichen Farbe auf Ihrer Seite ersetzen können global angepasst werden. Gehen Sie zu dem Element mit der Farbe, die Sie ändern möchten, und klicken Sie mit der rechten Maustaste darauf. Sie werden dann wählen Suchen und Ersetzen aus dem Kontextmenü. Wandeln Sie diese Farbe hier nicht in global um. Dies ist Teil des nächsten Schritts.
Auf dem nächsten Bildschirm können Sie diese Farbe durch Ihre Gesamtfarbe ersetzen. Stellen Sie sicher, dass unter Ersetzen mit du klickst Global Wählen Sie dann die Gesamtfarbe aus, die Sie auf der Seite erweitern möchten. Stellen Sie sicher, dass Sie das Kontrollkästchen "Alle Werte in jedem Optionstyp ersetzen, nicht beschränkt auf [aktuellen Elementtyp einfügen] ersetzen" aktivieren. Dadurch wird sichergestellt, dass diese Farbe auf jeden Fall ersetzt wird.
Jetzt können Sie diese bestimmte Gesamtfarbe ändern, und wenn Sie dies tun, ändert sich jede Instanz davon. Seien Sie vorsichtig, Sie wählen keine neue Farbe in der Palette. Dadurch wird nur die aktuelle Farbe geändert. Du bearbeiten die Farbe, um sie überall zu ändern, da Sie jede Instanz dieser einzelnen Farbe als global markiert haben.
Sie können es gemeinsam mit dem Farbwähler bearbeiten. Klicken Sie einfach auf das Tröpfchen, um ein neues auszuwählen.
Danach wiederholen Sie diesen Vorgang einfach für jede Farbe in Ihrer neuen Palette. Nur eine Änderung für jede Farbe in Ihrer Palette. Kein Umtausch jedes einzelnen Artikels einer bestimmten Farbe.
Pack
Das Auswählen und Anwenden einer globalen Farbpalette auf Ihre Divi-Site war noch nie so einfach. Sie können unsere Magic Color-Funktion verwenden, um Ihnen bei der Auswahl einer Palette zu helfen, und diese dann als Gesamtfarben für Ihre Site festlegen. Wenn Sie fertig sind, müssen Sie nur noch die Farbe auswählen, die Sie austauschen, und die integrierte Such- und Ersetzungsfunktion von Divi verwenden, um diese Farben auf der Seite zu ersetzen. Mit diesem Workflow sparen Sie sicher viel Zeit bei der Neugestaltung verschiedener Websites und der Anpassung einiger unserer kostenlosen Layoutpakete.
Freude haben!
Ausgewähltes Bild des Artikels von ART.ICON / shutterstock.com
[Ad_2]
