织梦友情链接如何调用图片？-织梦建站-盈思创科技

在后台添加友情链接时，上传或填写图片地址。
在前台模板文件中，使用织梦的标签调用友情链接，并设置 type='image' 来筛选出图片链接。

下面是详细的图文步骤说明。

第一步：在织梦后台添加带图片的友情链接

这是最关键的一步，如果你添加的友情链接没有图片,前台自然就无法调用出来。

登录织梦后台：使用你的管理员账号登录网站后台。
进入友情链接管理：在左侧菜单栏中，找到并点击 【模块】 -> 【友情链接】。

添加新的友情链接：点击右上角的 【新增友情链接】 按钮。

填写链接信息：在弹出的表单中，填写以下信息：
- 网站名称：你想显示的文字，织梦官方”。
- 网站Logo：这是核心！ 点击上传按钮，选择你准备好的 logo 图片（通常是 .jpg, .png, .gif 格式），上传成功后，图片地址会自动填入输入框中,你也可以手动输入图片的完整URL地址。
- 网站地址：该友情链接对应的网址，https://www.dedecms.com。
- 类型：选择 【图片】，这一步非常重要,它决定了这个链接在数据库中的分类。
- 排序：数字越小，显示越靠前，可以不填,使用默认值。
- 说明：可选的描述文字。

提交：点击 【确定】 按钮保存。

重复以上步骤，为你所有需要显示为图片的友情链接都添加好信息，确保它们的“类型”都选择了“图片”。

第二步：在前台模板中调用图片友情链接

友情链接的数据已经准备好了,我们需要在网站的模板文件中调用它们。

织梦提供了一个非常方便的友情链接调用标签：{dede:flink/}。

找到模板文件：登录你的FTP或主机文件管理器，进入织梦的模板目录 /templets/，然后找到你当前正在使用的模板文件夹（/default/ 或 /pc/）。
编辑模板文件：打开你想要显示友情链接的模板文件，
- 页脚模板：footer.htm
- 侧边栏模板：article_artlist.htm 或 index.htm
- 专门用于友情链接的页面：friendlink.htm
插入调用代码：在模板文件中，你希望显示友情链接的位置,插入以下代码：
```
<div class="friendlink">
    <h3>友情链接</h3>
    <ul>
        {dede:flink type='image'/}
    </ul>
</div>
```
代码解析：
- {dede:flink/}：这是调用友情链接的基本标签。
- type='image'：这个属性是关键，它告诉织梦只调用类型为“图片”的友情链接，如果你不加这个属性,它会同时调用文字链接和图片链接。
- 默认情况下，{dede:flink type='image'} 会解析成 <a href="链接地址"><img src="图片地址" alt="网站名称" border="0" /></a> 这样的HTML结构。
（可选）自定义显示样式和数量：你可能对默认的样式和数量不满意,可以进行自定义。

a. 自定义显示数量（rows） 在标签中加上 rows 属性,可以控制显示的链接数量。
```
{dede:flink type='image' row='5'/}
```
这行代码将只显示5个图片友情链接。

b. 自定义显示样式（titlelen, linktype） 你可以结合 titlelen长度）和 linktype（链接类型，all全部、text文字、image图片）等属性来更精确地控制。
```
{dede:flink type='image' row='8' titlelen='20' linktype='image'/}
```
- titlelen='20'：如果网站名称超过20个字符,将被截断。
c. 自定义HTML输出格式（itemstyle） 如果你想改变默认的 <a><img></a> 结构，可以使用 itemstyle 属性。

你想让每个链接都包含网站名称，并放在一个 li 标签里,可以这样写：
```
<ul>
    {dede:flink type='image' row='5'}
    <li>
        <a href="[field:url/]" target="_blank">
            <img src="[field:logo/]" alt="[field:name/]" />
        </a>
        <span>[field:name/]</span>
    </li>
    {/dede:flink}
</ul>
```
注意：使用自定义的 itemstyle 时，标签需要写成 {dede:flink}...{/dede:flink} 的闭合形式，在内部，使用 [field:url/]、[field:logo/]、[field:name/] 等来调用具体的数据。

总结与排错

核心要点：

后台添加友情链接时，必须上传图片，并且类型要选择“图片”。
前台模板调用时，必须使用 {dede:flink type='image'/}。

如果前台没有显示图片，请检查以下几点：

后台数据：去后台检查友情链接列表，确认你添加的链接“类型”确实是“图片”，网站Logo”字段有正确的图片地址。
图片地址：检查图片地址是否是有效的URL（http://... 或 https://...），如果是本地上传,确保图片没有被移动或删除。
模板标签：检查模板文件中的标签是否写对了，特别是 type='image' 是否存在。
缓存问题：织梦有强大的缓存机制，修改模板后，可能需要清除缓存才能看到效果，可以在后台的【系统】->【一键更新网站】中，选择“更新主页HTML”和“更新缓存”来刷新。

通过以上步骤,你就可以成功地在织梦网站中调用并显示图片形式的友情链接了。

织梦友情链接如何调用图片？

第一步：在织梦后台添加带图片的友情链接

第二步：在前台模板中调用图片友情链接

总结与排错

相关文章

目录[+]