许多博客和网站都采用“上一篇/下一篇”文章导航,方便读者浏览文章。通过“上一篇”和“下一篇”链接,读者可以轻松跳转到前后文章,无需返回主页或文章列表,提升用户体验和参与度。此导航通常显示相邻文章标题,鼓励读者继续阅读,延长网站访问时间。
以下WordPress代码片段实现了这一功能:
- /* ---------------------------------------------------------- */// 文章前后导航代码片段 ///* ---------------------------------------------------------- */function sp_post_nav_shortcode( $atts ) { $atts = shortcode_atts( array( 'type' => 'next', // 默认显示下一篇 ), $atts, 'sp_post_nav' ); // 获取上一篇或下一篇 $post = $atts['type'] === 'prev' ? get_previous_post() : get_next_post(); // 箭头图标类名 $arrow_class = $atts['type'] === 'prev' ? 'fas fa-arrow-left' : 'fas fa-arrow-right'; // 容器类名 $link_class = $atts['type'] === 'prev' ? 'prev' : 'next'; if ( $post ) { $post_title = get_the_title( $post ); $sp_post_nav = ''; $sp_post_nav .= ''; $sp_post_nav .= '
'; $sp_post_nav .= $atts['type'] === 'prev' ? ''; $sp_post_nav .= ''; return $sp_post_nav; } return '';}add_shortcode( 'sp_post_nav', 'sp_post_nav_shortcode' );上一篇文章:
' : '下一篇文章:
'; $sp_post_nav .= '' . $post_title . '
'; $sp_post_nav .= '
登录后复制
完整代码及更多信息,请访问:https://www.php.cn/link/9afeba42972a726b6b6d46ed9d506e99 (Snippflow WordPress 代码片段)
以上就是WordPress 中的下一篇/上一篇文章导航的详细内容,更多请关注【创想鸟】其它相关文章!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。