WordPress子比主题文章页添加文章上一篇/下一篇封面图



一、PHP代码

在主题目录下“functions.php”文件合适位置添加下面的代码【默认图片url自己改】:

在主题目录“zibll/inc/functions/functions.php”文件【自己看图中的代码,位置】添加下面的代码

图片[1]-WordPress子比主题文章页添加文章上一篇/下一篇封面图-老卢淘
添加代码位置,直接搜索,上一篇就可以定位到位置

<?php echo wiiuii_prev_next_cover($prev_post);/*455行a标签上方->上一篇文章封面*/ ?>
<?php echo wiiuii_prev_next_cover($next_post);/*466行a标签上方->下一篇文章封面*/ ?>

二、CSS代码

css样式代码就不说哪里添加了,聪明人都知道…..

/*文章上一篇/下一篇背景图*/
.content-wrap>.content-layout>.theme-box>.article-nav{height:100%}
.article-nav>.main-bg.box-body.main-shadow{position:relative;overflow:hidden;height:100%}
.article-nav>.main-bg.box-body.main-shadow>a{position:absolute;z-index:2}
.article-nav>.box-body+.box-body>a{right:15px}
.wiiuii-prev_next-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.article-nav>.main-bg.box-body.main-shadow::before,.wiiuii-prev_next-cover{position:absolute;top:0;left:0;right:0;bottom:0}
.article-nav>.main-bg.box-body.main-shadow::before{content:"";transition:opacity .5s cubic-bezier(.4,.01,.165,.99);z-index:1;background:var(--main-shadow);-webkit-backdrop-filter:saturate(0) blur(3px);backdrop-filter:saturate(0) blur(3px)}
.article-nav>.main-bg.box-body.main-shadow:hover::before{opacity:0}
图片[2]-WordPress子比主题文章页添加文章上一篇/下一篇封面图-老卢淘
温馨提示:本文最后更新于2023-10-29 22:17:37,某些文章具有时效性,若有错误或已失效,请在下方留言或联系老卢

—- 本篇内容已结束,请看下一篇内容—-

© 版权声明
THE END
喜欢就支持一下吧
点赞13赞赏 分享
相关推荐
评论 共2条

请登录后发表评论