web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. AIGC工具
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    手机应用

织梦dede添加两张缩略图_织梦自定义图片字段

606 ℃

织梦自定义图片字段 用法 实例:<img src="{dede:field.image1/}" >   要选择图片仅网址。(如图) 只选择图片是有格式存在的。不能像上面那样调用。

遇到几个朋友在问:为什么在用自定义列表出来的图片字段不是正确的图片地址,而是类似于:
{dede:img text='' width='270' height='129'} /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}
Trae:新一代免费的AI编程工具

wordpress如何自动获取文章中第一张图片为缩略图

wordpress如何直接调用特色图片(has_post_thumbnail)

wordpress有图片显示图片没图片不显示

wordpress栏目添加缩略图封面代码介绍

织梦cms相关文章likearticle显示缩略图

标签: 缩略图

上面是“织梦dede添加两张缩略图_织梦自定义图片字段”的全面内容,想了解更多关于 织梦cms 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_379.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > 织梦cms
本文共计1765个字,预计阅读时长12分钟
生活小工具,收录了80多款小工具
上一篇: 介绍几款带有中国风古韵的免费可商用中文字体
下一篇: 推荐9款支持 Vue3 免费开源的前端 UI 组件库
x 打工人ai神器