0°

首页分页按钮

分页按钮的学习

使用posts_nav_link 函数,

官方文档:

https://developer.wordpress.org/reference/functions/posts_nav_link/

代码部分:

<!--底部分页按钮-->
        <div class="navigation">
            <div class="alignleft"><?php previous_posts_link( '上一页' ); ?></div>
            <div class="alignright"><?php next_posts_link( '下一页', '' ); ?></div>
        </div>

CSS:

/*底部按钮样式*/
.navigation{
    overflow: hidden;
}
.alignleft{
    float: left;
    margin-left: 1px;
}
.alignright{
    float: right;
}
.navigation div a{
    border: 1px solid black;
    border-radius: 28px;
    padding: 0.48em 2em;
    line-height: 2.6em;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    color: black;
}
.navigation div a:hover{
    background-color: black;
    color: white;
}

供参考

因主题原因,在示例代码中,有部分
随记
WP插件
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论