Php WordPress分页-添加锚链接

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

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

我想这个锚链接工作时，下一篇文章的链接和以前的文章的链接被点击，所以它不会一直到页面的顶部。但是我不知道如何为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>') ; }

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

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

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

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

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


$（文档）.ready（函数（）{
$（'html，body'）。滚动顶部（
$（'[name=“blog”]'）.offset（）.top
);
});

无法测试此功能，但应能正常工作。即使是简单的脚本也很难在iPhone键盘上编写

编辑：
就像一个魔咒，看看这个演示
不幸的是，wp_pagenavi函数似乎封装了完整的链接构建

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

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

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

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


$（文档）.ready（函数（）{
$（'html，body'）。滚动顶部（
$（'[name=“blog”]'）.offset（）.top
);
});

无法测试此功能，但应能正常工作。即使是简单的脚本也很难在iPhone键盘上编写

编辑：
就像一个魔咒，看看这个演示
解决方案2：

使用jQuery将锚定标记#blog添加到blogpost中的上一个/下一个链接

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


$（文档）.ready（函数（）{
$（'.pagenavi a'）.each（函数（i，a）{$（a）.attr（'href'，$（a）.attr（'href'）+'#blog'））}）；
});

演示：
解决方案2：

使用jQuery将锚定标记#blog添加到blogpost中的上一个/下一个链接

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


$（文档）.ready（函数（）{
$（'.pagenavi a'）.each（函数（i，a）{$（a）.attr（'href'，$（a）.attr（'href'）+'#blog'））}）；
});

演示：
您的问题似乎有一部分遗漏了。您粘贴的正确吗？HTML代码或结束语的引号在哪里？）你的问题似乎有一部分遗漏了。你粘贴的正确吗？HTML代码或结束语的引号在哪里？）这确实有效，但由于某种原因，它没有指向我放置锚的位置。它转到上面的div。我已经检查过了，我肯定已经将锚定放在了正确的位置……我还希望它在页面加载时始终处于顶部，除非用户单击博客上的下一个/上一个帖子链接，但此解决方案将始终使其在加载时锚定。在这种情况下，我的解决方案将无法工作，因为JavaScript无法确定您如何打开帖子。相反，您可以使用Javascript将#blog添加到下一个/上一个链接中。这确实有效，但由于某些原因，它没有到达我放置锚的位置。它转到上面的div。我已经检查过了，我肯定已经将锚定放在了正确的位置……我还希望它在页面加载时始终处于顶部，除非用户单击博客上的下一个/上一个帖子链接，但此解决方案将始终使其在加载时锚定。在这种情况下，我的解决方案将无法工作，因为JavaScript无法确定您如何打开帖子。相反，您可以使用JavaScript将#blog添加到next/prev链接中