{"id":2064,"date":"2021-05-19T21:29:42","date_gmt":"2021-05-19T21:29:42","guid":{"rendered":"https:\/\/www.art-events.de\/weblog\/?p=2064"},"modified":"2021-08-05T10:16:57","modified_gmt":"2021-08-05T10:16:57","slug":"wordpress-und-der-gutenberg-block-editor","status":"publish","type":"post","link":"https:\/\/www.art-events.de\/weblog\/wordpress-und-der-gutenberg-block-editor\/","title":{"rendered":"WordPress und der Gutenberg Block Editor"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/www.terminal-systems.de\/wp\/home-2\/lager1\/lagerverwaltung-aktuell\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.art-events.de\/weblog\/wp-content\/uploads\/2021\/08\/210805-adv.jpg\" alt=\"\" class=\"wp-image-2257\" width=\"400\" height=\"267\" srcset=\"https:\/\/www.art-events.de\/weblog\/wp-content\/uploads\/2021\/08\/210805-adv.jpg 800w, https:\/\/www.art-events.de\/weblog\/wp-content\/uploads\/2021\/08\/210805-adv-300x200.jpg 300w, https:\/\/www.art-events.de\/weblog\/wp-content\/uploads\/2021\/08\/210805-adv-768x512.jpg 768w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/figure>\n\n\n\n<p>Seitdem der Gutenberg Block Editor im Lande ist, be\u00e4uge ich den misstrauisch. So langsam fange ich an, ihn f\u00fcr neue Seiten zu verwenden. Meine Begeisterung h\u00e4lt sich noch in Grenzen. Wie meistens bei neuen Dingen: Sie bestehen aus Licht und Schatten. Wenn man die Plug Ins von SiteOrigin gew\u00f6hnt ist, hat man doch eine Art Lernprozess vor sich. Und muss hierf\u00fcr Zeit mitbringen. <\/p>\n\n\n\n<p><strong>Bl\u00f6cke vs Widgets und Zeilen<\/strong><\/p>\n\n\n\n<p>Dabei klingt es erst einmal \u00e4hnlich: Was bei SiteOrigin Zeilen sind, nennt sich bei Gutenberg Bl\u00f6cke. Beide L\u00f6sungen bieten mir eine Reihe vordefinierter Templates \/ Widgets, aus denen ich w\u00e4hlen kann. Hier fangen dann aber die Unterschiede an. Brauchen die SiteOrigin etwas l\u00e4nger, um sie im Editor Fenster zu kreieren haben sie daf\u00fcr den Vorteil: man kann sie problemlos auf der Seite hin- und her zotteln. Oder Kopieren. Ja sogar das Copy auf der einen und Paste auf der anderen Seite geht. Was recht erhebliche Geschwindigkeitsvorteile mit sich bringt, wenn man mehrere Fenster seiner WordPress Seiten offen hat. <\/p>\n\n\n\n<p>Fairerweise sei erw\u00e4hnt: auch Gutenberg bietet die M\u00f6glichkeit Bl\u00f6cke zu kopieren und hin- und her zu zotteln. Aber vielleicht liegt es an mir: ich finden die Gutenberg L\u00f6sung f\u00fcr Kopieren u. Einf\u00fcgen, f\u00fcr Ziehen etc. umst\u00e4ndlich in der Benutzung und irgendwie f\u00fcr mich unpraktikabel. Kurz: ich verhaspele mich h\u00e4ufig und brauche signifikant l\u00e4nger, um bereits erzeugte Inhalte an andere Stellen zu kopieren oder zu verschieben.<\/p>\n\n\n\n<p><strong>Tabellen<\/strong><\/p>\n\n\n\n<p>Doch dann kommt ein f\u00fcr mich unschlagbarer Vorteil vom Gutenberg: Das Ding kann Tabellen! Auch wenn mir die Probleme von Tabellen in der Seitendarstellung gerade auf kleinen Displays mit Smartphone Browser etc bekannt sind: ich liebe Tabellen auf meinen Webseiten! Damit h\u00e4tten wir schon mal gute Chancen dicke Freunde zu werden. Einfach einen Tabellenblock aufziehen, Spalte definieren und ab geht es mit den Zeilen. OK, die Darstellung ist zwar manchmal noch etwas spartanisch, sch\u00fcttrich w\u00fcrde ich es nennen &#8211; aber es funktioniert! Bei SiteOrigin und Tabelle: brauche ich ein zus\u00e4tzliches Plug, das dann wieder aktualisiert und administriert werden muss. Also Gutenberg mit Tabellen = GUT!<\/p>\n\n\n\n<p><strong>Die Sache mit der 100% Breite<\/strong><\/p>\n\n\n\n<p>Mein Nachteil beim Gutenberg: Auch wenn einige neue Designideen hinzugekommen sind &#8211; wenn man ein altes Theme verwendet (wie ich das meistens mache) &#8211; dann vermisse ich bisher eine f\u00fcr mich wichtige Komponente: einen Block \u00fcber die ganze Seitenbreite pr\u00e4sentieren. Das sind dann so Effekte wo ich eine Zeile in wilder Farbgestaltung \u00fcber 100% des Blogs ziehen, damit sie optisch hervorsticht. Das ich nicht der Einzige mit solchen Ansinnen bin, findet sich hier: <a rel=\"noreferrer noopener\" href=\"https:\/\/de.wordpress.org\/support\/topic\/element-mit-100-breite\/\" target=\"_blank\">https:\/\/de.wordpress.org\/support\/topic\/element-mit-100-breite\/<\/a><\/p>\n\n\n\n<p>Bei SiteOrigin gibt es f\u00fcr jede Zeile eine Schaltfl\u00e4che ganze Breite und gut ist. Im Gutenberg habe ich bis dato habe ich daf\u00fcr noch keine passende L\u00f6sung gefunden, zumindest, wenn das Theme das bisher nicht explizit unterst\u00fctzt. Da bliebe dann nur direkt im CSS herum zu schmieren. Was ich eigentlich per se nicht mag, denn das macht die Seite \u00fcber kurz oder lang wenig \u00fcbersichtlich. <\/p>\n\n\n\n<p><strong>Info Box<\/strong><\/p>\n\n\n\n<p>Ein Ding, das mir Gutenberg bietet ist die Infobox. Absolut super. Bild. \u00dcberschrift. Text. Alles in einem Block! Und der ganze Block ist ein Hyperlink irgendwo hin. Fahr ich voll drauf ab. Kann man am Ende einer Seite herrliche aussagef\u00e4hige Men\u00fcs mit erzeugen, die f\u00fcr den Benutzer intuitiv bedienbar sind. Einziger Werhmutstropfen: Die Bilder kann man nicht per URL einbinden, sondern muss die Mediathek verwenden. Da ich die Bilder Organisation in der WordPress Mediathek aus diversen Gr\u00fcnden nicht so toll finde, hadere ich also noch ein wenig und w\u00fcrde mir w\u00fcnschen, dass man eines Tages auch &#8222;von URL einbinden&#8220; verwenden kann. <\/p>\n\n\n\n<p><strong>Das Beste aus beiden Welten nehmen &#8211; zweigleisig fahren!<\/strong><\/p>\n\n\n\n<p>Also kristallisiert sich f\u00fcr mich in diesen Tagen ein Kompromiss heraus: wenn ich einige alt bew\u00e4hrte Effekte brauche bleibe ich bei SiteOrigin Seiten. Dort, wo Tabellen hin sollen kommt dann der Block Editor zum Tragen. Und da wo es egal ist, verwende ich auch den Block Editor &#8211; einfach, um mich daran zu gew\u00f6hnen. Eines Tages, so denke ich, werden auch die 100% breiten Bl\u00f6cke funktionieren. Oder ich auf ein modernes Theme wechseln.  Doch bis dato nutzen wir also Hosentr\u00e4ger und G\u00fcrtel L\u00f6sung und merken oftmals erst am Ende einer Seite: Ups &#8211; der andere Editor w\u00e4re besser gewesen&#8230; <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Abgelegt unter <a href=\"https:\/\/www.art-events.de\/weblog\/meine-wordpress-world\/\">Meine WordPress World<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.terminal-systems.de\/images\/20080607hjwx-204.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p>Text und Entwurf. (c) AE SYSTEME Testcenter, Hans-J. Walter<br>Hans-J. Walter ist Programmierer f\u00fcr Windows DOT.NET und Android und als Senior Chef Entwickler bei AE SYSTEME www.terminal-systems.de in Burgdorf \/ Hannover t\u00e4tig.&nbsp;<a href=\"mailto:hjw@terminal-systems.de\">hjw@terminal-systems.de<\/a><\/p>\n\n\n\n<p><em>F\u00fcr diese und alle nachfolgenden Seiten gilt ebenso der obligatorische Hinweis: Alle Angaben ohne Gew\u00e4hr. Bilder und Codes zeigen Beispiele. Diese Beschreibung bezieht sich auf unsere Installation und stellt keine Bewertung der verwendeten Techniken da. Fehler und Irrt\u00fcmer vorbehalten!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seitdem der Gutenberg Block Editor im Lande ist, be\u00e4uge ich den misstrauisch. So langsam fange ich an, ihn f\u00fcr neue Seiten zu verwenden. Meine Begeisterung h\u00e4lt sich noch in Grenzen. Wie meistens bei neuen Dingen: Sie bestehen aus Licht und Schatten. Wenn man die Plug Ins von SiteOrigin gew\u00f6hnt ist, hat man doch eine Art [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3],"tags":[],"class_list":["post-2064","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-weblog-intern","entry"],"_links":{"self":[{"href":"https:\/\/www.art-events.de\/weblog\/wp-json\/wp\/v2\/posts\/2064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.art-events.de\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.art-events.de\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.art-events.de\/weblog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.art-events.de\/weblog\/wp-json\/wp\/v2\/comments?post=2064"}],"version-history":[{"count":0,"href":"https:\/\/www.art-events.de\/weblog\/wp-json\/wp\/v2\/posts\/2064\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.art-events.de\/weblog\/wp-json\/wp\/v2\/media?parent=2064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.art-events.de\/weblog\/wp-json\/wp\/v2\/categories?post=2064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.art-events.de\/weblog\/wp-json\/wp\/v2\/tags?post=2064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}