织梦CMS如何调用友情链接?

99ANYc3cd6
预计阅读时长 14 分钟
位置: 首页 织梦建站 正文

下面我将从后台设置前台调用两个方面,为您详细讲解如何操作,并介绍一些常用的参数。

织梦cms调用友情链接
(图片来源网络,侵删)

第一步:在后台添加和管理友情链接

在调用之前,您必须先在网站后台添加一些友情链接。

  1. 登录织梦后台:使用您的管理员账号登录网站后台。

  2. 进入友情链接管理:在左侧菜单栏中,找到并点击 【核心】 -> 【友情链接】

  3. 添加链接

    织梦cms调用友情链接
    (图片来源网络,侵删)
    • 点击右上角的 【增加一个链接】 按钮。
    • 在弹出的页面中,填写相关信息:
      • 网站名称:您希望显示的文字,百度一下”。
      • 网站地址:完整的URL地址,https://www.baidu.com
      • Logo地址:可选,如果您的合作伙伴有Logo图片,请填写图片的完整URL地址,留空则只显示文字链接。
      • 类型:选择链接类型,如“文字”、“图片”等。
      • 自定义排序:数字越小,显示越靠前,您可以在这里设置链接的显示顺序。
    • 填写完毕后,点击 【确定】 保存。
  4. 管理链接:在友情链接列表页面,您可以进行 编辑删除修改排序 等操作。


第二步:在前台页面调用友情链接

当您在后台添加好链接后,就可以在前台的模板文件(通常是 .htm 文件)中使用织梦标签来调用它们了。

织梦提供了两个主要的标签:{dede:flink}{dede:flinktype}

基础调用:{dede:flink}

这是最常用的标签,用于调用所有类型的友情链接。

织梦cms调用友情链接
(图片来源网络,侵删)

基本语法:

{dede:flink/}

这个最简单的标签会调用所有状态为“正常”的链接,并以默认的格式(文字链接,用竖线 分隔)显示出来。

示例:

<div class="friend-links">
    <h3>友情链接</h3>
    <div class="links">
        {dede:flink/}
    </div>
</div>

默认效果: <a href="https://www.baidu.com" target="_blank">百度一下</a>|<a href="https://www.qq.com" target="_blank">腾讯</a>|...


带有参数的调用(重点)

您可以通过给 {dede:flink} 标签添加属性来控制显示效果,这是最灵活的方式。

常用参数说明:

参数 说明 示例
row 调用链接的数量 row='10' (调用10个链接)
linktype 链接类型,'text'为文字,'image'为图片 linktype='image' (只调用带Logo的链接)
typeid 按分类调用,需要在后台先创建分类 typeid='1' (调用分类ID为1的链接)
type 链接排列方式,'textall'为文字在上,图片在下 type='textall'
default 当没有符合条件的链接时显示的文字 default='暂无链接'
col 每行显示的链接个数(多列显示) col='5' (每行显示5个链接)
tablestyle 给外层<table>添加样式 tablestyle='width:100%;'
target 链接打开方式,'_blank'在新窗口打开 target='_blank' (这个很常用)

综合示例:

假设我们想在页脚显示10个图片链接,每行5个,并且在新窗口打开。

<div class="footer-links">
    <h4>合作伙伴</h4>
    {dede:flink row='10' linktype='image' col='5' target='_blank'}
        <a href="[field:url/]" title="[field:name/]" target="_blank">
            <img src="[field:logo/]" alt="[field:name/]" />
        </a>
    {/dede:flink}
</div>

说明:

  • row='10':最多显示10个。
  • linktype='image':只调用设置了Logo的链接。
  • col='5':用<table>标签布局,每行5个。
  • target='_blank':所有链接都在新标签页打开。
  • [field:url/][field:name/][field:logo/]:这是循环体内的字段变量,分别代表链接地址、网站名称和Logo地址。

按分类调用:{dede:flinktype}

如果您在后台对友情链接进行了分类(比如分为“门户网站”、“技术博客”等),可以使用 {dede:flinktype} 标签来按分类显示。

第一步:在后台创建分类 进入 【核心】->【友情链接】,点击 【增加一个分类】,输入分类名称并保存,记下分类的ID。

第二步:在前台模板调用

语法:

{dede:flinktype typeid='1'}
    <a href="[field:url/]" target="_blank">[field:name/]</a>
{/dede:flinktype}

说明:

  • typeid='1':这里的 1 是您在后台创建的分类ID。
  • 循环体内的 [field:...] 变量与 {dede:flink} 相同。

示例:同时显示多个分类

<div class="friend-links">
    <!-- 门户网站 -->
    <div class="link-group">
        <h4>门户网站</h4>
        {dede:flinktype typeid='1'}
            <a href="[field:url/]" target="_blank">[field:name/]</a>
        {/dede:flinktype}
    </div>
    <!-- 技术博客 -->
    <div class="link-group">
        <h4>技术博客</h4>
        {dede:flinktype typeid='2'}
            <a href="[field:url/]" target="_blank">[field:name/]</a>
        {/dede:flinktype}
    </div>
</div>

总结与最佳实践

  1. 首选 {dede:flink}:对于绝大多数情况,使用带参数的 {dede:flink} 标签就足够了,它非常灵活。
  2. 善用参数row, linktype, target 是最常用的三个参数,请务必掌握。
  3. 按需选择
    • 只想显示文字链接?用 linktype='text'
    • 想图文并茂?用 type='textall'
    • 链接很多,想分栏?用 col 参数。
  4. 分类管理:如果链接数量很多且类型不同,强烈建议使用分类功能,并用 {dede:flinktype} 调用,这样页面会更整洁。
  5. 前台样式:织梦默认生成的友情链接可能没有很好的CSS样式,您通常需要自己编写CSS来美化这些链接的显示效果,例如调整间距、添加边框、鼠标悬停效果等。

希望这份详细的指南能帮助您在织梦CMS中完美地调用和管理友情链接!

-- 展开阅读全文 --
头像
dede myad clsid是什么?如何正确配置使用?
« 上一篇 01-08
dede channel 选中如何实现?
下一篇 » 01-08
取消
微信二维码
支付宝二维码

目录[+]