Question

我在index.php中有这个锚链接：

<a name="blog"></a>

我希望这个锚链接工作当点击next_posts_link和previous_posts_link时，它不会一直到页面顶部。我不知道如何为WordPress分页做这个。

以下是我的分页代码：

<div class="pagenavi">
<?php if( function_exists( 'wp_pagenavi ' ) ) {
wp_pagenavi();
} else {
next_posts_link ('<div class="arrow-back"></div>'); }
previous_posts_link('<div class="arrow-forward"></div>') ; }

Answer 1

解决方案2：

使用jQuery

将锚标记#blog添加到blogpost中的prev / next链接

<script type="text/javascript">
$(document).ready(function() {
    $('.pagenavi a').each(function(i,a){$(a).attr('href',$(a).attr('href')+'#blog')});
});
</script>

演示： http://jsfiddle.net/mfeldheim/EkMfP/12/

Answer 2

不幸的是，wp_pagenavi函数似乎封装了完整的链接构建。

如果您无法在wordpress或插件配置中配置通用后缀，我建议您不要更改Wordpress代码。

相反，您可以执行一个小型JavaScript，在加载时将浏览器页面移动到锚点。

此示例使用jQuery。将其粘贴到模板的底部位置。

<script type="text/javascript">
    $(document).ready(function() {
        $('html, body').scrollTop( 
            $('[name="blog"]').offset().top 
        );
    });
</script>

无法测试，但应该可行。即使是简单的脚本也无法在iPhone键盘上书写。

编辑：像魅力一样工作，看看这个演示 http://jsfiddle.net/mfeldheim/EkMfP/7/

WordPress分页 - 添加锚点链接

2 个答案: