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 1Product 2Product 3
Lorem ipsumSit ametSed diam
Eimod tempInvidunt utEt dolore
Aliquyam erAt vero eosSed voluptua
123,- EUR456,- EUR789,- 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

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 *

*
*

Choose your currency:

Close
Converted prices are for reference only - all orders are charged in € Euro (€) EUR.
  • USDUS Dollar ($)
  • EUREuro (€)
  • GBPPfund Sterling (£)
  • AUDAustralische Dollar ($)
  • BRLBrasilianischer Real (R$)
  • CADKanadischer Dollar ($)
  • CZKTschechische Krone
  • DKKDänische Krone
  • HKDHongkong Dollar ($)
  • HUFUngarischer Forint
  • ILSIsraelischer Schekel (₪)
  • JPYJapanischer Yen (¥)
  • MYRMalaysischer Ringgits
  • MXNMexikanischer Peso ($)
  • NZDNeuseeland Dollar ($)
  • NOKNorwegische Krone
  • PHPPhilipinischer Pesos
  • PLNPolnischer Zloty
  • SGDSingapur Dollar ($)
  • SEKSchwedische Krone
  • CHFSchweizer Franken
  • TWDTaiwan New Dollar
  • THBThai Baht (฿)
  • INRIndische Rupie (₹)
  • TRYTürkische Lira (₺)
  • RUBRussischer Rubel