Registrera temafärger i Gutenberg

I editorn till WordPress, gutenberg, finns möjlighet på flera block att ställa in färg för bakgrund och text.

Om du vill få samma nyans på färgerna i alla inlägg och sidor så är det bra att ställa in dessa. Tyvärr är det nog så att många av oss, däribland jag själv, som annars får många nyanser av grönt. För att underlätta arbetet och arbeta smidigare så kan du registrera de färger du vill använda.

Koden ska du klistra in i functions.php och glöm inte att ställa in de färger som du vill ha!

Så här ser det ut efter att du använt koden:

Kod

add_theme_support( 'editor-color-palette', array(
		array(
			'name'  => __( 'Blue', 'textdomain' ),
			'slug'  => 'blue',
			'color'	=> '#05306F',
		),
        array(
            'name'  => __( 'Green', 'textdomain' ),
            'slug'  => 'green',
            'color' => '#006616',
        ),
		array(
			'name'  => __( 'Grey', 'textdomain' ),
			'slug'  => 'grey',
			'color' => '#FAFAFA',
		),
	) );

Det här är grunden för att kunna välja färg, men man behöver också fixa så att de visas korrekt på webbsidan. Det gör du med några rader CSS.
Lyckligtvis så läggs det till en klass när du ställt in en färg.

Klasserna ser ut så här:

.has-grey-color { color: #FAFAFA; }
.has-grey-background-color { background-color: #FAFAFA; }