
织梦自定义图片字段 用法 实例:<img src="{dede:field.image1/}" > 要选择图片仅网址。(如图) 只选择图片是有格式存在的。不能像上面那样调用。
 遇到几个朋友在问:为什么在用自定义列表出来的图片字段不是正确的图片地址,而是类似于:
 {dede:img text='' width='270' height='129'} https://ipkd.cn/uploads/101017/1-10101H21F54P.gif {/dede:img}
 这样的格式!
 非常明显,这样是不能正确显示的,这是自定义图片字段的处理方式造成的。要解决这个问题,我们必须得创建一个自定义函数,其实现方式为:
1.创建自定义函数
- 打开 /include/extend.func. php文件(注:这个文件就是系统预留的自定义函数接口文件,主要用于二次开发用的。如果你是老版本,默认没有这个文件,自己创建一个PHP文件即可),在最下面的?>上一行加入以下函数代码:
 - function GetOneImgUrl($img,$ftype=1){
 - if($img <> ''){
 - $dtp = new DedeTagParse();
 - $dtp->LoadSource($img);
 - if(is_array($dtp->CTags)){
 - foreach($dtp->CTags as $ctag){
 - if($ctag->GetName()=='img'){
 - $width = $ctag->GetAtt('width');
 - $height = $ctag->GetAtt('height');
 - $imgurl = trim($ctag->GetInnerText());
 - $img = '';
 - if($imgurl != ''){
 - if($ftype==1){
 - $img .= $imgurl;
 - }
 - else{
 - $img .= '<img src="'.$imgurl.'" width="'.$width.'" height="'.$height.'" />';
 - }
 - }
 - }
 - }
 - }
 - $dtp->Clear();
 - return $img;
 - }
 - }
 
2.函数调用方法
 本函数的调用方法为:
 [field:自定义图片字段名 function="GetOneImgUrl(@me,显示类型)"/]
 比如:我们的自定义图片字段名为 imgurl ,那么调用方式有以下两种:
 [field:imgurl function='GetOneImgUrl(@me,0)'/] <!–调用图片的信息,自动调用宽度和高度(已包含Html代码的<img />)–>
 [field:imgurl function='GetOneImgUrl(@me,1)'/] <!–只调用图片地址,一般可用于背景图嵌套–>
【示例演示】
1.模型字段添加
进入网站,点击[核心]——[内容模型管理],点击“普通文章”的“更改”按钮,进入编辑界面,切换到“字段管理”选项,点击“添加新字段”,如图:

创建好字段以后,我们在增加或编辑文档时候,那么就会有这个字段了,如图:

上传好你要显示的图片以后,保存即可。
2.前台调用
 原本我们前台调用这个字段的方法,就是通过arclist标签的 channelid 与 addfields 两个参数来配合调用,这里不再重复的一一熬述。但大体的自定义字段的方法是这样的:
 {dede:arclist row='2' channeld='1' addfields='自定义字段1,自定义字段2'}
 底层模板 insertext
 {/dede:arclist}
运用到我们刚才的这个函数,调用方法为:
- {dede:arclist row='5' orderby='id' channelid='1' addfields='imgurl'}
 - < li>[field:title/][field:imgurl function='GetOneImgUrl(@me,0)'/]</li>
 - {/dede:arclist}
 
wordpress如何直接调用特色图片(has_post_thumbnail)
标签: 缩略图
上面是“织梦dede添加两张缩略图_织梦自定义图片字段”的全面内容,想了解更多关于 织梦cms 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_379.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

 js如何去掉/替换所有的空格、回车换行符
 vuejs配置文件中出现的^与~代表什么意思
 Gank Interview:一款专为笔试和面试设计的AI桌面应用程序
 易购宝APP