易优eyoucms程序 友情链接调用指南
一、标签基础说明
- 标签名称:
{eyou:links}{/eyou:links}
- 作用:用于在模板中调用友情链接列表
- 适用位置:首页、栏目页、内容页等
二、使用语法
smarty
{eyou:links type='text' loop='30' titlelen='15'} <a href='{$field.url}' {$field.target} {$field.nofollow}>{$field.title}</a> {/eyou:links}
三、属性说明
属性名 | 默认值 | 说明 |
---|---|---|
type |
text |
链接类型:text 文字链接,image 图片链接,all 全部链接 |
groupid |
- | 分组ID,不填则调用默认分组;设为all 表示所有分组 |
loop |
30 |
调用链接数量 |
titlelen |
100 |
标题长度限制(截取字符数) |
empty |
- | 没有数据时显示的提示文案 |
mod |
- | 每隔N行输出的内容(可用于添加间隔符) |
id |
field |
自定义变量名,如 id='link' 后可通过 {$link.title} 调用 |
四、涉及数据库表字段
请查阅易优CMS数据字典,表名为:ey_links
常见字段包括:
title
:链接标题url
:链接地址target
:是否新窗口打开(target="_blank"
)nofollow
:是否添加rel="nofollow"
typeid
:所属分组IDlitpic
:图片链接地址(当type='image'
时可用)
五、使用示例
示例1:基本文字链接调用
smarty
<div class="links"> <span>友情链接:</span> {eyou:links titlelen='20' loop='5' type='text'} <a href='{$field.url}' {$field.target} {$field.nofollow}>{$field.title}</a> {/eyou:links} </div>
示例2:调用图片链接
smarty
{eyou:links type='image' loop='6'} <a href='{$field.url}' {$field.target}> <img src='{$field.litpic}' alt='{$field.title}' /> </a> {/eyou:links}
示例3:调用指定分组的链接
smarty
{eyou:links groupid='2' loop='10'} <a href='{$field.url}' {$field.target}>{$field.title}</a> {/eyou:links}
示例4:混合调用文字和图片链接
smarty
{eyou:links type='all' loop='10'} {if $field.type eq 'image'} <a href='{$field.url}' {$field.target}> <img src='{$field.litpic}' alt='{$field.title}' /> </a> {else} <a href='{$field.url}' {$field.target}>{$field.title}</a> {/if} {/eyou:links}
六、前端展示效果(示例)
假设使用如下代码:smarty
<div class="links"> <span>友情链接:</span> {eyou:links titlelen='20' loop='5'} <a href='{$field.url}' {$field.target} {$field.nofollow}>{$field.title}</a> {/eyou:links} </div>
友情链接:[百度](https://www.baidu.com) [阿里云](https://www.aliyun.com) [GitHub](https://github.com) ...
💡 注:实际样式需配合 CSS 进行美化,如链接间距、换行、字体颜色等。
七、注意事项
- 确保后台已添加友情链接,并正确设置分组;
- 图片链接需上传
litpic
图片地址; - 使用
titlelen
截取标题长度时,中文建议按字符计算; - 多语言站点请注意标题长度适配不同语言;
- 若需更复杂的布局,可结合
{eyou:assign}
或{eyou:if}
等标签进行条件判断或赋值处理。
更新时间:2025-05-06 10:37:56