HkCms免费授权
首页 / 应用市场 / 插件 / 详情
图片水印与缩略图处理插件
举报 更新于:1 month ago

图片水印与缩略图处理插件

免费
下载量
35
阅读量
438
  • 分           类: 功能扩展
  • 多    语    言: 未知
  • 当 前  版 本: 1.0.1
  • HkCms版本: >=2.1.211201
免责声明:本站所有插件均由开发者提供,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。

保    障: HkCms官方 安全检测

插件支持上传添加图片水印、文字水印。也支持缩略图生成,以及内容列表页,内容页等图片自动生成缩略图。

一:使用说明

安装插件后,默认开启了全部功能,前往插件配置,配置您需要的功能。一旦开启水印或缩略图,将应用到全局文件的上传图片。

二:水印配置说明

1. 配置图片水印

Image

  • 效果图

微信截图_20211225161551.png


2. 文字水印

2.png

  • 效果图

1c97216b5644eca6d7baac91de83d811.png


三:缩略图

1. 缩略图配置

11.png

2. 前台模板中使用方式如下

插件提供thumb()方法,参数一为图片地址,参数二传入true或false。true-如果这个地址没有缩略图,则自动生成。false-没有缩略图使用本身

模板语法:

{$item.thumb|thumb} // 默认参数二为false,不自动生成
等价于
{:thumb($item['thumb'])}

// 图片不存在时使用默认图片。
{$item.thumb|thumb|default='/static/common/hkcms.png'}

// 传入参数2自动生成缩略图
{$item.thumb|thumb='true'}
等价于
{:thumb($item['thumb'],true)}


例如,列表页示例:

{hkcms:content catid="$Cate['id']" num="6" page="1"}
<div class="card col-xl-4 p-xl-2 rounded-0">
    <div class="border">
        <a href="{$item.url}" title="{$item.title}"><img src="{$item.thumb|thumb|default='/static/common/hkcms.png'}" style="object-fit: cover;" alt="{$item.title}"></a>
        <div class="card-body">
            <h5><a href="{$item.url}" title="{$item.title}">{$item.title}</a></h5>
            <h6>{hkcms:date name="$item['publish_time']" /}</h6>
            <p class="card-text"><a href="{$item.url}">{$item.description}</a></p>
        </div>
    </div>
</div>
{/hkcms:content}
1.0.1 2021-12-25
【修复】修复水印位置配置异常
1.0.0 2021-09-15
发布了第一个版本

博文

问答

商家类型:HkCms官方

联系商家

QQ联系


HkCms官方自营
相关应用
页面静态生成插件

页面静态生成插件

免费
用户中心插件

用户中心插件

免费
Tags标签管理

Tags标签管理

免费
推荐应用
微信群

微信群


微信联系方式

微信客服


在线联系

加入Q群


返回顶部