{"id":370,"date":"2022-02-15T16:23:56","date_gmt":"2022-02-15T15:23:56","guid":{"rendered":"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\/?page_id=370"},"modified":"2026-03-11T15:06:03","modified_gmt":"2026-03-11T14:06:03","slug":"ankernavigation","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/ankernavigation\/","title":{"rendered":"Ankernavigation"},"content":{"rendered":"<jgu-base-pageheader react-props=\"{\n    &quot;items&quot;: [\n        {\n            &quot;box&quot;: {\n                &quot;index&quot;: &quot;&quot;,\n                &quot;title&quot;: &quot;Ankernavigation&quot;,\n                &quot;link&quot;: {\n                    &quot;url&quot;: &quot;&quot;,\n                    &quot;title&quot;: &quot;learn more&quot;\n                }\n            },\n            &quot;color&quot;: &quot;default&quot;,\n            &quot;image&quot;: {\n                &quot;url&quot;: &quot;&quot;\n            },\n            &quot;imgCredit&quot;: &quot;&quot;,\n            &quot;useVideo&quot;: false,\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}\">\n<\/jgu-base-pageheader>\n\n\n<p class=\"has-big-font-size\">Die Ankernavigation ist ein zweigeteilter Block. Zuerst f\u00fcgen Sie eine leere Ankernavigation hinzu, dann Ankerpunkte. Jeder Ankerpunkt ergibt einen Eintrag in der Ankernavigation.<\/p>\n\n\n<jgu-base-anchornavigation react-props=\"{\n    &quot;theme&quot;: &quot;default&quot;,\n    &quot;align&quot;: &quot;wide&quot;\n}\">\n    \n<\/jgu-base-anchornavigation>\n\n<div\n\tclass=\"jgu-anchorpoint\"\n\tid=\"erster-anker\"\n\tdata-label=\"Erster Anker\"\n\tdata-hide-in-nav=\"false\"\n\ttabindex=\"0\"\n\tdata-initial-scroll=\"true\"\n><\/div>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;index&quot;: &quot;\\u00dcbersicht&quot;,\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;Ankernavigation - Einstellungen&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<p class=\"has-big-font-size\">Dies w\u00e4hlen Sie rechts in der Sidebar, wenn die Ankernavigation markiert ist. Wei\u00df oder Hellgrau (Asphaltblau 5%) sind m\u00f6glich. Hier ist hellgrau gezeigt.<\/p>\n\n\n\n<p class=\"has-big-font-size\">F\u00fcr jede Sprungmarke legen Sie einen Ankerpunkt an. G\u00fcnstig ist, dort dann eine \u00dcberschrift und einen Text einzubauen. Die einzelnen Sprungmarken sollten keinesfalls zu dicht  hintereinanderliegen.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Entfernt man einen Ankerpunkt, dann wird dessen Inhalt dem davorliegenden Ankerpunkt zugeschlagen.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Entfernt man die Ankernavigation, bleiben die Ankerpunkte bestehen.<\/p>\n\n\n\n<p class=\"has-big-font-size\"><\/p>\n\n\n<div\n\tclass=\"jgu-anchorpoint\"\n\tid=\"einstellung\"\n\tdata-label=\"Einstellungen der Ankerpunkte\"\n\tdata-hide-in-nav=\"false\"\n\ttabindex=\"0\"\n\tdata-initial-scroll=\"true\"\n><\/div>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;index&quot;: &quot;Zweiter  Anker&quot;,\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;Eigener Slug bei langen Ankertexten&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<p class=\"has-big-font-size\">Sind die Anker-Texte lang und sie m\u00f6chten die daraus resultierenden Links gern einfach weitergeben, schalten Sie <strong>Benutzerdefinierter Slug<\/strong> ein und tragen dort ein, was hinter dem Gatter erscheinen soll. Darauf k\u00f6nnen Sie dann verweisen.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Damit man den Effekt sieht, ist hier ein Abstandshalter-Block eingef\u00fcgt. <\/p>\n    <div style=\"display: none\">\n        \n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Die Ankernavigation ist ein zweigeteilter Block. Zuerst f\u00fcgen Sie eine leere Ankernavigation hinzu, dann Ankerpunkte. Jeder Ankerpunkt ergibt einen Eintrag in der Ankernavigation. Dies w\u00e4hlen Sie rechts in der Sidebar, wenn die Ankernavigation markiert ist. Wei\u00df oder Hellgrau (Asphaltblau 5%) sind m\u00f6glich. Hier ist hellgrau gezeigt. F\u00fcr jede Sprungmarke legen Sie einen Ankerpunkt an. G\u00fcnstig &hellip; <a href=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/ankernavigation\/\">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-370","page","type-page","status-publish","hentry"],"content_raw":"<!-- wp:jgu\/pageheader {\"items\":[{\"box\":{\"index\":\"\",\"title\":\"Ankernavigation\",\"link\":{\"url\":\"\",\"title\":\"learn more\"}},\"color\":\"default\",\"image\":{\"url\":\"\"},\"imgCredit\":\"\",\"useVideo\":false,\"video\":false}],\"type\":\"border\"} \/-->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Die Ankernavigation ist ein zweigeteilter Block. Zuerst f\u00fcgen Sie eine leere Ankernavigation hinzu, dann Ankerpunkte. Jeder Ankerpunkt ergibt einen Eintrag in der Ankernavigation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/anchornavigation {\"theme\":\"default\"} \/-->\n\n<!-- wp:jgu\/anchorpoint {\"title\":\"Erster Anker\",\"slug\":\"erster-anker\"} \/-->\n\n<!-- wp:jgu\/heading {\"index\":\"\u00dcbersicht\",\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Ankernavigation - Einstellungen\"} \/-->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Dies w\u00e4hlen Sie rechts in der Sidebar, wenn die Ankernavigation markiert ist. Wei\u00df oder Hellgrau (Asphaltblau 5%) sind m\u00f6glich. Hier ist hellgrau gezeigt.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">F\u00fcr jede Sprungmarke legen Sie einen Ankerpunkt an. G\u00fcnstig ist, dort dann eine \u00dcberschrift und einen Text einzubauen. Die einzelnen Sprungmarken sollten keinesfalls zu dicht  hintereinanderliegen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Entfernt man einen Ankerpunkt, dann wird dessen Inhalt dem davorliegenden Ankerpunkt zugeschlagen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Entfernt man die Ankernavigation, bleiben die Ankerpunkte bestehen.<\/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\/anchorpoint {\"title\":\"Einstellungen der Ankerpunkte\",\"slug\":\"einstellung\",\"customSlug\":true} \/-->\n\n<!-- wp:jgu\/heading {\"index\":\"Zweiter  Anker\",\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Eigener Slug bei langen Ankertexten\"} \/-->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Sind die Anker-Texte lang und sie m\u00f6chten die daraus resultierenden Links gern einfach weitergeben, schalten Sie <strong>Benutzerdefinierter Slug<\/strong> ein und tragen dort ein, was hinter dem Gatter erscheinen soll. Darauf k\u00f6nnen Sie dann verweisen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Damit man den Effekt sieht, ist hier ein Abstandshalter-Block eingef\u00fcgt. <\/p>\n<!-- \/wp:paragraph -->","_links":{"self":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/370","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=370"}],"version-history":[{"count":8,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":119239,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/370\/revisions\/119239"}],"wp:attachment":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/categories?post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/tags?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}