我一直在wordpress中编辑PHP模板tti-fl.com 网站在他们的资源选项卡（即博客）中，导航当前显示“已发布”、“已标记”，然后显示页面底部的链接。我在模板标签中找到了导航。php并能够编辑前两个，分别为“Posted:”和“taged:”，但链接需要在前面显示“Previous”和“Next”。此外，我还想在帖子导航和上一页和下一页之后的链接之间添加一个分隔符。
我最大的问题是%link 和%title 当工作中要显示“上一个”和“下一个”时。加上分页设置为the_post_navigation() 当我尝试the_posts_navigation(), 链接不会显示在页面底部。
PHP with posts\\u navigation（）：
<?php if ( get_next_posts_link() ) : ?>
<div class="nav-previous"><span class="tags-links">Previous: </span><?php next_posts_link( esc_html__( \'Older posts\', \'thermal-tech\' ) ); ?></div>
<?php endif; ?>
<?php if ( get_previous_posts_link() ) : ?>
<div class="nav-next">span class="tags-links">Next: </span><?php previous_posts_link( esc_html__( \'Newer posts\', \'thermal-tech\' ) ); ?></div>
<?php endif; ?>
PHP with post\\u navigation（）：
<?php
previous_post_link( \'<div class="nav-previous"><span class="tags-links">Previous: </span>%link</div>\', \'%title\' );
next_post_link( \'<div class="nav-next"><span class="tags-links">Next: </span>%link</div>\', \'%title\' );
?>
最合适的回答,由SO网友:perfectionist1 整理而成
您可能喜欢使用the_posts_pagination() 而不是\\u posts\\u navigation（）或get\\u next/previous\\u posts\\u link（）
posts分页功能outputs a set of page numbers with links to the previous and next 文章的页数。示例格式如下：
<div class="pagination_style">
<?php
the_posts_pagination(array (
\'prev_text\' => __( \'PREV\' ),
\'next_text\' => __( \'NEXT\' ),
\'screen_reader_text\' => __( \' \' ),
));
?>
</div>
。
Extra Lines 关于CSS：实现您自己的CSS样式，您可以处理外观和感觉。作为一个示例，我对如下输出进行了编码-
您也可以看到CSS代码。
.pagination_style{ margin: -5% 0 5%; text-align: center; }
.pagination_style a {color:black; text-align:center; padding: .5em 1em; text-decoration:none; transition:background-color .5s;-moz-transition:background-color .3s; -webkit-transition: background-color .3s; width: 50%;}
.pagination_style span.current {background-color: #4caf50; color: white; padding: .5em 1em; }
.pagination_style a:hover {background-color: #ccc;}
可以注意到，如果右键单击页码链接进行检查，您将看到
current 类在内部自动生成
span 作为活动选择器。
希望这有帮助。
