{"id":596,"date":"2023-03-06T20:40:00","date_gmt":"2023-03-06T19:40:00","guid":{"rendered":"https:\/\/www.penzenauer.at\/blog\/?p=596"},"modified":"2024-06-21T17:38:28","modified_gmt":"2024-06-21T15:38:28","slug":"wordpress-divi-onepager","status":"publish","type":"post","link":"https:\/\/www.penzenauer.at\/blog\/wordpress-divi-onepager\/","title":{"rendered":"WordPress Divi: Onepager"},"content":{"rendered":"

[et_pb_section fb_built=“1″ admin_label=“section“ _builder_version=“4.16″ custom_padding=“0px||0px||false|false“ global_colors_info=“{}“][et_pb_row admin_label=“row“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“][et_pb_text admin_label=“Text“ _builder_version=“4.22.1″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“]<\/p>\n

Man kann jedes Divi Theme auch als Onepager gestalten, also mit einer Navigationsleiste die nicht auf einzelne Seiten oder Beitr\u00e4ge, sondern auf so genannte Sprungmarken, oder Anker, auf derselben Seite verlinkt. Dabei befinden sich alle Sprungmarken (Anker) auf derselben Seite.<\/p>\n

Sehr sch\u00f6n erkl\u00e4rt wird das auf dieser Webseite: https:\/\/divisoup.com\/how-to-highlight-active-links-on-scroll-and-click-for-one-page-divi-websites<\/a><\/p>\n

Zus\u00e4tzlich zu der Anleitung habe ich allerdings folgende Codezeile aus dem Jquery entfernt:<\/p>\n

 $('#main-header #top-menu li:first-child a, .et_slide_in_menu_container .et_mobile_menu li:first-child a').addClass('ds-menu-active')<\/pre>\n
So ist sichergestellt dass der erste Men\u00fcpunkt nicht gleich aktiv ist wenn man die Seite \u00f6ffnet bzw. dass kein Punkt aktiv ist wenn man doch eine zweite Seite ansteuert, z.B. f\u00fcr Impressum.<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.9.4″ _module_preset=“default“ global_module=“272″ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.16″ _module_preset=“default“ global_colors_info=“{}“][et_pb_post_nav prev_text=“Vorheriger Artikel“ next_text=“N\u00e4chster Artikel“ _builder_version=“4.16″ _module_preset=“default“ title_text_color=“#FFFFFF“ background_color=“#2E4770″ custom_padding=“0.5em|0.5em|0.5em|0.5em|true|true“ global_colors_info=“{}“][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
Man kann jedes Divi Theme auch als Onepager gestalten, also mit einer Navigationsleiste die nicht auf einzelne Seiten oder Beitr\u00e4ge, sondern auf so genannte Sprungmarken, oder Anker, auf derselben Seite verlinkt. Dabei befinden sich alle Sprungmarken (Anker) auf derselben Seite. Sehr sch\u00f6n erkl\u00e4rt wird das auf dieser Webseite: https:\/\/divisoup.com\/how-to-highlight-active-links-on-scroll-and-click-for-one-page-divi-websites Zus\u00e4tzlich zu der Anleitung habe ich […]<\/p>\n","protected":false},"author":1,"featured_media":76,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"aside","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"795","footnotes":""},"categories":[21],"tags":[60,58],"class_list":["post-596","post","type-post","status-publish","format-aside","has-post-thumbnail","hentry","category-aus-meiner-arbeit","tag-divi","tag-wordpress","post_format-post-format-aside"],"_links":{"self":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/comments?post=596"}],"version-history":[{"count":6,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/596\/revisions"}],"predecessor-version":[{"id":622,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/596\/revisions\/622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media\/76"}],"wp:attachment":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media?parent=596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/categories?post=596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/tags?post=596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}