zibll主题文章内容尾部上一篇下一篇添加背景图美化教程-懒人Blog(资源素材网)

zibll子比主题文章片尾部，会有上一篇下一篇的提示文章，文章只是文字，比较空洞，今天分享如何在上一篇下一篇文章中添加背景封面图美化，增加网页美化效果。

效果图

图片[2]-zibll主题文章内容尾部上一篇下一篇添加背景图美化教程-懒人Blog(资源素材网)

食用教程

一、PHP代码

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

/**
* 子比文章上一篇/下一篇背景图函数lanrenn.cn
*/
function wiiuii_prev_next_cover($wiui_post){
    if(!empty($wiui_post)){
        $wiui_post_cover = get_post_meta($wiui_post->ID, 'cover_image', true);
        if(empty($wiui_post_cover)){
            $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $wiui_post->post_content, $matches);
            $wiui_post_cover = $matches[1][0];
        }
    }else{
        // 默认图片
        $wiui_post_cover = "https://www.wiiuii.cn/wp-content/uploads/2022/08/3d16bac247231101.jpg";
    }
    return '<img class="wiiuii-prev_next-cover" src="' . $wiui_post_cover . '" />';
}

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

此处内容已隐藏，请评论后刷新页面查看.

添加代码位置

图片[3]-zibll主题文章内容尾部上一篇下一篇添加背景图美化教程-懒人Blog(资源素材网)

👋 感谢您的观看，对您有用就分享出去吧！

如您有好的资源/素材，可参与创作者激励计划享投稿分成。分成介绍
投稿成功收录，即可获得 1-10元/篇奖励。（重复内容无奖励）

1 如果您喜欢本站,点击这儿赞助下本站，感谢支持！
2 可能会帮助到你：下载帮助 | 报毒说明 | 进站必看 | 广告合作；
3 本站素材资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责；
4 本站所有素材资源来源于网络，仅供学习与参考，请于下载后24小时内删除；
5 若作商业用途，请联系原作者授权，若本站侵犯了您的权益请联系站长进行删除处理；
6 如若转载，请注明文章出处：

THE END