Startseite immer bei #Anker starten?

[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).

Zum Vergrößern bitte anklicken …

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!

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer