{"id":116532,"date":"2025-01-17T10:13:57","date_gmt":"2025-01-17T09:13:57","guid":{"rendered":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/?page_id=116532"},"modified":"2025-01-17T11:25:26","modified_gmt":"2025-01-17T10:25:26","slug":"gutenberg-editor","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/gutenberg-editor\/","title":{"rendered":"Gutenberg-Editor"},"content":{"rendered":"\n<\/jgu-base-pageheader>\n\n\n

Das Ziel des neuen Editors ist es, das Hinzuf\u00fcgen von umfangreichen Inhalten in WordPress einfach und angenehm zu gestalten. Dieser ganze Beitrag besteht aus einzelnen Inhalts-Elementen<\/em>, die LEGO-Steinen \u00e4hneln, die man bewegen und mit denen man interagieren kann. Lass den Mauszeiger kreisen und du wirst feststellen, dass um die verschiedenen Bl\u00f6cke herum Umrisse und Pfeile aufleuchten. Dr\u00fccke die Pfeile, um Bl\u00f6cke schnell neu zu positionieren, ohne bef\u00fcrchten zu m\u00fcssen, beim Kopieren und Einf\u00fcgen etwas zu verlieren.<\/p>\n\n\n\n

Was du gerade liest, befindet sich in einem Text-Block<\/strong>, der einfachste Block von allen. Der Text-Block kann frei im Beitrag positioniert werden \u2026<\/p>\n\n\n\n

\u2026 wie dieser, der rechtsb\u00fcndig ist.<\/p>\n\n\n\n

\u00dcberschriften sind selbst separate Bl\u00f6cke, was bei der Gliederung und Organisation deiner Inhalte hilft.<\/p>\n\n\n\n \n<\/jgu-base-alertbox>\n\n\n

Ein Bild sagt mehr als tausend Worte<\/h2>\n\n\n\n

<\/p>\n\n\n<\/jgu-base-heading>\n\n\n\n

Der Umgang mit Bildern und Medien mit der gr\u00f6\u00dften Sorgfalt ist ein prim\u00e4rer Schwerpunkt des neuen Editors. Hoffentlich empfindest du das Hinzuf\u00fcgen von Bildunterschriften oder das Anzeigen deiner Bilder in voller Breite viel einfacher und solider als bisher.<\/p>\n\n\n\n \n<\/jgu-base-alertbox>\n\n\n

\n\t
\"Sch\u00f6ne\n\t\t
Falls dein Theme es unterst\u00fctzt, siehst du das \u201eWeite-Breite\u201c-Icon in der Bild-Werkzeugleiste. Probiere es aus.<\/figcaption>\n\t<\/figure>\n<\/div>\n\n\n\n

Versuche, die Bildunterschrift auszuw\u00e4hlen, zu bewegen oder zu bearbeiten. Jetzt musst du nicht mehr aufpassen, versehentlich ein Bild oder anderen Text auszuw\u00e4hlen und so die Pr\u00e4sentation zu ruinieren.<\/p>\n\n\n\n

Das Inserter<\/em>-Werkzeug<\/h2>\n\n\n\n

Stell dir vor, alles, was WordPress kann, steht dir direkt auf der Oberfl\u00e4che zur Verf\u00fcgung. Keine Notwendigkeit mehr, sich an HTML-Tags, Klassen oder komplizierte Shortcode-Syntax zu erinnern. Das ist der Grundgedanke hinter dem Inserter \u2013 der (+)<\/code>-Button, den du um den Editor herum siehst \u2013 mit dem du alle verf\u00fcgbaren Inhalts-Bl\u00f6cke suchen und in deinen Beitrag einf\u00fcgen kannst. Plugins und Themes sind in der Lage, ihre eigenen Bl\u00f6cke zu registrieren, was alle Arten von M\u00f6glichkeiten f\u00fcr eine umfangreiche Bearbeitung und Ver\u00f6ffentlichung er\u00f6ffnet.<\/p>\n\n\n\n

Versuch es, du entdeckst wom\u00f6glich Dinge, die WordPress bereits in deine Beitr\u00e4ge einf\u00fcgen kann, von denen du nichts wusstest. Hier ist eine kurze Liste, was du aktuell dort findest:<\/p>\n\n\n\n