织梦CMS如何添加图片和Flash?

99ANYc3cd6
预计阅读时长 13 分钟
位置: 首页 织梦建站 正文
  1. 中添加:最常见的方式,用于文章正文、产品介绍等。
  2. 在网站首页或自定义页面中添加:用于制作广告位、Banner等。

下面我将分步详细讲解这两种情况的操作方法。

织梦cms 如何添加图片flash
(图片来源网络,侵删)

中添加图片和Flash

这是最核心、最常用的方法,织梦CMS的内容编辑器(默认是ckeditor)提供了非常直观的按钮来实现。

添加图片

在文章编辑器中插入图片非常简单,并且织梦会自动处理图片的路径、缩略图等信息。

步骤:

  1. 登录后台:使用管理员账号登录织梦CMS后台。

    织梦cms 如何添加图片flash
    (图片来源网络,侵删)
  2. 进入文章编辑:找到“内容管理” -> “普通文章” -> “添加新文章”(或编辑一篇已有文章)。

  3. 使用图片按钮

    • 在文章编辑器工具栏中,找到并点击 “图片” 按钮(通常是一个小山或相机的图标)。
  4. 上传或选择图片

    • 点击图片按钮后,会弹出一个“插入/编辑图片”的窗口。
    • 上传新图片
      • 切换到 “上传” 标签页。
      • 点击 “选择文件” 按钮,从你的电脑中选择要上传的图片。
      • 上传成功后,图片会显示在列表中。
    • 从媒体库选择
      • 切换到 “媒体库” 标签页。
      • 这里会显示你之前上传过的所有图片。
      • 你可以直接点击选择,也可以点击 “上传” 按钮添加新图片到媒体库。
  5. 设置图片属性

    织梦cms 如何添加图片flash
    (图片来源网络,侵删)
    • 选择或上传图片后,窗口下方会出现图片属性设置。
    • 图片地址:会自动填入,通常格式为 /uploads/allimg/xxxxxx.jpg
    • 替换文本:非常重要!这是图片的描述文本,有助于SEO和无障碍访问,建议填写图片内容的简要描述。
    • 图片尺寸:可以设置图片的宽度和高度,如果勾选了“锁定宽高比”,调整一个维度时另一个会按比例自动调整。
    • 对齐方式:选择图片在文字中的排列方式,如左对齐、右对齐、居中等。
    • 边距:设置图片与周围文字的间距。
  6. 插入图片

    • 设置好所有属性后,点击 “插入” 按钮。
    • 图片就会插入到文章光标所在的位置。

高级技巧:自动生成缩略图

  • 如果你在文章列表页需要显示文章的缩略图,可以在文章编辑页面的 “常规选项” 中设置。
  • 找到 “缩略图” 设置项,你可以:
    • 使用远程图片:输入一个图片地址。
    • 选择本地图片:点击“浏览”按钮,从你的电脑上传一张图片作为缩略图。
    • 自动提取:勾选此项,系统会自动从文章内容的第一张图片中提取作为缩略图,这是最常用的方式。

添加Flash (.swf 文件)

添加Flash的原理和添加图片类似,都是通过编辑器的插入功能。

步骤:

  1. 登录后台并进入文章编辑:同上。

  2. 使用Flash按钮

    • 在文章编辑器工具栏中,找到并点击 “Flash” 按钮(通常是一个红色的播放图标)。
  3. 选择Flash文件

    • 点击后会弹出一个“插入/编辑Flash”窗口。
    • 点击 “浏览服务器” 按钮。
    • 在弹出的文件管理器中,找到你之前上传到网站的Flash文件(.swf格式),通常它们存放在 /uploads//media/ 目录下。
    • 选择你的Flash文件,然后点击 “确定”
  4. 设置Flash属性

    • 源文件:会自动填入Flash文件的地址,如 /uploads/flash/myflash.swf
    • 宽度高度:设置Flash动画在页面中显示的尺寸,这是必须设置的,否则Flash可能无法正常显示。
    • 对齐方式:设置Flash与周围文字的对齐方式。
    • :非常重要!如果用户的浏览器不支持Flash或禁用了Flash,这里的内容就会显示出来,建议填写“[此处为Flash内容]”或一段文字描述,以保证用户体验。
  5. 插入Flash

    • 设置好所有属性后,点击 “插入” 按钮。
    • Flash就会插入到文章中。

在网站首页或自定义页面中添加

这种方法通常用于制作广告位、轮播图等,不依赖于单篇文章,主要通过调用系统广告标签来实现。

步骤:

  1. 登录后台:进入织梦CMS后台。
  2. 创建或编辑广告
    • 找到“核心设置” -> “广告管理”。
    • 点击“新增广告”。
    • 广告名称:给广告起一个容易识别的名字,如“首页顶部Banner”。
    • 广告位置:输入一个广告位的标识符,ad_index_top,这个标识符很重要,后续在模板中调用时需要用到。
      • 如果是图片:直接粘贴 <img> 标签,<img src="/uploads/banner.jpg" width="960" height="150" alt="网站Banner">
      • 如果是Flash:粘贴 <object><embed> 标签,
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="960" height="150">
          <param name="movie" value="/uploads/flash/banner.swf">
          <param name="quality" value="high">
          <embed src="/uploads/flash/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="150"></embed>
        </object>
    • 启用状态:确保勾选,否则广告不会显示。
    • 点击 “保存” 按钮。
  3. 在模板中调用广告
    • 进入“模板” -> “模板管理”。
    • 找到你想要修改的模板文件,例如首页模板 index.htm
    • 在你希望显示广告的位置,插入以下织梦标签:
      {dede:myad name='ad_index_top'/}
      • name='ad_index_top' 这里的 ad_index_top 必须和你第二步中设置的“广告位置”完全一致。
    • 保存模板文件。
  4. 生成首页
    • 在后台找到“生成” -> “更新主页”,点击生成,你的首页就会显示刚才添加的广告了。

总结与注意事项

功能 使用场景 核心方法 注意事项
添加图片 、产品描述 编辑器 “图片” 按钮 填写 替换文本,利用好 自动提取缩略图 功能。
添加Flash 、动画广告 编辑器 “Flash” 按钮 必须设置 宽度和高度,填写 。
添加广告 首页/页面广告位 广告管理 + 模板标签 给广告起一个唯一的 广告位置,在模板中使用 {dede:myad name='...'/} 调用。

重要提示

  • Flash已过时:Flash技术(.swf)已经非常老旧,并且从2025年12月起,主流浏览器(如Chrome)已不再支持Flash,在现代网站开发中,强烈建议使用 HTML5视频CSS3/JavaScript动画 来替代Flash。
  • 图片路径:织梦上传的文件默认都存放在 /uploads/ 目录下,使用绝对路径(如 /uploads/...)可以避免在不同页面切换时图片丢失的问题。
  • 权限问题:确保你的网站目录(如/uploads/)有写入权限,否则无法上传文件。
-- 展开阅读全文 --
头像
Window下C语言如何用OpenGL?
« 上一篇 昨天
CMS三大系统,哪个更适合你的网站?
下一篇 » 昨天

相关文章

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

目录[+]