zibll主题文章内容尾部上一篇下一篇添加背景图美化教程

zibll主题文章内容尾部上一篇下一篇添加背景图美化教程

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元/篇奖励。(重复内容无奖励)
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
文章不错?点个赞呗
点赞7赞赏 分享
评论 共4条

请登录后发表评论

随机看看好帖需要善于发现
热门圈子总有聊不完的话题