Zibll子比主题美化 文章上一篇/下一篇封面图

jaysun

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


效果图:

1.png


使用教程:

一、PHP代码

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

/**
* 子比文章上一篇/下一篇背景图函数
*/
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”文件【自己看图中的代码,位置】添加下面的代码

2.png

添加代码位置


隐藏内容
评论可见
前往评论



您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (有 4 条评论,82人围观)
网友昵称:yydso
yydso V 普通用户 Safari 14.0.3 Apple iPhone 凉席
01-23 来自河北 回复
好东西好东西
网友昵称:linjunfan
linjunfan V 普通用户 Google Chrome 92.0.4515.107 Windows 10 x64 板凳
01-20 来自广东 回复
多谢大神指点
网友昵称:166506645
166506645 V 普通用户 Google Chrome 109.0.0.0 Windows 10 x64 椅子
01-14 来自甘肃 回复
不知道能用不
网友昵称:739849140
739849140 V 普通用户 MQQBrowser 13.5 Huawei NOH 沙发
01-09 来自海南 回复
文章不错,写的很好!

目录[+]

取消
微信二维码
微信二维码
支付宝二维码