Springe zum Hauptinhalt

So verwenden Sie globale Farben in Elementor

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie globale Farben in Elementor verwenden?

Elementor 3.0 bietet neue Funktionen zur Optimierung Ihres Workflows beim Erstellen einer Website mit WordPress. Einer von ihnen ist Globale Farben.

Was ist das und wie kann es Ihnen helfen, Ihren Workflow zu optimieren? Lesen Sie weiter, um mehr zu erfahren.

Entdecken Sie So installieren Sie Elementor auf WordPress

Farbe gehört zu den wesentlichen Bestandteilen des Webdesigns und anderer Designarten im Allgemeinen. Die richtige Farbauswahl kann einer der Faktoren für eine starke Markenidentität sein. Der Farbauswahlprozess selbst umfasst Forschung, Verständnis der Farbtheorie und Implementierung. Designer ändern häufig das Farbschema einer Website, weil sie der Meinung sind, dass die implementierten Farben nicht zum Konzept der Website passen.

Stellen Sie sich nun vor, Sie haben bereits eine Website (die aus mehreren Seiten besteht) und Sie oder Ihr Designer möchten das Farbschema ändern.

Wie lange dauert es, die neuen Farben auf alle Seiten Ihrer Website anzuwenden, wenn Sie die Seiten einzeln nacheinander ändern müssen?

Ganz zu schweigen von anderen Teilen der Website wie der Kopf- und Fußzeile.

Lesen Sie auch: So erstellen Sie eine Registrierungsseite in Elementor

Die neue Funktion Globale Farben Mit Elementor können Sie diesen anstrengenden Prozess vermeiden. Mit einer Gesamtfarbe können Sie mit nur einem Klick eine neue Farbe auf mehrere Seiten gleichzeitig anwenden.

Neben der Optimierung Ihres Workflows bietet die Funktion Globale Farben Elementor hilft Ihnen auch dabei, sicherzustellen, dass Ihre Website in allen Teilen ein einheitliches Farbschema aufweist.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

So verwenden Sie diese neue Funktion.

Wie verwenden Globale Farben in Elementor

Um eine Gesamtfarbe zu verwenden, müssen Sie zunächst eine Gesamtfarbe definieren, die Sie verwenden möchten. Elementor selbst bietet vordefinierte Gesamtfarben, die Sie verwenden können. Um eine neue Gesamtfarbe festzulegen, bearbeiten Sie zuerst eine Seite oder Vorlage mit Elementor, um auf das Einstellungsfenster von Elementor zuzugreifen.

Klicken Sie im Elementor-Editor auf das Hamburger-Symbol in der oberen linken Ecke des Einstellungsfensters und wählen Sie Seiteneinstellungen.

So verwenden Sie globale Farben in Elementor

Dann wählen Sie Globale Farben.

Wie Sie sehen, gibt es vordefinierte globale Farben, die Sie verwenden können. Um eine neue globale Farbe zu definieren, klicken Sie einfach auf die Schaltfläche EINE FARBE HINZUFÜGEN. Verwenden Sie die Farbauswahl, um Ihre neue Gesamtfarbe festzulegen. Damit Sie Ihre neue Gesamtfarbe leichter identifizieren können, können Sie ihr auch einen Namen geben.

So verwenden Sie globale Farben in Elementor

Klicken Sie auf die blaue Schaltfläche AKTUALISIEREN um die neuen Änderungen zu speichern. Sie können die obigen Schritte wiederholen, um andere Gesamtfarben hinzuzufügen. Sie können auf das Symbol klicken X um zum Elementor-Fenster Allgemeine Einstellungen zurückzukehren.

Um die soeben definierten globalen Farben zu verwenden, erstellen Sie eine neue Seite / Vorlage oder bearbeiten Sie eine vorhandene. Bearbeiten Sie ein beliebiges Element (Widget, Spalte oder Abschnitt) und legen Sie seine Farbe fest. In den Optionen Farbe, Klicken Sie auf das Globussymbol und wählen Sie eine Gesamtfarbe aus, die Sie verwenden möchten.

Wiederholen Sie die Schritte, um auf anderen Seiten oder Teilen der Website (z. B. Kopf- oder Fußzeile) eine Gesamtfarbe zu verwenden.

Lesen Sie auch: So erstellen Sie eine Anmeldeseite mit Elementor

Wenn Sie nun auf bestimmten Seiten oder Teilen einer Website dieselbe globale Farbe verwenden und die Farbe ändern möchten, können Sie das globale Einstellungsfenster öffnen (indem Sie auf das Hamburger-Symbol im Elementor-Einstellungsfenster klicken).

Öffnen Sie dann Globale Farben und wählen Sie die Gesamtfarbe aus, die Sie ändern möchten, und wählen Sie einfach eine neue Farbe aus, die Ihnen gefällt.

Sehen Sie sich die Aufnahme unten an.

So verwenden Sie globale Farben in Elementor

Beachten Sie den Kopfzeilenabschnitt und den Abschnitt mit den Symbolen für soziale Medien in der obigen Aufnahme. Diese Abschnitte verwenden die gleiche Gesamtfarbe. Wenn wir also die Farbe beider Abschnitte ändern möchten, müssen wir dies nur einmal tun, indem wir die Farbe der verwendeten Gesamtfarbe ändern.

Siehe auch: So exportieren und importieren Sie Elementor-Modelle

Wenn Sie auf anderen Seiten dieselbe Gesamtfarbe verwenden, ändern sich auch die Abschnitte der Seiten, die dieselbe Gesamtfarbe verwenden.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Holen Sie sich jetzt Elementor Pro!

Fazit

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie globale Farben in Elementor verwenden. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren