{"id":555,"date":"2019-12-07T22:57:38","date_gmt":"2019-12-07T21:57:38","guid":{"rendered":"https:\/\/www.mightypress.de\/?p=555"},"modified":"2021-06-13T19:47:13","modified_gmt":"2021-06-13T19:47:13","slug":"eigene-farben-gutenberg-editor","status":"publish","type":"post","link":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/","title":{"rendered":"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen"},"content":{"rendered":"\n

Wei\u00dft du, was ich am liebsten mag? Mir Arbeit sparen! Und zwar wann immer es geht und so viel wie m\u00f6glich. Mit der Einf\u00fchrung von Gutenberg haben sich da neue Welten aufgetan. Gerade in der Bearbeitung von Artikeln. Deshalb zeige ich dir in diesem WordPress Tipp<\/a>, wie du eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen kannst.<\/p>\n\n\n\n

So werden Farben in Gutenberg normalerweise eingef\u00fcgt<\/h2>\n\n\n\n

Wahrscheinlich kennst du ja den Ablauf schon. F\u00fcr alle anderen zeige ich hier mal, wie normalerweise Elemente im Gutenberg Editor farblich gestaltet werden.<\/p>\n\n\n\n

Nehmen wir mal an, du hast eine neue Zwischen\u00fcberschrift eingef\u00fcgt und willst diese jetzt mit deiner Wunschfarbe versehen. Dann l\u00e4uft das so…<\/p>\n\n\n\n

\n
\n

Schritt 1<\/strong><\/p>\n\n\n\n

\u00dcberschrift markieren und die Farbeinstellungen rechts aufrufen.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n<\/div>\n\n\n\n
\n

Schritt 2<\/strong><\/p>\n\n\n\n

Hex-Code vergessen. Deshalb in Photoshop nachschauen.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n<\/div>\n\n\n\n
\n

Schritt 3<\/strong><\/p>\n\n\n\n

Hex-Code in das Farbwert Feld eingeben.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n

Sehr nervig. Und wenn du so bist, wie ich, dann vergisst du auch wirklich jedes Mal den Hexadezimal Code deiner wichtigen Farben.<\/p>\n\n\n\n

Diese ganze Prozedur wiederhole ich in der Regel pro Artikel \u00fcbrigens 2 bis 3 Mal!<\/p>\n\n\n\n

Zum Gl\u00fcck geht das alles aber auch viel einfacher und das schauen wir uns jetzt mal an:<\/p>\n\n\n\n

So kannst du eine eigenen Farbeinstellungen in den Gutenberg Editor einf\u00fcgen<\/h2>\n\n\n\n

Jetzt kommen wir zum spa\u00dfigen Teil des Artikels!<\/p>\n\n\n\n

Wir haben alle keine Lust darauf, immer manuell Hex-Codes einzugeben, um unsere Lieblingsfarben zu bekommen. Vielleicht hast du aber auch einen Kunden, mit einem Corporate Design, in dem Farben festgelegt sind?<\/p>\n\n\n\n

Um eine eigene Farbpalette im Gutenberg Editor angezeigt zu bekommen, \u00f6ffnen wir fix die functions.php unseres Themes. Die liegt direkt im Verzeichnis deines Themes und ist die wichtigste Steuerungsdatei f\u00fcr die Funktionen deines Themes.<\/p>\n\n\n\n

Bestenfalls machst du das direkt \u00fcber dein FTP-Programm und deinen bevorzugten Codeeditor.<\/p>\n\n\n\n

Das einzige, was du jetzt machen musst, ist diesen Code-Schnipsel in deine functions.php einzuf\u00fcgen:<\/strong><\/p>\n\n\n\n

function mytheme_setup_theme_supported_features() {\n    add_theme_support( 'editor-color-palette', array(\n        array(\n            'name' => __( 'strong magenta', 'themeLangDomain' ),\n            'slug' => 'strong-magenta',\n            'color' => '#a156b4',\n        ),\n        array(\n            'name' => __( 'light grayish magenta', 'themeLangDomain' ),\n            'slug' => 'light-grayish-magenta',\n            'color' => '#d0a5db',\n        ),\n        array(\n            'name' => __( 'very light gray', 'themeLangDomain' ),\n            'slug' => 'very-light-gray',\n            'color' => '#eee',\n        ),\n        array(\n            'name' => __( 'very dark gray', 'themeLangDomain' ),\n            'slug' => 'very-dark-gray',\n            'color' => '#444',\n        ),\n    ) );\n}\n\nadd_action( 'after_setup_theme', 'mytheme_setup_theme_supported_features' );<\/code><\/pre>\n\n\n\n
Was passiert hier genau?<\/h3>\n\n\n\n
Ich finde es immer ganz gut, wenn man so einigerma\u00dfen wei\u00df, was man macht, wenn man in den Code seiner Website eingreift. Das ist wesentlich besser als das schnelle Copy and Paste Ding, dass sp\u00e4ter mit einem 500er Fehler endet.<\/p>\n\n\n\n
Also schauen wir uns mal grob an, was in diesem Code-Schnipsel passiert:<\/strong><\/p>\n\n\n\n
\u00dcber die Angabe add_theme_support sagen wir deinem WordPress Theme, dass er  ab jetzt die folgenden Funktionen unterst\u00fctzen soll.<\/p>\n\n\n\n
Das so genannte Array im Code macht nichts anderes, als uns die M\u00f6glichkeit zu geben, gleich mehrere Farben festzulegen. Sonst h\u00e4ttest du in deinem Editor sp\u00e4ter nur eine einzige Farbe zur Verf\u00fcgung, was ja etwas eint\u00f6nig w\u00e4re \ud83d\ude09<\/p>\n\n\n\n
Einen Namen f\u00fcr deine Farbe festlegen<\/h3>\n\n\n\n
Kommen wir zur ’name‘-Zeile, in der wir deiner Farbe einen Namen geben.<\/p>\n\n\n\n
Den Namen f\u00fcr deine Farbe kannst du so bestimmen, wie du es gerne haben m\u00f6chtest. Dieser Name wird dir im Gutenberg Editor auch angezeigt, wenn du mit der Maus \u00fcber die jeweilige Farbe gehst.<\/p>\n\n\n\n
Bei MightyPress haben wir zum Beispiel zwei verschiedene Blaut\u00f6ne, die wir regelm\u00e4\u00dfig nutzen. Deshalb gibt es bei uns auch eine Farbe mit dem Namen \u201eMighty Darkblue\u201c und eine Farbe mit dem Namen \u201eMighty Lightblue\u201c.<\/p>\n\n\n\n
Deiner Kreativit\u00e4t sind da keine Grenzen gesetzt.<\/p>\n\n\n\n
Der Slug<\/h3>\n\n\n\n
In der ’slug‘-Zeile geben wir dem Ganzen jeweils einen Namen, der f\u00fcr WordPress gut lesbar ist. Dieser Slug ist \u00e4hnlich den Permalinks in deinen Artikeln aufgebaut.<\/p>\n\n\n\n
Er sollte also diese Eigenschaften erf\u00fcllen:<\/p>\n\n\n\n
  1. Er sollte keine Sonderzeichen oder Umlaute enthalten.<\/li>
  2. Im Slug werden grunds\u00e4tzlich alle Worte klein geschrieben.<\/li>
  3. W\u00f6rter werden durch Bindestriche getrennt.<\/li>
  4. Bestenfalls lautet der Slug genauso wie der Name, den du deiner Farbe gegeben hast. Ist ordentlicher und du kannst dich sp\u00e4ter dran erinnern, was du da gemacht hast.<\/li><\/ol>\n\n\n\n
    Den Slug brauchen wir sp\u00e4ter auch noch im CSS-File deines Themes. Dort m\u00fcssen wir WordPress noch sagen, dass es die jeweiligen Farben auch wirklich benutzen soll.<\/p>\n\n\n\n
    Die Farbe<\/h3>\n\n\n\n
    In der ‚color‘-Zeile kommen wir dann dazu, die eigentliche Farbe zu definieren. Und zwar \u00fcber den Hex-Code der Farbe.<\/p>\n\n\n\n
    Diese Zeile ist nur daf\u00fcr da, die Farbe in deinem Editor anzuzeigen. Nicht f\u00fcr die Ausgabe im Frontend. Da kommen wir gleich noch zu.<\/p>\n\n\n\n
    So sehen deine neuen Farbeinstellungen im Gutenberg Editor aus<\/h2>\n\n\n\n
    Jetzt, wo wir unsere Anpassungen durchgef\u00fchrt haben, schauen wir direkt mal in den Editor und – sehen unsere neuen Farbeinstellungen in voller Pracht.<\/p>\n\n\n\n
    Hier mal ein Beispiel aus unserem MightyPress Editor:<\/strong><\/p>\n\n\n\n
    \"<\/figure><\/div>\n\n\n\n
    Ganz links siehst du jetzt unser Mighty Darkblue<\/strong>. Direkt daneben kommen dann das Lightblue und ein paar andere Farben.<\/p>\n\n\n\n
    Ab jetzt geht das Anpassen von Farben in WordPress Artikeln wesentlich fixer.<\/p>\n\n\n\n
    Die Farben in deiner CSS Datei festlegen<\/h2>\n\n\n\n
    Jetzt m\u00fcssen wir zum Schluss auch noch in deinem Stylesheet, also in der style.css festlegen, dass die Farben auch wirklich vorne auf deiner Seite ausgegeben werden. <\/p>\n\n\n\n
    Daf\u00fcr \u00f6ffnest du deine style.css und f\u00fcgst folgenden Code dort ein:<\/p>\n\n\n\n
    .has-mightydarkblue-color {\n\tcolor: #003D58;\n}\n\n.has-mightydarkblue-background-color {\n\tbackground-color: #003D58;\n}\n\n\n\n.has-mightylightblue-color {\n\tcolor: #008EC9;\n}\n\n.has-mightylightblue-background-color {\n\tbackground-color: #008EC9;\n}<\/code><\/pre>\n\n\n\n
    Die Farbnamen mightydarkblue und mightylightblue musst du nat\u00fcrlich durch die Namen deiner Farben ersetzen, die du weiter oben mit den Slug-Zeilen festgelegt hast.<\/p>\n\n\n\n
    Die jeweiligen Hexadezimal-Angaben f\u00fcr die Farben ersetzt du einfach durch deine Farben.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Mit diesem ganz einfachen Code-Schnipsel f\u00fcgst du deine eigenen Farbpaletten in die WordPress Gutenberg Farbeinstellungen ein.<\/p>\n","protected":false},"author":1,"featured_media":2854,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"limit_modified_date":"1","last_modified_date":"2021-06-13T19:47:13","inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"yoast_head":"\nEigene Farben in den WordPress Gutenberg Editor einf\u00fcgen - WPFellows<\/title>\n<meta name=\"description\" content=\"Mit diesem ganz einfachen Code-Schnipsel f\u00fcgst du deine eigenen Farbpaletten in die WordPress Gutenberg Farbeinstellungen ein.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen - WPFellows\" \/>\n<meta property=\"og:description\" content=\"Mit diesem ganz einfachen Code-Schnipsel f\u00fcgst du deine eigenen Farbpaletten in die WordPress Gutenberg Farbeinstellungen ein.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"WPFellows\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/heikoschneider\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-07T21:57:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-13T19:47:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Heiko Schneider\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/heikoschneider\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Heiko Schneider\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/\"},\"author\":{\"name\":\"Heiko Schneider\",\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b\"},\"headline\":\"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen\",\"datePublished\":\"2019-12-07T21:57:38+00:00\",\"dateModified\":\"2021-06-13T19:47:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/\"},\"wordCount\":863,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/wpfellows.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg\",\"articleSection\":[\"Wordpress Tutorials\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/\",\"url\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/\",\"name\":\"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen - WPFellows\",\"isPartOf\":{\"@id\":\"https:\/\/wpfellows.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg\",\"datePublished\":\"2019-12-07T21:57:38+00:00\",\"dateModified\":\"2021-06-13T19:47:13+00:00\",\"description\":\"Mit diesem ganz einfachen Code-Schnipsel f\u00fcgst du deine eigenen Farbpaletten in die WordPress Gutenberg Farbeinstellungen ein.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#primaryimage\",\"url\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg\",\"contentUrl\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg\",\"width\":1920,\"height\":1080,\"caption\":\"Eigene Farben Gutenberg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpfellows.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpfellows.com\/de\/#website\",\"url\":\"https:\/\/wpfellows.com\/de\/\",\"name\":\"WPFellows\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/wpfellows.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpfellows.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wpfellows.com\/de\/#organization\",\"name\":\"WPFellows\",\"url\":\"https:\/\/wpfellows.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2021\/08\/fellows-wp.svg\",\"contentUrl\":\"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2021\/08\/fellows-wp.svg\",\"width\":100,\"height\":100,\"caption\":\"WPFellows\"},\"image\":{\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b\",\"name\":\"Heiko Schneider\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/wpfellows.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g\",\"caption\":\"Heiko Schneider\"},\"description\":\"Hej, ich bin Heiko. Mitbegr\u00fcnder der WPFellows und seit \u00fcber 15 Jahren professioneller WordPress Entwickler und Trainer. Mehr \u00fcber Heiko erfahren.\",\"sameAs\":[\"https:\/\/www.wpfellows.com\",\"https:\/\/www.facebook.com\/heikoschneider\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/heikoschneider\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen - WPFellows","description":"Mit diesem ganz einfachen Code-Schnipsel f\u00fcgst du deine eigenen Farbpaletten in die WordPress Gutenberg Farbeinstellungen ein.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/","og_locale":"de_DE","og_type":"article","og_title":"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen - WPFellows","og_description":"Mit diesem ganz einfachen Code-Schnipsel f\u00fcgst du deine eigenen Farbpaletten in die WordPress Gutenberg Farbeinstellungen ein.","og_url":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/","og_site_name":"WPFellows","article_author":"https:\/\/www.facebook.com\/heikoschneider","article_published_time":"2019-12-07T21:57:38+00:00","article_modified_time":"2021-06-13T19:47:13+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg","type":"image\/jpeg"}],"author":"Heiko Schneider","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/heikoschneider","twitter_misc":{"Verfasst von":"Heiko Schneider","Gesch\u00e4tzte Lesezeit":"5 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#article","isPartOf":{"@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/"},"author":{"name":"Heiko Schneider","@id":"https:\/\/wpfellows.com\/de\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b"},"headline":"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen","datePublished":"2019-12-07T21:57:38+00:00","dateModified":"2021-06-13T19:47:13+00:00","mainEntityOfPage":{"@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/"},"wordCount":863,"commentCount":0,"publisher":{"@id":"https:\/\/wpfellows.com\/de\/#organization"},"image":{"@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg","articleSection":["Wordpress Tutorials"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/","url":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/","name":"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen - WPFellows","isPartOf":{"@id":"https:\/\/wpfellows.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#primaryimage"},"image":{"@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg","datePublished":"2019-12-07T21:57:38+00:00","dateModified":"2021-06-13T19:47:13+00:00","description":"Mit diesem ganz einfachen Code-Schnipsel f\u00fcgst du deine eigenen Farbpaletten in die WordPress Gutenberg Farbeinstellungen ein.","breadcrumb":{"@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#primaryimage","url":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg","contentUrl":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2019\/12\/eigene-farben-gutenberg.jpeg","width":1920,"height":1080,"caption":"Eigene Farben Gutenberg"},{"@type":"BreadcrumbList","@id":"https:\/\/wpfellows.com\/de\/eigene-farben-gutenberg-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpfellows.com\/de\/"},{"@type":"ListItem","position":2,"name":"Eigene Farben in den WordPress Gutenberg Editor einf\u00fcgen"}]},{"@type":"WebSite","@id":"https:\/\/wpfellows.com\/de\/#website","url":"https:\/\/wpfellows.com\/de\/","name":"WPFellows","description":"","publisher":{"@id":"https:\/\/wpfellows.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpfellows.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/wpfellows.com\/de\/#organization","name":"WPFellows","url":"https:\/\/wpfellows.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/wpfellows.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2021\/08\/fellows-wp.svg","contentUrl":"https:\/\/wpfellows.com\/de\/wp-content\/uploads\/sites\/2\/2021\/08\/fellows-wp.svg","width":100,"height":100,"caption":"WPFellows"},"image":{"@id":"https:\/\/wpfellows.com\/de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/wpfellows.com\/de\/#\/schema\/person\/9f1dc4d9139057a9ccaa1a4894d3389b","name":"Heiko Schneider","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/wpfellows.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4ec18426b0e5d79eed97ebc89e90e32b?s=96&d=blank&r=g","caption":"Heiko Schneider"},"description":"Hej, ich bin Heiko. Mitbegr\u00fcnder der WPFellows und seit \u00fcber 15 Jahren professioneller WordPress Entwickler und Trainer. Mehr \u00fcber Heiko erfahren.","sameAs":["https:\/\/www.wpfellows.com","https:\/\/www.facebook.com\/heikoschneider","https:\/\/twitter.com\/https:\/\/twitter.com\/heikoschneider"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/posts\/555"}],"collection":[{"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/comments?post=555"}],"version-history":[{"count":0,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/posts\/555\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/media\/2854"}],"wp:attachment":[{"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/media?parent=555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/categories?post=555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpfellows.com\/de\/wp-json\/wp\/v2\/tags?post=555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}