{"id":203,"date":"2022-02-09T16:20:08","date_gmt":"2022-02-09T16:20:08","guid":{"rendered":"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\/?page_id=203"},"modified":"2026-10-06T18:14:47","modified_gmt":"2026-10-06T16:14:47","slug":"akkordeons","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/akkordeons\/","title":{"rendered":"Akkordeons"},"content":{"rendered":"<jgu-base-pageheader react-props=\"{\n    &quot;items&quot;: [\n        {\n            &quot;box&quot;: {\n                &quot;index&quot;: &quot;Modul&quot;,\n                &quot;title&quot;: &quot;Akkordeons&quot;,\n                &quot;link&quot;: {\n                    &quot;url&quot;: &quot;&quot;,\n                    &quot;title&quot;: &quot;mehr erfahren&quot;\n                }\n            },\n            &quot;color&quot;: &quot;dark&quot;,\n            &quot;image&quot;: {\n                &quot;url&quot;: &quot;https:\\\/\\\/via.placeholder.com\\\/1600x1050&quot;\n            },\n            &quot;imgCredit&quot;: &quot;&quot;,\n            &quot;video&quot;: false\n        }\n    ],\n    &quot;type&quot;: &quot;border&quot;,\n    &quot;align&quot;: &quot;full&quot;,\n    &quot;quicklinks&quot;: {\n        &quot;show&quot;: false,\n        &quot;selects&quot;: []\n    },\n    &quot;useBreadcrumb&quot;: false,\n    &quot;autoplay&quot;: false\n}\">\n<\/jgu-base-pageheader>\n\n\n<p class=\"has-big-font-size wp-block-paragraph\">Akkordeons sind Gruppen von auf- und zuklappbaren Bereichen. Diese passen sich farblich jeweils an, wenn sie sich in wei\u00dfen, hellgrauen und dunklen Abschnitten befinden. <\/p>\n\n\n\n<p class=\"has-big-font-size wp-block-paragraph\">Hier ist das Akkordeon beschrieben, welches zum JGU Layout geh\u00f6rt. Mittlerweile existiert auch im WordPress Editor nativ ein Akkordeon, welches weiter unten beschrieben ist. In der Auswahl unterscheiden sich die beiden durch die Farbe: das JGU Akkordeon ist rot, das native Akkordeon grau.<\/p>\n\n\n\n<p class=\"has-big-font-size wp-block-paragraph\"><\/p>\n\n\n<jgu-base-accordion react-props=\"{&quot;selected&quot;:1,&quot;hasAllOpenButton&quot;:false,&quot;initAllClosed&quot;:false,&quot;align&quot;:&quot;wide&quot;,&quot;onlyOne&quot;:false,&quot;enableSearch&quot;:false}\">\n    \n<jgu-base-accordionitem react-props=\"{&quot;title&quot;:&quot;Akkordeon Element - Inhalt&quot;,&quot;init&quot;:false,&quot;slug&quot;:&quot;akkordeon-element-inhalt&quot;,&quot;align&quot;:&quot;wide&quot;,&quot;customSlug&quot;:false}\">\n    \n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><jgu-base-image react-props=\"{\n    &quot;align&quot;: &quot;left&quot;,\n    &quot;image&quot;: {\n        &quot;url&quot;: &quot;https:\\\/\\\/www.pages.gitlab.rlp.net\\\/relaunch-jgu\\\/wordpress\\\/demo-assets\\\/images\\\/jgu-studierende-illu.b41814e6.svg&quot;,\n        &quot;id&quot;: null\n    },\n    &quot;imgWidth&quot;: 625,\n    &quot;width&quot;: 625,\n    &quot;hasLightbox&quot;: false,\n    &quot;caption&quot;: &quot;&quot;,\n    &quot;link&quot;: {\n        &quot;url&quot;: &quot;&quot;,\n        &quot;target&quot;: &quot;&quot;,\n        &quot;rel&quot;: &quot;&quot;\n    },\n    &quot;hoverEffect&quot;: &quot;default&quot;\n}\" class=\"align-left\">\n    \n<\/jgu-base-image>\n\n\n<p class=\"alignwide has-text-align-wide has-big-font-size wp-block-paragraph\">Dieser Inhalt besteht aus  zwei Spalten, in der Linken ein Bild, rechts ein Absatz. <\/p>\n\n\n\n<p class=\"alignwide has-text-align-wide has-big-font-size wp-block-paragraph\">F\u00fcgen Sie beliebige Inhalte in die Akkordeonfalte ein. <\/p>\n<\/div>\n<\/div>\n\n\n<\/jgu-base-accordionitem>\n\n<jgu-base-accordionitem react-props=\"{&quot;title&quot;:&quot;Einstellm\\u00f6glichkeiten&quot;,&quot;init&quot;:false,&quot;slug&quot;:&quot;einstellmoglichkeiten&quot;,&quot;align&quot;:&quot;wide&quot;,&quot;customSlug&quot;:false}\">\n    \n\n<ul class=\"wp-block-list has-big-font-size\">\n<li><strong>Alle \u00f6ffnen Button anzeigen<\/strong>: damit der Besucher in alle Falten zeitgleich schauen kann<\/li>\n\n\n\n<li><strong>Nur ein Element \u00f6ffnen<\/strong>: \u00f6ffnet man eine Falte, schlie\u00dft sich eine andere<\/li>\n\n\n\n<li><strong>Alle Elemente am Anfang geschlossen <\/strong>oder man kann eine Falte w\u00e4hlen, die am Anfang ge\u00f6ffnet sein soll. <\/li>\n<\/ul>\n\n\n<\/jgu-base-accordionitem>\n\n<jgu-base-accordionitem react-props=\"{&quot;title&quot;:&quot;Slugnamen sind Teil der URL&quot;,&quot;slug&quot;:&quot;slugnamen-sind-teil-der-url&quot;,&quot;align&quot;:&quot;wide&quot;,&quot;init&quot;:true,&quot;customSlug&quot;:false}\">\n    \n\n<p class=\"has-big-font-size wp-block-paragraph\">\u00c4ndern Sie keinesfalls den Slug, wenn Sie bereits darauf verweisen, sonst sind die Links kaputt! <\/p>\n\n\n<\/jgu-base-accordionitem>\n\n<jgu-base-accordionitem react-props=\"{&quot;title&quot;:&quot;Benutzerdefinierter Anker&quot;,&quot;init&quot;:false,&quot;slug&quot;:&quot;benutzerdefinierter-anker&quot;,&quot;align&quot;:&quot;wide&quot;,&quot;customSlug&quot;:false}\">\n    \n\n<p class=\"has-big-font-size wp-block-paragraph\">Haben Sie nur ein Akkordeon auf der Seite und kurze Beschriftungen, dann brauchen Sie keinen benutzerdefinierten Anker. Da die Beschriftung des Akkordeon-Elements f\u00fcr den Slug verwendet wird, sollten Sie den Anker eink\u00fcrzen. Anker ist quasi der &#8222;Landepunkt&#8220; und die &#8222;Zielsprungmarke&#8220;, damit Sie innerhalb der langen Seite einen Besucher direkt per Link an diese Stelle f\u00fchren k\u00f6nnen. WordPress nennt diesen hinteren Teil der Webadresse &#8222;slug&#8220;. Beides bezeichnet die gleiche Stelle.<\/p>\n\n\n<\/jgu-base-accordionitem>\n\n<jgu-base-accordionitem react-props=\"{&quot;title&quot;:&quot;Fehler bei den Sprungmarken&quot;,&quot;init&quot;:false,&quot;slug&quot;:&quot;fehler-bei-den-sprungmarken&quot;,&quot;align&quot;:&quot;wide&quot;,&quot;customSlug&quot;:false}\">\n    \n\n<p class=\"has-big-font-size wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-big-font-size wp-block-paragraph\">Damit die Sprungmarken funktionieren, m\u00fcssen die Slugs eindeutig sein. Es darf also jede Akkordeon-Elementbeschriftung mehrfach geben, aber der Slug mu\u00df eindeutig sein! Beachtet man dies nicht, dann \u00f6ffnet sich unter Umst\u00e4nden die falsche Akkordeonfalte!<\/p>\n\n\n\n<p class=\"has-big-font-size wp-block-paragraph\"><\/p>\n\n\n<\/jgu-base-accordionitem>\n\n<jgu-base-accordionitem react-props=\"{&quot;title&quot;:&quot;Suchmaschinenoptimierung: schreiben Sie Suchworte in den Faltentitel&quot;,&quot;slug&quot;:&quot;suchmaschinenoptimierung-schreiben-sie-suchworte-in-den-faltentitel&quot;,&quot;align&quot;:&quot;wide&quot;,&quot;init&quot;:true,&quot;customSlug&quot;:false}\">\n    \n\n<p class=\"has-big-font-size wp-block-paragraph\">Gehen Sie bei der Wahl der Beschriftung der Akkordeon-Elemente so vor: was w\u00fcrde jemand googeln, der diese Information in der Falte bekommen m\u00f6chte? Diese Stichworte m\u00fcssen in der Benennung stehen. Vermeiden Sie hier Gendern als <strong>einzige<\/strong> Benennung. Wer googelt z.B. Sch\u00fcler:innen?<\/p>\n\n\n\n<p class=\"has-big-font-size wp-block-paragraph\">In der Falte sollten Sie einfachen Text schreiben. Vermeiden Sie hier weitere Schachtelungen.<\/p>\n\n\n\n<p class=\"has-big-font-size wp-block-paragraph\"><\/p>\n\n\n<\/jgu-base-accordionitem>\n\n<jgu-base-accordionitem react-props=\"{&quot;slug&quot;:&quot;new&quot;,&quot;align&quot;:&quot;wide&quot;,&quot;title&quot;:&quot;&quot;,&quot;init&quot;:true,&quot;customSlug&quot;:false}\">\n    \n\n<p class=\"has-big-font-size wp-block-paragraph\"><\/p>\n\n\n<\/jgu-base-accordionitem>\n\n<\/jgu-base-accordion>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;tags&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;heading&quot;: &quot;Akkordeon (nativ) im Editor&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-1&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading has-icon has-icon-right\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-1-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-1\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Akkordeon Titel bzw. \u00dcberschrift<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div aria-labelledby=\"accordion-item-1\" data-wp-bind--hidden=\"state.isHidden\" data-wp-on--beforematch=\"actions.handleBeforeMatch\" id=\"accordion-item-1-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"has-big-font-size wp-block-paragraph\">Dies steht in der Falte, das ist der &#8222;Akkordeon-Bereich&#8220;, in diesem Fall ein Absatz<\/p>\n<\/div>\n<\/div>\n\n\n\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-2&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading has-icon has-icon-right\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-2-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-2\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Element hinzuf\u00fcgen, so erh\u00e4lt man eine weiter Akkordeon Falte<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div aria-labelledby=\"accordion-item-2\" data-wp-bind--hidden=\"state.isHidden\" data-wp-on--beforematch=\"actions.handleBeforeMatch\" id=\"accordion-item-2-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"has-big-font-size wp-block-paragraph\">Dies ist wieder versteckt im Akkordeon-Bereich<\/p>\n<\/div>\n<\/div>\n\n\n\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-3&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading has-icon has-icon-right\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-3-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" id=\"accordion-item-3\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Unterschiede zwischen den Akkordeons<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div aria-labelledby=\"accordion-item-3\" data-wp-bind--hidden=\"state.isHidden\" data-wp-on--beforematch=\"actions.handleBeforeMatch\" id=\"accordion-item-3-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"has-big-font-size wp-block-paragraph\">das Layout unterscheidet sich, es gibt keine grauen Strichlein zwischen den Falten beim nativen Akkordeon, es fehlt auch die M\u00f6glichkeit, die slugs selbst zu setzen, bzw. die slugs werden nicht angezeigt, auch nicht im Browser, so da\u00df sie hier nicht direkt hinverweisen k\u00f6nnen. <\/p>\n<\/div>\n<\/div>\n<\/div>\n    <div style=\"display: none\">\n        \n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Akkordeons sind Gruppen von auf- und zuklappbaren Bereichen. Diese passen sich farblich jeweils an, wenn sie sich in wei\u00dfen, hellgrauen und dunklen Abschnitten befinden. Hier ist das Akkordeon beschrieben, welches zum JGU Layout geh\u00f6rt. Mittlerweile existiert auch im WordPress Editor nativ ein Akkordeon, welches weiter unten beschrieben ist. In der Auswahl unterscheiden sich die beiden &hellip; <a href=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/akkordeons\/\">Weiter lesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-203","page","type-page","status-publish","hentry"],"content_raw":"<!-- wp:jgu\/pageheader {\"items\":[{\"box\":{\"index\":\"Modul\",\"title\":\"Akkordeons\",\"link\":{\"url\":\"\",\"title\":\"mehr erfahren\"}},\"color\":\"dark\",\"image\":{\"url\":\"https:\/\/via.placeholder.com\/1600x1050\"},\"imgCredit\":\"\",\"video\":false}],\"type\":\"border\"} \/-->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Akkordeons sind Gruppen von auf- und zuklappbaren Bereichen. Diese passen sich farblich jeweils an, wenn sie sich in wei\u00dfen, hellgrauen und dunklen Abschnitten befinden. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Hier ist das Akkordeon beschrieben, welches zum JGU Layout geh\u00f6rt. Mittlerweile existiert auch im WordPress Editor nativ ein Akkordeon, welches weiter unten beschrieben ist. In der Auswahl unterscheiden sich die beiden durch die Farbe: das JGU Akkordeon ist rot, das native Akkordeon grau.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/accordion {\"selected\":1,\"hasAllOpenButton\":false,\"initAllClosed\":false} -->\n<!-- wp:jgu\/accordion-item {\"title\":\"Akkordeon Element - Inhalt\",\"init\":false,\"slug\":\"akkordeon-element-inhalt\"} -->\n<!-- wp:columns {\"className\":\"alignwide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:jgu\/image {\"align\":\"left\",\"image\":{\"url\":\"https:\/\/www.pages.gitlab.rlp.net\/relaunch-jgu\/wordpress\/demo-assets\/images\/jgu-studierende-illu.b41814e6.svg\",\"id\":null},\"imgWidth\":625,\"width\":625} \/-->\n\n<!-- wp:paragraph {\"className\":\"alignwide has-text-align-wide has-big-font-size\"} -->\n<p class=\"alignwide has-text-align-wide has-big-font-size\">Dieser Inhalt besteht aus  zwei Spalten, in der Linken ein Bild, rechts ein Absatz. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"alignwide has-text-align-wide has-big-font-size\"} -->\n<p class=\"alignwide has-text-align-wide has-big-font-size\">F\u00fcgen Sie beliebige Inhalte in die Akkordeonfalte ein. <\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n<!-- \/wp:jgu\/accordion-item -->\n\n<!-- wp:jgu\/accordion-item {\"title\":\"Einstellm\u00f6glichkeiten\",\"init\":false,\"slug\":\"einstellmoglichkeiten\"} -->\n<!-- wp:list {\"className\":\"has-big-font-size\"} -->\n<ul class=\"wp-block-list has-big-font-size\"><!-- wp:list-item -->\n<li><strong>Alle \u00f6ffnen Button anzeigen<\/strong>: damit der Besucher in alle Falten zeitgleich schauen kann<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Nur ein Element \u00f6ffnen<\/strong>: \u00f6ffnet man eine Falte, schlie\u00dft sich eine andere<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Alle Elemente am Anfang geschlossen <\/strong>oder man kann eine Falte w\u00e4hlen, die am Anfang ge\u00f6ffnet sein soll. <\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n<!-- \/wp:jgu\/accordion-item -->\n\n<!-- wp:jgu\/accordion-item {\"title\":\"Slugnamen sind Teil der URL\",\"slug\":\"slugnamen-sind-teil-der-url\"} -->\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">\u00c4ndern Sie keinesfalls den Slug, wenn Sie bereits darauf verweisen, sonst sind die Links kaputt! <\/p>\n<!-- \/wp:paragraph -->\n<!-- \/wp:jgu\/accordion-item -->\n\n<!-- wp:jgu\/accordion-item {\"title\":\"Benutzerdefinierter Anker\",\"init\":false,\"slug\":\"benutzerdefinierter-anker\"} -->\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Haben Sie nur ein Akkordeon auf der Seite und kurze Beschriftungen, dann brauchen Sie keinen benutzerdefinierten Anker. Da die Beschriftung des Akkordeon-Elements f\u00fcr den Slug verwendet wird, sollten Sie den Anker eink\u00fcrzen. Anker ist quasi der \"Landepunkt\" und die \"Zielsprungmarke\", damit Sie innerhalb der langen Seite einen Besucher direkt per Link an diese Stelle f\u00fchren k\u00f6nnen. WordPress nennt diesen hinteren Teil der Webadresse \"slug\". Beides bezeichnet die gleiche Stelle.<\/p>\n<!-- \/wp:paragraph -->\n<!-- \/wp:jgu\/accordion-item -->\n\n<!-- wp:jgu\/accordion-item {\"title\":\"Fehler bei den Sprungmarken\",\"init\":false,\"slug\":\"fehler-bei-den-sprungmarken\"} -->\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Damit die Sprungmarken funktionieren, m\u00fcssen die Slugs eindeutig sein. Es darf also jede Akkordeon-Elementbeschriftung mehrfach geben, aber der Slug mu\u00df eindeutig sein! Beachtet man dies nicht, dann \u00f6ffnet sich unter Umst\u00e4nden die falsche Akkordeonfalte!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n<!-- \/wp:jgu\/accordion-item -->\n\n<!-- wp:jgu\/accordion-item {\"title\":\"Suchmaschinenoptimierung: schreiben Sie Suchworte in den Faltentitel\",\"slug\":\"suchmaschinenoptimierung-schreiben-sie-suchworte-in-den-faltentitel\"} -->\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Gehen Sie bei der Wahl der Beschriftung der Akkordeon-Elemente so vor: was w\u00fcrde jemand googeln, der diese Information in der Falte bekommen m\u00f6chte? Diese Stichworte m\u00fcssen in der Benennung stehen. Vermeiden Sie hier Gendern als <strong>einzige<\/strong> Benennung. Wer googelt z.B. Sch\u00fcler:innen?<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">In der Falte sollten Sie einfachen Text schreiben. Vermeiden Sie hier weitere Schachtelungen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n<!-- \/wp:jgu\/accordion-item -->\n\n<!-- wp:jgu\/accordion-item {\"slug\":\"new\"} -->\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n<!-- \/wp:jgu\/accordion-item -->\n<!-- \/wp:jgu\/accordion -->\n\n<!-- wp:spacer {\"height\":\"100px\"} -->\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Akkordeon (nativ) im Editor\"} \/-->\n\n<!-- wp:accordion -->\n<div role=\"group\" class=\"wp-block-accordion\"><!-- wp:accordion-item -->\n<div class=\"wp-block-accordion-item\"><!-- wp:accordion-heading -->\n<h3 class=\"wp-block-accordion-heading has-icon has-icon-right\"><button type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Akkordeon Titel bzw. \u00dcberschrift<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n<!-- \/wp:accordion-heading -->\n\n<!-- wp:accordion-panel -->\n<div role=\"region\" class=\"wp-block-accordion-panel\"><!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Dies steht in der Falte, das ist der \"Akkordeon-Bereich\", in diesem Fall ein Absatz<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:accordion-panel --><\/div>\n<!-- \/wp:accordion-item -->\n\n<!-- wp:accordion-item -->\n<div class=\"wp-block-accordion-item\"><!-- wp:accordion-heading {\"level\":3} -->\n<h3 class=\"wp-block-accordion-heading has-icon has-icon-right\"><button type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Element hinzuf\u00fcgen, so erh\u00e4lt man eine weiter Akkordeon Falte<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n<!-- \/wp:accordion-heading -->\n\n<!-- wp:accordion-panel -->\n<div role=\"region\" class=\"wp-block-accordion-panel\"><!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Dies ist wieder versteckt im Akkordeon-Bereich<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:accordion-panel --><\/div>\n<!-- \/wp:accordion-item -->\n\n<!-- wp:accordion-item -->\n<div class=\"wp-block-accordion-item\"><!-- wp:accordion-heading {\"level\":3} -->\n<h3 class=\"wp-block-accordion-heading has-icon has-icon-right\"><button type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Unterschiede zwischen den Akkordeons<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n<!-- \/wp:accordion-heading -->\n\n<!-- wp:accordion-panel -->\n<div role=\"region\" class=\"wp-block-accordion-panel\"><!-- wp:paragraph -->\n<p class=\"has-big-font-size\">das Layout unterscheidet sich, es gibt keine grauen Strichlein zwischen den Falten beim nativen Akkordeon, es fehlt auch die M\u00f6glichkeit, die slugs selbst zu setzen, bzw. die slugs werden nicht angezeigt, auch nicht im Browser, so da\u00df sie hier nicht direkt hinverweisen k\u00f6nnen. <\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:accordion-panel --><\/div>\n<!-- \/wp:accordion-item --><\/div>\n<!-- \/wp:accordion -->","_links":{"self":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/comments?post=203"}],"version-history":[{"count":16,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":122127,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/203\/revisions\/122127"}],"wp:attachment":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/media?parent=203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/categories?post=203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/tags?post=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}