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
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 KaufenHeadline
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, .
Kommentare
André 18. August 2017 um 17:54
GEILES DING!
Brolaf 18. August 2017 um 20:57
Ja, geiles Teil!
Wenn jetzt noch BS4 kommt, tue ich euch n Wasser spendieren. 🙂
André 19. August 2017 um 0:15
Danke! Ich werde darauf zurück kommen! 😉
Rolf Müller 20. August 2017 um 12:46
Super Ding. Macht die Farbanpassung echt ganz einfach
Daniel Keller 22. August 2017 um 20:07
Mega gut! Cool wäre noch die Schriftfarbe der Navigationsleiste 🙂
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. 🙂
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
André 10. Dezember 2018 um 10:56
Bei Problemen bitte im Forum melden. 🙂
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…
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.
Markus 21. April 2019 um 8:31
Bei mir ändert sich leider auch nichts, obwohl der Import erfolgreich war… Gibt es einen Workaround?
André 22. April 2019 um 11:08
Hab dir im Forum geantwortet. 🙂
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:
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. 🙂
Erik Kies 27. September 2020 um 9:18
Geiles Ding! Kann es sein, dass aktuell die "Vordefinierten Farben" nicht funktionieren?
Christian 28. September 2020 um 7:03
Danke für den Hinweis, Erik. Ist gefixt!
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 😉
Christian 28. September 2020 um 14:18
Schreib mir mal eine Mail an mail@affiliatetheme.io. Wir finden bestimmten einen Gutschein 😉