zblog
当前位置:首页 > 商学院 > zblog > 正文内容

zblog

添加文章缩略图

豫唐网络2022-10-12 12:221042

        自定义缩略图,列表缩略图片,未设置则调用文章首图,首图也没有,调用自定义默认图片,本教程对图片进行的裁剪处理,已方便减少图片请求所产生的带宽问题,操作步骤如下。

1、添加《原生代码上传图片》代码

https://www.ytecn.com/post/396.html

2、在文章编辑页面接口位置添加代码

function ActivePlugin_ytecn_ai_xzjt() {
    Add_Filter_Plugin('Filter_Plugin_Edit_Response5','ytecn_ai_xzjt_edit_response');                 
}
function ytecn_ai_xzjt_edit_response() {
    global $zbp, $article;
    echo '<script type="text/javascript" src="' . $zbp->host . 'zb_users/plugin/ytecn_ai_xzjt/script/upload.js"></script>';
    echo '<style type="text/css">
        .ytecn_input_img{width:40%!important;}
        .ytecn_upimgbutton{ width:120px;}
        .ytecn_upimg{width:100px;vertical-align: middle;}</style>';
    echo '<div id="tesetu">缩略图1:
    <input name="meta_pic" id="edtTitle" type="text" class="ytecn_input_img" value="' . $article->Metas->tesetu1 . '" />
        <input type="button" class="ytecn_upimgbutton" value="选择图片">
        <img class="ytecn_upimg" src="' . $article->Metas->pic. '">
        </div>';
    echo '<div id="tesetu">缩略图2:
    <input name="meta_pic2" id="edtTitle" type="text" class="ytecn_input_img" value="' . $article->Metas->tesetu2 . '" />
        <input type="button" class="ytecn_upimgbutton" value="选择图片">
        <img class="ytecn_upimg" src="' . $article->Metas->pic2. '">
        </div>';
}

3、通过Filter_Plugin_Post_Get接口,添加图片自定义输出字段,并处理逻辑关系。

function ActivePlugin_ytecn_ai_xzjt() {
    Add_Filter_Plugin('Filter_Plugin_Post_Call', 'ytecn_nana_Post_Call');
}
function ytecn_nana_Post_Call($post, $method, $args)
{
    global $zbp;
    if ($method == 'img') {
        $GLOBALS['hooks']['Filter_Plugin_Post_Call']['ytecn_nana_Post_Call'] = PLUGIN_EXITSIGNAL_RETURN;
        if (!empty($post->Metas->pic)) {
            $img[] = $post->Metas->pic;
        } elseif($post->ImageCount) {
            $img[] = $post->AllImages[0];
        } else {
            $random = mt_rand(1, 10);
            $img[] = $zbp->host . 'zb_users/theme/ytecn_nana/image/random/' . $random . '.png';
        }
        if(empty($args)){
            return $img[0];
        }else{
            $width = $args[0];
            $height = $args[1];
            $imgs = Thumb::Thumbs($img, $width, $height);
            return $imgs[0];
        }
    }
}

5、前台调用,在需要的地方,输入

{$article->img(200,100)}

img括号里面的是裁剪的宽和高。

如不需要裁剪,则输入

{$article->img()}


完整源码下载:

请开通vip查阅

扫描二维码推送至手机访问。

版权声明:本文由汤阴县豫唐网络科技有限公司发布,如需转载请注明出处。

本文链接:https://www.ytecn.com/post/363.html

分享给朋友:

相关文章

zblogphp程序报错后如何获得帮助

zblogphp程序报错后如何获得帮助

zblogphp程序报错后获取帮助分为免费和付费两种。免费帮助方法1开启调试模式(点击打开新链接),将截图发到群内。方法2提交工单或私信把网站信息发群主,等凑够一定数量后,群主开直播查错。付费帮助找群...

zblogphp开源免费、小巧强大的博客程序与CMS建站系统

zblogphp开源免费、小巧强大的博客程序与CMS建站系统

Z-BlogPHP 基于 PHP 平台,支持 MySQL(含 MariaDB)、SQLite 和 PostgreSQL 数据库。期待它能成为您建站、写博的上佳选择。我们一直在努力把 Z-BlogPHP...

zblog调用当前大分类下的其他小分类名称

zblog调用当前大分类下的其他小分类名称

文章页调用当前大分类下的其他小分类名称子分类内容{$cid=$article->Category->RootID?$article->Category->RootID:$art...

zblog二级导航下拉导航多级导航配置设置教程

zblog二级导航下拉导航多级导航配置设置教程

        zblog已支持多级分类,而一些主题的模版也需要适配二级或者多级分类导航,但作为新手,还是不知道怎么下手...

根据ID批量修改文章状态

根据ID批量修改文章状态

本案例为通过txt文档输入N多个文章id,然后根据txt输入的ID批量对文章状态进行修改。操作步骤如下:1、在网站根目录创建txt文件,命名为id.txt;2、在txt里面批量写入需要修改状态的id,...

批量重命名批量处理别名

批量重命名批量处理别名

        在运营网站的时候会遇见被采集的情况,但zblog的文章默认url又是递增的数字模式。为了防止被采集,我们...