{"id":2544,"date":"2024-09-12T11:41:34","date_gmt":"2024-09-12T09:41:34","guid":{"rendered":"https:\/\/karlsruhe.wordcamp.org\/2024\/?post_type=wcb_session&#038;p=2544"},"modified":"2024-09-12T11:49:00","modified_gmt":"2024-09-12T09:49:00","slug":"moderne-gutenberg-ui-oberflaechen-mit-json-schema-in-wordpress-erzeugen","status":"publish","type":"wcb_session","link":"https:\/\/karlsruhe.wordcamp.org\/2024\/session\/moderne-gutenberg-ui-oberflaechen-mit-json-schema-in-wordpress-erzeugen\/","title":{"rendered":"Moderne Gutenberg UI Oberfl\u00e4chen mit JSON Schema in WordPress erzeugen"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">JSON Schema ist ein Standard zum Beschreiben von Datenstrukturen, der bereits an vielen Stellen in WordPress selbst verwendet wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JSON Schema eignet sich aber auch hervorragend zum Beschreiben von Formularen. Der gro\u00dfe Vorteil eines mittels JSON Schema definiertem Formulars ist, dass das Programmieren des Formulars (also React Code schreiben) wegf\u00e4llt und man das mit Gutenberg UI gerenderte Formular quasi &#8222;geschenkt&#8220; bekommt &#8211; Low bzw. Zero Code Formulare.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So ist es zb. schon heute m\u00f6glich, wp-admin Settings Pages zum Editieren von Plugin Einstellungen ohne einzige Zeile Code zu erstellen &#8211; man muss dazu nicht mehr PHP\/JS\/CSS daf\u00fcr programmieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Vortrag basiert auf dem beim cloudFest Hackathon 2024 entwickelten JSON Schema Form Renderer und zeigt diverse Einsatzm\u00f6glichkeiten und den aktuellen Stand der Technik.<\/p>\n\n\n<div class=\"wp-block-wordcamp-session-speakers\"><span class=\"wp-block-wordcamp-session-speakers__byline\">Pr\u00e4sentiert von<\/span><span class=\"wp-block-wordcamp-session-speakers__name\"><a href=\"https:\/\/karlsruhe.wordcamp.org\/2024\/speaker\/lars-gersmann\/\">Lars Gersmann<\/a><\/span><\/div>","protected":false},"excerpt":{"rendered":"<p>JSON Schema ist ein Standard zum Beschreiben von Datenstrukturen, der bereits an vielen Stellen in WordPress selbst verwendet wird. JSON Schema eignet sich aber auch hervorragend zum Beschreiben von Formularen. Der gro\u00dfe Vorteil eines mittels JSON Schema definiertem Formulars ist, dass das Programmieren des Formulars (also React Code schreiben) wegf\u00e4llt und man das mit Gutenberg [&hellip;]<\/p>\n","protected":false},"author":18548323,"featured_media":0,"template":"","meta":{"_crdt_document":"","_wcpt_session_time":1728737100,"_wcpt_session_duration":2400,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[2543],"footnotes":""},"session_track":[25],"session_category":[],"class_list":["post-2544","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-2"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"12. Oktober 2024","time":"14:45"},"session_speakers":[{"id":"2543","slug":"lars-gersmann","name":"Lars Gersmann","link":"https:\/\/karlsruhe.wordcamp.org\/2024\/speaker\/lars-gersmann\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/2544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/2544\/revisions"}],"predecessor-version":[{"id":3451,"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/2544\/revisions\/3451"}],"speakers":[{"embeddable":true,"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wp\/v2\/speakers\/2543"}],"author":[{"embeddable":true,"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wporg\/v1\/users\/lgersman"}],"wp:attachment":[{"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wp\/v2\/media?parent=2544"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_track?post=2544"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/karlsruhe.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_category?post=2544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}