dede织梦首页缩略图怎么设置？

1. 修改文章模型：为文章内容增加一个专门用于上传缩略图的字段。
2. 发布文章时上传图片：在后台发布或修改文章时，为这篇文章上传一张缩略图。
3. 首页模板调用：在首页模板文件中使用特定的标签调用出所有文章的缩略图。

下面是每一步的详细操作指南。

第一步：修改文章模型，添加缩略图字段

这是最关键的一步,织梦默认的“文章模型”可能没有独立的缩略图字段，或者你想要一个更规范的字段来管理它。

1. 登录织梦后台：使用你的管理员账号登录织梦后台。

2. 进入模型管理：

   • 在左侧菜单栏找到 【核心】 -> 模型管理】。
   • 模型管理页面,点击 【普通文章】 后面的 【字段管理】 按钮。

3. 添加新字段：

   
   （图片来源网络，侵删）
   • 在字段管理页面,点击右上角的 【添加新字段】 按钮。

4. 填写字段信息：

   • 字段名称：输入 litpic，这是织梦系统默认识别缩略图的字段名，使用它可以避免很多麻烦，如果你使用其他名称，后续调用时需要特别注意。
   • 字段类型：选择 【图片(单选)】。
   • 字段提示：输入“文章缩略图”，这个提示文字会在后台发布文章时显示在输入框旁边，方便理解。
   • 前台调用：输入 litpic，这确保了在模板中可以用 {dede:field.litpic /} 来调用。
   • 是否显示：选择 “是”。
   • 默认值：可以留空，或者设置一个默认图片的地址（/images/default.jpg），如果文章没有上传缩略图，就会显示这个默认图片。
   • 其他选项：如“字段大小”、“最大长度”等可以保持默认。

   填写完毕后,点击 【保存】 按钮。

5. 更新缓存：

   • 添加完字段后,系统会提示你更新缓存，请务必点击 【更新系统缓存】，否则新添加的字段可能不会在后台显示。

第二步：在后台发布文章时上传缩略图

现在你已经添加了字段,接下来就是在发布文章时使用它。

1. 进入文章发布页面：

   • 在后台找到 【核心】 -> 发布中心】 -> 【添加普通文章】。

2. 上传缩略图：

   • 在文章编辑页面,向下滚动，你会看到刚刚添加的 “文章缩略图” 字段。
   • 点击 【上传】 按钮，会弹出一个图片上传窗口。
   • 你可以选择从本地上传、从媒体库选择，或者调用远程图片。
   • 选择或上传一张图片后,点击确定，图片地址就会自动填充到输入框中。

3. 保存文章：

   • 填写完文章标题、内容、缩略图等信息后，点击 【保存】 或 【保存并生成】 按钮即可。

第三步：在首页模板中调用缩略图

最后一步,也是最直观的一步，就是在你的首页模板文件中显示这些缩略图。

1. 找到首页模板文件：

   • 在后台找到 【模板】 -> 【默认模板管理】。
   • 找到你当前正在使用的首页模板文件,通常是 index.htm，点击右侧的 【编辑】 按钮。

2. 使用 arclist 标签调用：

   • 织梦首页通常使用 {dede:arclist} 标签来循环列出文章。
   • 在你需要显示缩略图的位置,找到 {dede:arclist}
   • 确保该标签包含了 litpic='default' 属性。default 会使用你在第一步中设置的默认图片。

   基础调用代码示例：

   {dede:arclist row='10' titlelen='30' orderby='pubdate' idlist='' channelid='' type='' imgwidth='120' imgheight='90' listtype='all' orderby='id' keyword='' limit='0,8'}
       <li>
           <!-- 调用缩略图，如果没上传则显示默认图片 -->
           <a href="[field:arcurl/]">
               <img src="[field:litpic/]" alt="[field:title function='htmlspecialchars(@me)'/]" />
           </a>
           <!-- 调用文章标题 -->
           <a href="[field:arcurl/]">[field:title/]</a>
       </li>
   {/dede:arclist}

   代码解释：

   • {dede:arclist ...}: 文章列表开始标签。
     • row='10': 表示调用10篇文章。
     • imgwidth='120' 和 imgheight='90': 强烈推荐使用，这会自动调用缩略图，并将其裁剪或缩放到你指定的大小，保证所有缩略图尺寸统一，使页面布局更美观。
     • orderby='pubdate': 按发布时间降序排列。
   • [field:litpic/]: 核心调用标签，它会输出当前文章的缩略图地址。
   • [field:arcurl/]: 输出当前文章的链接地址。
   • [field:title/]: 输出当前文章的标题。
   • alt="[field:title ...]": 为图片添加 alt 属性，这有利于SEO（搜索引擎优化）和无障碍访问。

3. 保存并更新首页：

   • 修改完模板后,点击 【保存】。
   • 返回到 【模板】 -> 【默认模板管理】 页面，点击你首页模板（index.htm）对应的 【更新首页】 按钮。
   • 稍等片刻,刷新你的网站首页，就能看到缩略图已经成功显示了。