So, das ist jetzt mal der erste Absatz, den ich im Block-Editor noch einfach so hinschreiben kann, ohne auch nur irgend ein Steuerelement zu benutzen. Vor mir sehe ich ein gro\u00dfes wei\u00dfes Feld, rechts am Rand klebt eine kleine Seitenleiste, die mir einen „Absatz“ anzeigt, den ich vermutlich gleich anklicken muss, um den n\u00e4chsten Absatz zu beginnen.<\/p>\n\n\n\n
Oha, ich kann auch einfach so weiter schreiben, per Enter-Taste den Absatz gesetzt, ohne mich um die Seitenleiste zu k\u00fcmmern, auf der man auch Schriftgr\u00f6\u00dfe und Farbe einstellen kann. <\/p>\n\n\n\n
Und noch ein Absatz – man muss also GAR NICHTS bedienen, kann die Bl\u00f6cke komplett ignorieren und im Textfluss bleiben. Jeder mit Enter-Taste erzeugte Absatz ergibt automatisch einen neuen Block. Das kann ich verifizieren, indem ich mal kurz die Maus bewege, dann erscheint das kleine horizontale Men\u00fc zur Ver\u00e4nderung des aktuellen Blocks. Jetzt werde ich mal etwas fett hervorheben<\/strong> — sehr einfach im Block-Men\u00fc, sieht nicht viel anders aus als im alten Editor, n\u00e4mlich ein fettes „B“ f\u00fcr „bold“. Auf zu neuen Taten, eine Zwischen\u00fcberschrift ist f\u00e4llig!<\/p>\n\n\n\n Holla, die ist verdammt gro\u00df und fett, was an diesem „Theme“ liegt, an dem ja doch Designer geschraubt haben, die so ihre Vorstellungen von Abst\u00e4nden und Schriftgr\u00f6\u00dfen haben. Zu finden war die \u00dcberschrift leicht, n\u00e4mlich durch einen Klick auf das Absatzzeichen im Block-Men\u00fc, was ein „H“ hervorbrachte und die M\u00f6glichkeit „H2“ auszuw\u00e4hlen. <\/p>\n\n\n\n Nun gef\u00e4llt mir das aber gar nicht, was die Designer dieses Themes („Blocksy“) sich gedacht haben, ich will eine kleinere \u00dcberschrift. Mal schauen:<\/p>\n\n\n\n Die ist jetzt 24 statt 35 Pixel \/ Points (?) hoch. Die \u00c4nderung war leicht zu finden, n\u00e4mlich unter Typographie im Seitenmen\u00fc. Und jetzt gleich nochmal<\/p>\n\n\n\n War erwartbar, dass sich das nicht h\u00e4lt, sondern wieder der Standard (die Themevorgabe) gilt. Ist aber im Grunde nicht anders als beim Classic Editor, wo ich auch zwischen vorgegebenen H1,H2,H3 usw. ausw\u00e4hlen muss – und wie das dann aussieht hat der Theme-Designer verbrochen.<\/p>\n\n\n\n Ok, ich bin aber uneinsichtig und will partout kleinere Zwischen\u00fcberschriften vom Typ H2 haben! Was tun? Das Sch\u00f6ne an WordPress ist, dass man nicht lange nach einer L\u00f6sung suchen muss. Googeln bringt sofort einen kurzen Artikel mit genau diesem Thema: <\/p>\n\n\n\n Zus\u00e4tzliche CSS-Klassen im Gutenberg-Editor \u2013 WordPress optimieren<\/a><\/p>\n\n\n\n Das w\u00fcrde ich mit meinen Kenntnissen hinbekommen, f\u00fcr „Nur-Schreiber“ ist es nicht ganz trivial. Das w\u00e4re es aber auch in der „traditionellen Weise“ nicht, da m\u00fcsste ich die Style-Datei finden und wissen, wie ich dort neue Klassen erschaffe – und wie ich die dann im Classic-Editor einbinde. Hier startet das ganze – nat\u00fcrlich! – in diesem Minimen\u00fc am Block, der wiederverwendbar ge\u00e4ndert werden soll. Wie ich sehe, bietet sich sogar ein bequemeres Vorgehen an:<\/p>\n\n\n\n Unter Typographie rechts im Men\u00fc findet sich die Option „Zus\u00e4tzliche CSS-Klasse(n)“ – da hab ich einfach mal color:red reingeschrieben – und oben die Gr\u00f6\u00dfe auf 24 gesetzt. Mal schauen, ob das jetzt so bleibt<\/p>\n\n\n\n Tut es NICHT, wie man sieht! Um die Optik der einzelnen Elemente „wiederverwendbar“ zu \u00e4ndern, muss man also etwas tiefer einsteigen! Zum Thema „wiederverwendbare Blocks“ gibts ja ebenfalls schon etliche Artikel. <\/p>\n\n\n\n Nur-Schreibende wollen das aber in aller Regel gar nicht<\/strong>, sie w\u00e4hlen ein Theme, das ihnen gef\u00e4llt oder (als Profi oder Firma) lassen sich eins ganz nach eigenen Vorstellungen von einem Theme-Entwickler herstellen. (So hab ich es z.B. mit dem Design meines Digital Diarys<\/a> und Webwriting Magazins<\/a> gemacht.). Da sind dann alle Arten von Bl\u00f6cken vorhanden, wie man sie auf der eigenen Seite sehen wil.<\/p>\n\n\n\n Fazit aufgrund dieser ersten Schritte: Es stimmt einfach nicht, dass der Block-Editor von intuitiven Schreiben abh\u00e4lt. Er ist sogar bequemer, denn ich muss f\u00fcr das Ausw\u00e4hlen der Optionen nicht immer erst wieder nach oben scrollen, wo das daf\u00fcr n\u00f6tige Men\u00fc des TinyMcs h\u00e4ngt. Und gestrichelte Linien um die Abs\u00e4tze herum sehe ich hier auch nicht!<\/p>\n\n\n\n Bisher arbeite ich in allen meinen Blogs noch mit dem Classic Editor. Diese ersten Schritte mit „einfach drauf los schreiben“ haben es allerdings sehr viel wahrscheinlicher gemacht, dass ich bald umsteige, weil es einfach komfortabler ist.<\/p>\n\n\n\n Etwas buggy ist es aber durchaus noch<\/strong>, denn zwischenzeitlich ist mir das anf\u00e4nglich leicht auftauchende Block-\u00c4nderungsmen\u00fc direkt am Block verloren gegangen. Hat nicht weiter gest\u00f6rt, denn rechts in der Seitenspalte finde ich ja ebenfalls alles sehr leicht (und immer noch ohne hoch scrollen). <\/p>\n\n\n\n Dazu ist noch zu sagen: Hier arbeite ich mit dem bereits integrierten Block-Editor, NICHT mit dem viel fortgeschritteneren Gutenberg-Plugin, das schon sehr viel besser ist, halt mehrere Generationen voraus. Vieles davon wird mit dem kommenden Update WP 5.7 in den Standard-Block-Editor integriert sein. Ich denke, dann wird auch diese „Kinderkrankheit“ nicht mehr auftauchen. <\/p>\n\n\n\n So, und jetzt noch ein Beitragsbild<\/strong>, damit das auch auf der Startseite nett aussieht. Geht auch ganz leicht im Seitenmen\u00fc rechts, indem ich von „Block“ auf „Beitrag“ umschalte – und da finde ich alles, was man \u00fcblicherweise einem Blogpost noch so mitgibt: Kategorie, Schlagw\u00f6rter, Textauszug und einiges mehr. <\/p>\n\n\n\n P.S. Selbstheilung! <\/strong>Nach dem Abspeichern und erneutem \u00d6ffnen, war das Blockmen\u00fc wieder da. Vielleicht hatte ich mit meinem W\u00fchlen in der Seitenleiste was verstellt… <\/p>\n","protected":false},"excerpt":{"rendered":" So, das ist jetzt mal der erste Absatz, den ich im Block-Editor noch einfach so hinschreiben kann, ohne auch nur irgend ein Steuerelement zu benutzen. Vor mir sehe ich ein gro\u00dfes wei\u00dfes Feld, rechts am Rand klebt eine kleine Seitenleiste, die mir einen „Absatz“ anzeigt, den ich vermutlich gleich anklicken muss, um den n\u00e4chsten Absatz zu beginnen. Oha, ich kann auch einfach so weiter schreiben, per Enter-Taste den Absatz gesetzt, ohne mich um die Seitenleiste zu k\u00fcmmern, auf der man auch Schriftgr\u00f6\u00dfe und Farbe einstellen kann. Und noch ein Absatz – man muss also GAR NICHTS bedienen, kann die Bl\u00f6cke\u2026<\/p>\n","protected":false},"author":1,"featured_media":817,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":4}},"_links":{"self":[{"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/posts\/814"}],"collection":[{"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/comments?post=814"}],"version-history":[{"count":17,"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/posts\/814\/revisions"}],"predecessor-version":[{"id":835,"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/posts\/814\/revisions\/835"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/media\/817"}],"wp:attachment":[{"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/media?parent=814"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/categories?post=814"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/themetest\/wp-json\/wp\/v2\/tags?post=814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Erste Zwischen\u00fcberschrift<\/h2>\n\n\n\n
Erste Zwischen\u00fcberschrift<\/h2>\n\n\n\n
Zweite Zwischen\u00fcberschrift<\/h2>\n\n\n\n
Zwischen\u00fcberschrift H2 in rot<\/h2>\n\n\n\n
Zwischen\u00fcberschrift 3<\/h2>\n\n\n\n