Skip to main content

Vermutlich kennt jeder unseren Customizer mit dessen Hilfe man im WordPress Backend, innerhalb einer Live-Preview der Seite, seine Fargestaltung vornehmen kann. Diese Funktion ist ein sehr simpler Weg um schnell und einfach seine Seite optisch anzupassen.

Aber wir wären ja nicht wir, wenn das nicht noch einfacher und genialer ginge. Also haben wir uns hingesetzt und uns ein paar Gedanken gemacht. Grundlegend basiert unser Standard-Farbschema auf 5 Farben. Mit ein paar weiteren Graustufen sind es 9 Farben. Diese 9 haben wir gesammelt und in ein kleines Tool gepackt, welches euch das Einstellen der Farben nochmals erleichtert.

Hierbei werden die grundlegenden Farben von euch definiert und alle weiteren (wie etwa bei einem Gradient / Farbverlauf) werden automatisch berechnet (ein bisschen heller). Des Weiteren müsst ihr somit nicht mehr per Hand alle 100+ Felder ausfüllen, sondern einmalig die 9 Felder und dann lediglich den Code generieren, welcher unter Design » Import / Export importiert werden kann. Und voilá, so habt ihr in wenigen Minuten euer Farbschema gesetzt, was zuvor deutlich länger gedauert hat.

Des Weiteren haben wir auch noch vordefinierte Farbschemas um euch, neben unserem Standard-Rot, noch weitere Basiseinstellungen zu bieten. Ihr könnt nun entweder eines der vordefinierten Nutzen und/oder dieses anpassen oder einfach komplett bei 0 anfangen – euch sind hier keine Grenzen gesetzt. Nach dem Importieren der Daten können im Customizer natürlich noch ein paar Feinheiten optimiert werden, wenn euch der generierte Code noch nicht zu 100% zusagt. 🙂 Viel Spaß und bei Fragen oder Feedback gerne das Kommentarfeld unten benutzen.

Hier noch ein paar hilfreiche Tools zum finden / umrechnen von Farben: colourlovers.com, rgb.to, colorhexa.com, color-hex.com

Vordefinierte Farben

Generator




Preview

Logo

Lorem | Ipsum | Dolor

Headline

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Action Kaufen

Headline

Lorem ipsum dolor sit amet, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

Product 1 Product 2 Product 3
Lorem ipsum Sit amet Sed diam
Eimod temp Invidunt ut Et dolore
Aliquyam er At vero eos Sed voluptua
123,- EUR 456,- EUR 789,- EUR

Sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua lorem ipsum dolor sit amet, .

Widget

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.


Widget

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy ipsum dolor sit amet, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, eirmod tempor invidunt.

affiliatetheme.io » Tools » Color Scheme Generator


Kommentare

André 18. August 2017 um 17:54

GEILES DING!

Antworten

Brolaf 18. August 2017 um 20:57

Ja, geiles Teil!

Wenn jetzt noch BS4 kommt, tue ich euch n Wasser spendieren. 🙂

Antworten

André 19. August 2017 um 0:15

Danke! Ich werde darauf zurück kommen! 😉

Antworten

Rolf Müller 20. August 2017 um 12:46

Super Ding. Macht die Farbanpassung echt ganz einfach

Antworten

Daniel Keller 22. August 2017 um 20:07

Mega gut! Cool wäre noch die Schriftfarbe der Navigationsleiste 🙂

Antworten

André 23. August 2017 um 10:22

Wir haben hier extra auf solche Kleinigkeiten verzichtet, die kann man dann ja schnell über den Customizer anpassen. Ansonsten wären es ja ruck zuck doch wieder 100 Felder. 🙂

Antworten

Mahmoud Abubaker 29. November 2018 um 13:58

Hallo leider funktioniert,dass bei mir nicht. Ich habe die Einstellungen importiert und trotzdem verändert sich nichts

Antworten

André 10. Dezember 2018 um 10:56

Bei Problemen bitte im Forum melden. 🙂

Antworten

Micha 2. Dezember 2018 um 11:06

Kann es sein, dass der Generator mit der aktuellen Theme Version nicht mehr kompatibel ist? Bekomme immer "Import erfolgreich", aber farbentechnisch ändert sich an der Seite gar nichts…

Antworten

André 10. Dezember 2018 um 10:58

Bitte mal im Forum reporten. Da 5.0 erst seit kurzem final ist, kann es hier und da noch zu Problemen kommen, ja.

Antworten

Markus 21. April 2019 um 8:31

Bei mir ändert sich leider auch nichts, obwohl der Import erfolgreich war… Gibt es einen Workaround?

Antworten

André 22. April 2019 um 11:08

Hab dir im Forum geantwortet. 🙂

Antworten

Julia Kadauke 18. September 2019 um 8:59

Hey, das ist echt genial! Aber ich habe einige Minuten gebraucht, bis ich den Generator unten auf dieser Seite gefunden habe :facepalm:

Antworten

André 4. Oktober 2019 um 9:24

Danke, freut mich, dass er dir gefällt. Ja, er ist etwas versteckt, aber wir können leider nicht alles in die Hauptnavigation packen 😀 Hatten ihn damals recht aktiv in unserer Facebook Gruppe beworben. 🙂

Antworten

Erik Kies 27. September 2020 um 9:18

Geiles Ding! Kann es sein, dass aktuell die "Vordefinierten Farben" nicht funktionieren?

Antworten

Christian 28. September 2020 um 7:03

Danke für den Hinweis, Erik. Ist gefixt!

Antworten

Erik Kies 28. September 2020 um 10:22

Danke, ja jetzt geht es wieder! 🙂
jetzt muss ich nur noch einen Promocode suchen, dann kaufe ich mir das Theme 😉

Antworten

Christian 28. September 2020 um 14:18

Schreib mir mal eine Mail an mail@affiliatetheme.io. Wir finden bestimmten einen Gutschein 😉

Antworten

Du hast eine Frage oder eine Meinung zum Artikel? Teile sie mit uns!

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

*
*