织梦友情链接代码如何使用?

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

织梦的友情链接功能非常灵活,主要分为两大类:

织梦的友情链接代码
(图片来源网络,侵删)
  1. 官方提供的标签:直接调用后台设置的友情链接,最常用。
  2. 手动HTML代码:当官方标签无法满足特殊需求时使用。

使用官方织梦标签(推荐)

这是最标准、最简单的方法,直接调用后台“友情链接”模块中设置好的链接。

基础调用代码

这是最基础的代码,它会调用所有开启的友情链接,并按照后台的排序显示。

{dede:flink/}

使用方法: 将这段代码直接粘贴到您想要显示友情链接的模板文件(通常是 footer.htm)中即可。

带有参数的调用(更灵活)

官方标签支持多种参数,可以让你自定义显示效果。

织梦的友情链接代码
(图片来源网络,侵删)

标签格式{dede:flink row='数量' type='类型' titlelen='标题长度' linktype='链接类型' typeid='分类ID'} <a href='[field:url/]'>[field:name/]</a> {/dede:flink}

参数详解

参数 说明 示例值
row 显示链接的数量0 或不设置表示显示所有。 row='10' (显示10个)
type 链接类型,用于区分网站Logo或文字链接。 type='text' (只显示文字)
type='image' (只显示图片)
type='textall' (显示所有)
linktype 链接类型,用于区分网站等级。 linktype='1' (首页链接)
linktype='2' (内页链接)
linktype='' (所有链接)
typeid 友情链接分类ID,如果你在后台对友情链接进行了分类,可以使用此参数调用指定分类的链接。 typeid='1' (调用ID为1的分类下的链接)
typeid 友情链接分类ID,如果你在后台对友情链接进行了分类,可以使用此参数调用指定分类的链接。 typeid='1' (调用ID为1的分类下的链接)

实际应用示例

假设你的网站底部需要显示 10个文字形式的首页友链,代码可以这样写:

<div class="friend-links">
    <h3>友情链接</h3>
    <div class="links">
        {dede:flink row='10' type='text' linktype='1'}
            <a href="[field:url/]" title="[field:name/]" target="_blank">[field:name/]</a>
        {/dede:flink}
    </div>
</div>

代码解释

  • {dede:flink row='10' type='text' linktype='1'}:调用10个、类型为文字、链接类型为首页(即网站首页设置的链接)。
  • [field:url/]:这是织梦的字段标签,代表链接的URL地址。
  • [field:name/]:代表链接的网站名称。
  • target="_blank":这是一个HTML属性,表示点击链接时在新窗口中打开,这是友链的常见做法。

如果你想同时显示 Logo图片链接和文字链接,可以这样:

<div class="friend-links">
    <h3>合作伙伴</h3>
    <div class="logo-links">
        {dede:flink type='image' row='6'}
            <a href="[field:url/]" title="[field:name/]" target="_blank">
                <img src="[field:img/]" alt="[field:name/]" />
            </a>
        {/dede:flink}
    </div>
    <div class="text-links">
        {dede:flink type='text' row='10'}
            <a href="[field:url/]" title="[field:name/]" target="_blank">[field:name/]</a>
        {/dede:flink}
    </div>
</div>

手动编写HTML代码(高级用法)

当官方标签无法满足你的自定义需求(比如需要特殊的CSS类名、或者复杂的HTML结构)时,你可以手动编写HTML代码,然后在后台“友情链接”管理中,选择“获取HTML代码”功能。

操作步骤:

  1. 编写你的HTML模板: 在你的模板文件中,先写好你想要的HTML结构,并给链接加上一个特定的CSS类或ID,方便你后续用JS来填充内容。

    你想要一个带样式的列表:

    <div class="my-custom-links">
        <ul id="js-friend-links">
            <!-- 这里的li标签会被后台生成的代码替换 -->
        </ul>
    </div>
  2. 获取织梦生成的代码

    • 登录织梦后台,进入【模块】 -> 【友情链接管理】。
    • 点击右上角的【获取HTML代码】按钮。
    • 在弹出的页面中,你可以设置和官方标签一样的参数(如数量、类型等)。
    • 在下方的“显示方式”中,选择 “列表式”“下拉式”
    • 关键步骤:修改生成的代码,将每个链接项包裹在你定义的 <li> 标签中,并添加你需要的CSS类。
    • 生成后的代码可能是这样的:
      <a href="http://example1.com" target="_blank">网站一</a>
      <a href="http://example2.com" target="_blank">网站二</a>

      你需要手动将其修改为:

      <li><a href="http://example1.com" target="_blank" class="friend-link">网站一</a></li>
      <li><a href="http://example2.com" target="_blank" class="friend-link">网站二</a></li>
  3. 替换模板中的占位符: 将修改好的完整HTML代码,复制并替换掉你模板文件中 <ul id="js-friend-links">...</ul> 里的内容。

  4. (可选)使用JS动态加载: 如果你希望保持模板的整洁,可以将生成的HTML代码放在一个单独的文件中(如 friend_links.html),然后通过JavaScript的 load() 方法动态加载到你的页面里。

    // 在你的JS文件中
    $(document).ready(function() {
        $('#js-friend-links').load('/path/to/your/friend_links.html');
    });

总结与最佳实践

方法 优点 缺点 适用场景
官方标签 简单、快速、官方推荐,更新方便,无需手动维护。 灵活性相对较低,HTML结构固定。 绝大多数情况,特别是网站底部的常规友情链接。
手动HTML 完全自定义HTML结构和样式,控制力最强。 操作繁琐,每次更新友链都需要手动复制粘贴代码,容易出错。 需要特殊视觉效果、交互方式或复杂布局的友情链接区域。

给新手的建议: 直接使用 方法一(官方标签) 就足够了,它非常强大,通过 type, row, typeid 等参数已经可以应对90%的需求,只有在遇到非常特殊的设计要求时,才考虑使用方法二。

-- 展开阅读全文 --
头像
dede type2是什么?如何使用?
« 上一篇 04-19
c语言 isupper
下一篇 » 04-19
取消
微信二维码
支付宝二维码

目录[+]