{"id":1535,"date":"2018-12-13T18:31:23","date_gmt":"2018-12-13T17:31:23","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=1535"},"modified":"2018-12-13T18:31:23","modified_gmt":"2018-12-13T17:31:23","slug":"wordpress-5-0-und-gutenberg-der-erste-eindruck","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2018\/12\/13\/wordpress-5-0-und-gutenberg-der-erste-eindruck\/","title":{"rendered":"WordPress 5.0 und Gutenberg – der erste Eindruck"},"content":{"rendered":"

Was soll ich sagen? Gerade WordPress 5.0 installiert, und gleich beim ersten Versuch mit dem neuen Editor Gutenberg einen Bug produziert. Ich hab einfach mal rumgeklickt und einen „Drop Cap“ angew\u00e4hlt, also ein Initial, und dazu eine Hintergrundfarbe. Das sah dann erstmal so aus:<\/p>\n

\"dropcap_bug\"

dropcap_bug<\/p><\/div>\n

Ist jetzt irgendwie nicht so ideal, oder?<\/p>\n

Das neue Theme Twenty Nineteen ist ausserdem so ziemlich das h\u00e4\u00dflichste Theme, das mir je untergekommen ist. Das Design ist absolut grottig, die Schriften sind f\u00fcr meinen Geschmack lieblos zusammengeklatscht, und statt eines sch\u00f6nen Titelbilds ist nur ein minikleines rundes Logo vorgesehen. Die Startseite sieht dann z.B. so aus:<\/p>\n

\"schriften\"

schriften<\/p><\/div>\n

Weiter unten ist es auch nicht sch\u00f6ner, der Widget-Bereich ist vom Layout her so sch\u00f6n wie eine billige Einwurfzeitung:<\/p>\n

\"widgetarea\"

widgetarea<\/p><\/div>\n

Dann wollte ich ein Bild einf\u00fcgen – hab erstmal nur die Option „Beitragsbild“ gefunden, das stellt sich dann so dar, blauget\u00f6nt und \u00fcber die ganze Seite ausgebreitet:<\/p>\n

\"beitragsbild\"

beitragsbild<\/p><\/div>\n

Finde ich jetzt auch nicht wirklich prickelnd…<\/p>\n

Aber ein Theme kann man wechseln, ich h\u00f6r da mal auf zu meckern und nehm das Twenty Sixteen, damit bin ich eigentlich immer gut gefahren. Wollen doch mal sehen, wie sich der neue Editor benimmt.<\/p>\n

Ich m\u00f6chte gerne eine Liste mit Bullets, erster Ansatz: ich schreib mal meine Listenpunkte untereinander hin, mach jeweils ein Return am Ende. Und jetzt? Noch nichts weiter in Sicht. Ich markiere mal meine drei Listenpunkte, dann \u00e4ndert sich das Bild. Anscheinend wird f\u00fcr jeden Listenpunkt ein Block angelegt.<\/p>\n

\"drei_blocks\"

drei_blocks<\/p><\/div>\n

Ah, guxtu! Wenn man auf das Paragraph-Zeichen drauff\u00e4hrt, kommt auch ein Tooltip, der sagt „Change Block Type“, und hier kriege ich schlie\u00dflich die Auswahl Liste oder Zitat:<\/p>\n

\"transform_to_list\"

transform_to_list<\/p><\/div>\n

Ah, geschafft! Anscheinend brauche ich f\u00fcr jeden Listenpunkt einen eigenen Block, so l\u00e4uft der Hase.<\/p>\n

\"liste\"

liste<\/p><\/div>\n

Dann werde ich wohl f\u00fcr ein Bild auch einen eigenen Block brauchen, sch\u00e4tze ich mal. Ich mach da mal unterhalb der Liste weiter. Wenn man da ganz genau hinguckt, aber wirklich ganz genau, sieht man drei ausgegraute Icons, das mittlere davon k\u00f6nnte evtl. f\u00fcr ein Bild sein:<\/p>\n

\"graue_icons\"

graue_icons<\/p><\/div>\n

Sehen sie die Icons in der rechten unteren Ecke? Also, ohne Brille h\u00e4tte ich da keine Chance. Na gut, klicken wir mal auf das Bild-Icon. Hurra, da kommt der Media-Uploader!<\/p>\n

\"media_uploader\"

media_uploader<\/p><\/div>\n

Wenn ich das Bild eingef\u00fcgt habe, erscheinen rechts im Editorfenster die Bildeigenschaften, das ist OK:<\/p>\n

\"bildeigenschaften\"

bildeigenschaften<\/p><\/div>\n

Wenn ich jetzt rechts neben dem Bild Text weiterlaufen lassen will, geht das wieder nur mit einem neuen Block. Hier vermisse ich die Oprion „Als Text einf\u00fcgen“, die hab ich einfach nicht gefunden. Wenn ich jetzt z.B. aus Word einen Text mit einer \u00dcberschrift reinkopiere, baut er mir gleich wieder zwei Blocks, einen f\u00fcr die \u00dcberschrift und einen f\u00fcr den Textk\u00f6rper. Langsam wirds hier un\u00fcbersichtlich. Ausserdem fehlen im Text etliche Leerzeichen, das ist nicht sch\u00f6n:<\/p>\n

\"leerzeichen_fehlen\"

leerzeichen_fehlen<\/p><\/div>\n

Jetzt m\u00f6chte ich gern noch ein Video einf\u00fcgen, also frisch auf, ein neuer Block. Klick auf das Icon „Add file“, dann gehts wieder in die Mediathek oder zum Upload und wird defaultm\u00e4ssig zum Download angeboten, das ist ganz OK.<\/p>\n

\"file_download\"

file_download<\/p><\/div>\n

Man kann aber auch mit „Change Block Type“ das ganze in ein eingebettetes Video konvertieren, wer das m\u00f6chte ist auch gut bedient.<\/p>\n

Ich lasse es hier mal gut sein, f\u00fcr einen ersten Eindruck reicht das. Das man f\u00fcr jeden Pfiffkaas einen eigenen Block braucht, finde ich dann doch etwas gew\u00f6hnungsbed\u00fcrftig. Man hat dann quasi den Bildschirm voll mit lauter kleinen spezialisierten Editorfenstern, die einem immer nur die Optionen anbieten, die f\u00fcr den jeweiligen Blocktype g\u00fcltig sind. Na ja. Das kann man m\u00f6gen oder nicht, ich finde es ziemlich gew\u00f6hnungsbed\u00fcrftig. Was mich definitiv st\u00f6rt: ich bin mehrfach in eine „Keyboard Trap“ gefallen, wo die Tab- und Pfeiltasten nicht mehr so durch den Artikel navigieren, wie man es erwarten w\u00fcrde. Das ist nat\u00fcrlich total grottenschlecht f\u00fcr Benutzer, die Gutenberg nicht mit der Maus, sondern \u00fcber die Tastatur bedienen m\u00f6chten. Aber das geht schon stark ans Thema Barrierefreiheit, und sprengt den Rahmen dieses ersten subjektiven Eindrucks.\u00a0 Mein Fazit: geht so. Ich sehe keinen gro\u00dfen Vorteil im Block-Konzept, aber man kanns wahrscheinlich doch recht schnell lernen. Man kann mit Gutenberg arbeiten, aber wo der grosse bahnbrechende Innovationsvorsprung liegt, hat sich mir nic.ht erschlossen.<\/p>\n","protected":false},"excerpt":{"rendered":"

Was soll ich sagen? Gerade WordPress 5.0 installiert, und gleich beim ersten Versuch mit dem neuen Editor Gutenberg einen Bug produziert. Ich hab einfach mal rumgeklickt und einen „Drop Cap“ angew\u00e4hlt, also ein Initial, und dazu eine Hintergrundfarbe. Das sah dann erstmal so aus: Ist jetzt irgendwie nicht so ideal, oder? Das neue Theme Twenty […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,59],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1535"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=1535"}],"version-history":[{"count":2,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1535\/revisions"}],"predecessor-version":[{"id":1550,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1535\/revisions\/1550"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=1535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=1535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=1535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}