通过创建这两个文件，我创建了2013年的子主题-

/wp-content/themes/twentythirteen-child/style.css:

@import url("../twentythirteen/style.css");

.site-header .home-link {
    min-height: 800px;
}

/wp-content/themes/twentythirteen-child/functions.php:

<?php

function my_custom_header_setup() {
        $args = array(\'height\' => 800);
        add_theme_support(\'custom-header\', $args);
}

add_action(\'after_setup_theme\', \'my_custom_header_setup\');

?>

现在，网站顶部有一个大图像，看起来就像我想要的那样。

然而，当用户单击大图像时，他们“什么也没发生”。

我想更改它，以便在大图像上单击会导致向下滚动到#main 锚定：

是否可以通过style.css? 我已经搜索过了，但找不到CSS解决方案（或黑客）。

如果没有，那么如何以最简单的方式实现这一点？（我正试图将子主题保持在较小的范围内，以便于网站更新）。

我目前的解决办法是disable the link with CSS, 但我仍然对更好的解决方案感兴趣：

.site-header .home-link {
       pointer-events: none;
       cursor: default;
}

<a class="home-link" href="#main" title="<?php echo esc_attr( get_bloginfo( \'name\', \'display\' ) ); ?>" rel="home">
    <h1 class="site-title"><?php bloginfo( \'name\' ); ?></h1>
    <h2 class="site-description"><?php bloginfo( \'description\' ); ?></h2>
</a>