[ad_1]
Mir fällt da als erstes eine Weiterleitung ein.
Ob jetzt per htaccess, metatag oder wenn ein Plugin wie zB. Rank Math läuft, damit.
Du erstellst einen Textabschnitt oder eine Überschrift (ich habe sie etwas plakativ „Ab hier“ genannt – 1) und weist ihr über die Sidebar (2) unter Erweitert (3) einen HTML-Anker zu (4).
Danach fügst du z.B. mit dem Plugin Code Snippets folgenden Code ein:
add_action('wp_enqueue_scripts', 'my_load_jquery');
function my_load_jquery() {
wp_enqueue_script('jquery');
}
add_action('wp_head', 'frontpage_go_to_anchor');
function frontpage_go_to_anchor() {
if (is_front_page()) {
echo '<script type="text/javascript">
jQuery(document).ready(function($) {
$(\'html, body\').animate({
scrollTop: $(\'#abhier\').offset().top
}, "slow");
});
</script>';
}
}Die Funktion my_load_jquery() sorgt dafür, dass das in WordPress mitgelieferte jQuery aktiviert wird, wenn es nicht sowieso bereits von deinem Theme oder einem Plugin verwendet wird.
Die Funktion frontpage_go_to_anchor() fragt zunächst ab, ob es sich um die Startseite handelt und fügt dann eine Scrollanimation ein, mit der zum gesetzten Anker #abhier gescrollt wird. (Du verwendest dann bitte eine hübschere Bezeichnung sowohl für den Anker als auch in der jQuery-Funktion.)
Möchtest du auf die Animation verzichten, geht es auch ohne jQuery. Kurz und bündig:
add_action('wp_head', 'frontpage_go_to_anchor');
function frontpage_go_to_anchor() {
if (is_front_page()) {
echo '<script type="text/javascript">
document.location.href="#abhier";
</script>';
}
}
Thread-Starter
rland
(@rland)
YEAH! Vielen herzlichen Dank, klappt perfekt!
