织梦添加友情链接的标签

基础用法：调用所有友情链接

这是最简单的用法，它会获取你后台设置的所有友情链接,并以默认的列表形式显示。

标签代码：

{dede:flink}
    <a href="[field:url/]" target="_blank">[field:name/]</a>
{/dede:flink}

代码解析：

• {dede:flink} 和 {/dede:flink}：这是标签的开始和结束。
• [field:url/]：调用友情链接的网址。
• [field:name/]：调用友情链接的网站名称。
• target="_blank"：这是一个标准的HTML属性，表示点击链接时会在新窗口中打开。强烈建议保留,以避免离开你的网站。

默认显示效果： 如果你的后台有“织梦官网”、“百度”两个链接，那么显示出来会是： <a href="https://www.dedecms.com" target="_blank">织梦官网</a><a href="https://www.baidu.com" target="_blank">百度</a>

常用参数详解

{dede:flink} 标签支持多种参数,可以让你更精确地控制链接的显示。

type - 按类型调用

友情链接在后台可以设置不同的类型（文字链接、图片链接），你可以通过 type 参数来指定调用哪种类型的链接。

• type='text'：只调用文字链接。
• type='image'：只调用图片链接。
• type=''：调用所有类型的链接（默认）。

示例：只调用图片链接

{dede:flink type='image'}
    <a href="[field:url/]" target="_blank">
        <img src="[field:img/]" alt="[field:name/]" border="0" />
    </a>
{/dede:flink}

代码解析：

• [field:img/]：调用友情链接的图片地址，这个字段只在 type='image' 时有效。

row - 调用数量

row 参数用于设置你想显示的友情链接的数量。

示例：只显示前5个友情链接

{dede:flink row='5'}
    <a href="[field:url/]" target="_blank">[field:name/]</a>
{/dede:flink}

titlelen - 标题长度

len` 参数用于设置友情链接名称显示的最大字符数，如果名称过长,会被截断。

示例：链接名称最多显示8个字符

{dede:flink titlelen='8'}
    <a href="[-field:url/]" target="_blank">[field:name/]</a>
{/dede:flink}

linktype - 按链接位置调用

linktype 参数用于区分友情链接是在首页（首页友情链接）还是内页（内页友情链接）显示的。

• linktype='1'：只在首页显示的链接。
• linktype='2'：只在内页显示的链接。
• linktype=''：所有链接都显示（默认）。

示例：调用只在首页显示的友情链接

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

高级用法：自定义列表样式

在实际网站中，我们通常希望对友情链接进行样式美化，比如添加分隔符、换行或者放在一个列表容器中。

使用 line 参数添加分隔符

line 参数可以在每个链接后面添加指定的内容,非常适合做简单的列表美化。

示例：用竖线 分隔链接

{dede:flink line=' | '}
    <a href="[field:url/]" target="_blank">[field:name/]</a>
{/dede:flink}

显示效果： 织梦官网 | 百度 | 淘宝 |

使用 typeid 参数调用指定分类的链接

在织梦后台，友情链接可以设置不同的分类（合作伙伴、技术支持），你可以通过 typeid 参数来调用特定分类下的链接。

操作步骤：

1. 登录织梦后台，进入【核心】-> 【友情链接管理】。
2. 点击【增加一个链接分类】，例如创建一个名为“技术支持”的分类，并记下其ID（假设ID为 5）。
3. 在添加或编辑友情链接时,选择这个分类。

示例：调用分类ID为“5”的友情链接

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

使用 reid 参数调用子分类链接

如果你的友情链接分类是层级结构（有父子分类），可以使用 reid 参数来调用某个父分类下的所有子分类的链接。

示例：调用父分类ID为“2”的所有子分类的链接

{dede:flink reid='2'}
    <a href="[field:url/]" target="_blank">[field:name/]</a>
{/dede:flink}

完整的实例：漂亮的友情链接区域

假设你想在网站页脚（footer）显示一个美观的友情链接区域，包含文字链接和图片链接,并且有标题和样式。

HTML/CSS 模板代码 (footer.htm):

<div class="friend-links">
    <h3>友情链接</h3>
    <!-- 文字链接区域 -->
    <div class="text-links">
        <h4>合作伙伴</h4>
        {dede:flink linktype='1' type='text' row='10' titlelen='8' line=' | '}
            <a href="[field:url/]" target="_blank" title="[field:name/]">[field:name/]</a>
        {/dede:flink}
    </div>
    <!-- 图片链接区域 -->
    <div class="image-links">
        <h4>友情站点</h4>
        <ul>
            {dede:flink linktype='1' type='image' row='6'}
            <li>
                <a href="[field:url/]" target="_blank" title="[field/name/]">
                    <img src="[field:img/]" alt="[field:name/]" />
                </a>
            </li>
            {/dede:flink}
        </ul>
    </div>
</div>

对应的CSS样式 (style.css):

.friend-links {
    padding: 20px;
    border-top: 1px solid #eee;
    margin-top: 30px;
}
.friend-links h3, .friend-links h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}
.text-links a {
    color: #666;
    text-decoration: none;
    margin-right: 10px;
}
.text-links a:hover {
    color: #0066cc;
    text-decoration: underline;
}
.image-links ul {
    list-style: none;
    padding: 0;
    display: flex; /* 使用Flexbox布局，让图片横排 */
    flex-wrap: wrap; /* 允许换行 */
}
.image-links li {
    margin-right: 15px;
    margin-bottom: 15px;
}
.image-links img {
    width: 88px;
    height: 31px;
    border: 1px solid #ddd;
}

后台管理友情链接

别忘了,所有的链接数据都是在后台管理的。

1. 登录织梦后台。
2. 进入【核心】 -> 【友情链接管理】。
3. 在这里你可以：
   • 增加友情链接：添加新的链接，可以设置名称、网址、类型（文字/图片）、分类、是否首页显示等。
   • 审核/修改/删除：对已有的链接进行管理。
   • 增加分类：创建不同的链接分类,方便在前台按需调用。

掌握了这些标签和参数,你就可以在织梦网站的任何位置灵活地调用和管理友情链接了。