{"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-06-15T12:03:25","modified_gmt":"2026-06-15T10:03:25","slug":"akkordeons","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/akkordeons\/","title":{"rendered":"Akkordeons"},"content":{"rendered":"\n<\/jgu-base-pageheader>\n\n\n

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>\n\n\n\n \n\n \n\n

\n
\n \n<\/jgu-base-image>\n\n\n

Dieser Inhalt besteht aus zwei Spalten, in der Linken ein Bild, rechts ein Absatz. <\/p>\n\n\n\n

F\u00fcgen Sie beliebige Inhalte in die Akkordeonfalte ein. <\/p>\n<\/div>\n<\/div>\n\n\n<\/jgu-base-accordionitem>\n\n\n \n\n

    \n
  • Alle \u00f6ffnen Button anzeigen<\/strong>: damit der Besucher in alle Falten zeitgleich schauen kann<\/li>\n\n\n\n
  • Nur ein Element \u00f6ffnen<\/strong>: \u00f6ffnet man eine Falte, schlie\u00dft sich eine andere<\/li>\n\n\n\n
  • 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\n \n\n

    \u00c4ndern Sie keinesfalls den Slug, wenn Sie bereits darauf verweisen, sonst sind die Links kaputt! <\/p>\n\n\n<\/jgu-base-accordionitem>\n\n\n \n\n

    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\n\n<\/jgu-base-accordionitem>\n\n\n \n\n

    <\/p>\n\n\n\n

    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>\n\n\n<\/jgu-base-accordionitem>\n\n\n \n\n

    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 einzige<\/strong> Benennung. Wer googelt z.B. Sch\u00fcler:innen?<\/p>\n\n\n\n

    In der Falte sollten Sie einfachen Text schreiben. Vermeiden Sie hier weitere Schachtelungen.<\/p>\n\n\n\n

    <\/p>\n\n\n<\/jgu-base-accordionitem>\n\n<\/jgu-base-accordion>\n\n\n\n

    <\/div>\n
    \n \n <\/div>","protected":false},"excerpt":{"rendered":"

    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","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":"\n\n\n

    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>\n\n\n\n\n\n

    \n
    \n\n\n

    Dieser Inhalt besteht aus zwei Spalten, in der Linken ein Bild, rechts ein Absatz. <\/p>\n\n\n\n

    F\u00fcgen Sie beliebige Inhalte in die Akkordeonfalte ein. <\/p>\n<\/div>\n<\/div>\n\n\n\n\n\n

      \n
    • Alle \u00f6ffnen Button anzeigen<\/strong>: damit der Besucher in alle Falten zeitgleich schauen kann<\/li>\n\n\n\n
    • Nur ein Element \u00f6ffnen<\/strong>: \u00f6ffnet man eine Falte, schlie\u00dft sich eine andere<\/li>\n\n\n\n
    • 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\n\n\n

      \u00c4ndern Sie keinesfalls den Slug, wenn Sie bereits darauf verweisen, sonst sind die Links kaputt! <\/p>\n\n\n\n\n\n

      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\n\n\n\n\n

      <\/p>\n\n\n\n

      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>\n\n\n\n\n\n

      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 einzige<\/strong> Benennung. Wer googelt z.B. Sch\u00fcler:innen?<\/p>\n\n\n\n

      In der Falte sollten Sie einfachen Text schreiben. Vermeiden Sie hier weitere Schachtelungen.<\/p>\n\n\n\n

      <\/p>\n\n\n\n\n\n

      <\/div>\n","_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":12,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":120840,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/203\/revisions\/120840"}],"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}]}}