在WordPress网站上添加下一页和上一页链接图文教程

AI 智能摘要
我们却不知道如何巧妙地实现这个设想。搬主题为大家分享一些实用的技巧和知识,以帮助我们实现这个设想。以下就是在WordPress网站上添加下一页和上一页链接图文教程。

当我们在精心自定义设计WordPress页面的过程中,希望在特定的区域里放置一些例如上一篇、下一篇、上一页、下一页之类的链接,然而,由于缺少专业的技巧和信息,我们却不知道如何巧妙地实现这个设想。搬主题为大家分享一些实用的技巧和知识,以帮助我们实现这个设想。以下就是在WordPress网站上添加下一页和上一页链接图文教程。

一般设置后如下图

图片[1]-在WordPress网站上添加下一页和上一页链接图文教程-搬主题

首先,我们声明上一页和下一页的变量:

<?php
$previous = get_previous_post();
$next = get_next_post();
?>

然后,在主题的 single.php 文件中相应的位置添加以下代码段,以便在文章中显示它们:

<?php if ( get_previous_post() ) {?>
<a href="<?php echo get_the_permalink($previous) ?>">
    <img src="<?php echo get_the_post_thumbnail_url($previous) ?>" >
    <div>
        <h3> <?php echo get_the_title($previous) ?></h3>
        <p> PREV</p>
    </div>
</a>
<?php }?>
<?php if ( get_next_post() ) {?>
<a href="<?php echo get_the_permalink($next) ?>">
    <img src="<?php echo get_the_post_thumbnail_url($next) ?>" >
    <div>
        <h3> <?php echo get_the_title($next) ?></h3>
        <p>Next</p>
    </div>
</a>
<?php }?>

以上就是在WordPress网站上添加下一页和上一页链接图文教程

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容