Code-Schnippsel
UPDATE wp_users SET ID = xxx WHERE ID = 123;
UPDATE wp_usermeta SET user_id = xxx WHERE user_id = 123;
#wrapper { background-color: #FFF6E7; }
.page-id-695 #page {background-color:#000000;}
.page-id-695 #page .nav-menu {border-bottom: 1px solid rgb(50, 50, 50); border-top: 1px solid rgb(50, 50, 50);}
.page-id-695 #page .entry-content table {border-bottom: 1px solid rgb(50, 50, 50);}
.page-id-695 #page .entry-content td {border-top: 1px solid rgb(50, 50, 50);}
.page-id-695 #page footer[role="contentinfo"] {border-top: 1px solid rgb(50, 50, 50);}
Hintergrund: schwarz. Linien: dezent grau.
http://paletton.com/#uid=30O0f0kaVz83TXJ7tN1fDpzk8hy
http://paletton.com/#uid=30P0e0kaVz84jP27qHbeJtFiHpX
Damit so ein Gutenberg Spaltenblock dann nicht nur auf dem Desktop, sondern auch auf mobilen Geräten gut aussieht, braucht es zudem entsprechende CSS-Angaben.
Im Moment liefert Gutenberg in dieser Hinsicht nicht viel bis gar
nichts. Das kann sich aber alles zukünftig ändern, wenn Themes für diese
Klassen Definitionen liefern. Ungefähr so, wie sie schon jetzt Vorgaben
für das Verhalten von zum Beispiel alignleft und alignright liefern. Weil es diese Klassen ja auch schon lange gibt.
Ein Gutenberg Spaltenblock kann also auch als Dreispalter daherkommen (siehe Beispiel (3)), der über seine eigene Klasse ( .has-3-columns ) zum Beispiel eine andere Hintergrundfarbe zeigen kann als der Zweispalter.
Ein Gutenberg Spaltenblock kann also auch als Dreispalter daherkommen (siehe Beispiel (3)), der über seine eigene Klasse ( .has-3-columns ) zum Beispiel eine andere Hintergrundfarbe zeigen kann als der Zweispalter.
Ein Gutenberg Spaltenblock kann also auch als Dreispalter daherkommen (siehe Beispiel (3)), der über seine eigene Klasse ( .has-3-columns ) zum Beispiel eine andere Hintergrundfarbe zeigen kann als der Zweispalter.
Ein Gutenberg Spaltenblock kann also auch als Dreispalter daherkommen (siehe Beispiel (3)), der über seine eigene Klasse ( .has-3-columns ) zum Beispiel eine andere Hintergrundfarbe zeigen kann als der Zweispalter.
wp-block-columns.has-2-columns.
wp-block-columns.has-2-columns.
Ein Gutenberg Spaltenblock kann also auch als Dreispalter daherkommen (siehe Beispiel (3)), der über seine eigene Klasse ( .has-3-columns ) zum Beispiel eine andere Hintergrundfarbe zeigen kann als der Zweispalter.
Oder man gibt einem zweiten Zweispalter eine zusätzliche Klasse (zum Beispiel .hintergrundbild), die dann (Überraschung!) für das Hintergrundbild sorgt (Beispiel (5)).
Mit .wp-block-columns.has-2-columns.hintergrundbild.layout-column-1 lässt sich so auch der Hintergrund des Textblocks in der ersten Spalte ansprechen und halb-transparent machen.
Das alles ist besonders dann interessant, wenn man eine Seite plant, die mehrere dieser Zweispalter untereinander zeigt. Wenn die nicht alle gleich aussehen sollen, bekommen sie eben eigene zusätzliche CSS-Klassen. Deren Definitionen Sie alle (ebenso wie die vorgenannten) im Zusätzlichen CSS des Themes unterbringen können.
Zusätzliches CSS
.bggrey {
background-color:rgba(0,0,0,.05);}
.bgrot {
background-color:#870000);}
.bgblack {
background-color:#000);}
Mit bggrey
, bgrot
, bgblack
kann man im Gutenberg-Editor unter „Erweitert“ die zusätzliche CSS Klasse für den jeweiligen Block individuell festlegen.