织梦友情链接模板修改

1. 修改前台显示模板：控制用户在网站首页或指定页面看到的友情链接的样式和布局。
2. 修改后台管理界面：调整在织梦后台添加、编辑友情链接时表单的字段和提示。

我会分步进行说明,并提供一些常见的修改示例。

第一部分：修改前台友情链接显示模板

这是最常见的修改需求，织梦的友情链接是通过一个特定的全局标签 {dede:flink/} 来调用的,它的样式由CSS和这个标签的属性共同决定。

步骤 1：找到并编辑模板文件

友情链接通常放在网站首页的页脚（footer）或者一个专门的“友情链接”页面里。

1. 登录织梦后台：使用你的管理员账号登录。
2. 进入模板管理：在左侧菜单栏找到 模板 -> 模板管理。
3. 选择要修改的模板：
   • 如果要修改首页的友情链接，点击 默认模板索引 -> index.htm。
   • 如果要修改一个独立的友情链接页面，找到对应的页面文件，flink.htm。
4. 编辑模板代码：在模板文件中找到调用友情链接标签 {dede:flink/} 的位置，它可能被包裹在一个 <div> 容器里,方便我们用CSS来控制样式。

原始代码示例 (通常在 footer.htm 或 index.htm 中):

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

步骤 2：理解并修改 {dede:flink/} 标签属性

{dede:flink/} 标签本身非常强大，通过修改它的属性,可以不用修改CSS就改变链接的显示方式。

常用属性：

组合使用示例：

• 显示10个首页推荐的文字链接，标题长度限制为10个字符：

  {dede:flink linktype='1' type='text' row='10' titlelen='10'/}

• 显示ID为1的分类下的图片链接，数量不限：

  
  （图片来源网络，侵删）

  {dede:flink typeid='1' type='image'/}

步骤 3：自定义列表样式（高级用法）

如果默认的逗号分隔或换行显示不符合你的需求，你可以使用 flink 标签的底层模板功能来自定义HTML结构。

1. 创建自定义模板文件： 在你的模板目录（通常是 /templets/default/）下新建一个文件，myflink.htm。

2. 编写自定义模板代码： 在 myflink.htm 中，你可以使用 [field:link/] 和 [field:webname/] 等变量来构建每个链接的HTML。

   myflink.htm 文件内容示例：

   <ul class="my-link-list">
       <li><a href="[field:link/]" target="_blank" title="[field:webname/]">[field:webname/]</a></li>
   </ul>

   这个模板会为每个链接生成一个 <li> 列表项。

3. 在主模板中调用自定义模板： 在你的 index.htm 或 footer.htm 中，使用 type='自定义模板名' 来调用它。

   在 index.htm 中的调用代码：

   <div class="footer-link">
       <h3>友情链接</h3>
       {dede:flink type='myflink' row='20'/}
   </div>

4. 添加CSS样式： 在模板的CSS文件（通常是 /templets/default/style/dedecms.css）中添加你自定义的样式。

   CSS 示例 (dedecms.css):

   .my-link-list {
       list-style: none; /* 去掉列表前的点 */
       padding: 0;
       margin: 0;
       display: flex; /* 使用flex布局，让链接横向排列 */
       flex-wrap: wrap; /* 允许换行 */
       gap: 15px; /* 链接之间的间距 */
   }
   .my-link-list li a {
       color: #666;
       text-decoration: none;
       font-size: 14px;
       padding: 5px 10px;
       border: 1px solid #ddd;
       border-radius: 4px;
       transition: all 0.3s;
   }
   .my-link-list li a:hover {
       color: #0066cc;
       border-color: #0066cc;
   }

第二部分：修改后台友情链接管理界面

如果你想在后台添加友情链接时，多出一些字段（QQ号码”、“联系方式”等）,就需要修改后台模板。

步骤 1：找到并编辑后台模板文件

1. 通过FTP或文件管理器连接到你的网站服务器。
2. 找到文件位置：后台模板文件通常位于 /dede/templets/ 目录下。
3. 编辑相关文件：
   • 添加/编辑链接页面：修改 addlink.htm。
   • 编辑链接页面：修改 editlink.htm。
   • 列表页：修改 flink_main.htm (如果想在列表页也显示新字段)。

以添加一个“QQ号码”字段为例：

步骤 2：修改 addlink.htm 和 editlink.htm

这两个文件的结构几乎一样，所以我们以 addlink.htm 为例。

1. 打开 addlink.htm 文件。
2. 找到表单结构：寻找类似 <form name='addform' action='flink_add.php' method='post'> 的标签。
3. 在合适的位置添加新的表单项，通常在“网站Logo”和“网站简介”之间添加。

修改前的代码片段：

<tr>
    <td height="26">网站Logo：</td>
    <td>
        <input name="logo" type="text" id="logo" size="30" />
        <input type='button' name='setlogo' value='上传' style='margin-left:8px;' onClick="SelectImage('form1.logo','logo');return false;" />
    </td>
</tr>
<tr>
    <td height="26">网站简介：</td>
    <td>
        <textarea name="msg" id="msg" style="width:300px;height:50px;"></textarea>
    </td>
</tr>

修改后的代码片段（添加了QQ号码字段）：

<tr>
    <td height="26">网站Logo：</td>
    <td>
        <input name="logo" type="text" id="logo" size="30" />
        <input type='button' name='setlogo' value='上传' style='margin-left:8px;' onClick="SelectImage('form1.logo','logo');return false;" />
    </td>
</tr>
<!-- 新增的QQ号码字段 -->
<tr>
    <td height="26">QQ号码：</td>
    <td>
        <input name="qq" type="text" id="qq" size="30" placeholder="请输入对方QQ号码" />
    </td>
</tr>
<tr>
    <td height="26">网站简介：</td>
    <td>
        <textarea name="msg" id="msg" style="width:300px;height:50px;"></textarea>
    </td>
</tr>

步骤 3：修改处理文件以保存新字段

光修改模板还不行，织梦后台需要知道如何处理这个新提交的“qq”字段。

1. 找到处理文件：在 /dede/ 目录下找到 flink_add.php (添加时用) 和 flink_edit.php (编辑时用)。
2. 在文件中添加数据处理逻辑。

以 flink_add.php 为例：

在文件中找到类似 $query = "INSERT INTO#@__flink...) VALUES ('...')"; 的数据库插入语句。

修改前：

// ... 其他代码 ...
$logo = ereg_replace("[\r\n\t]*", '', $logo);
$query = "INSERT INTO `#@__flink`(`typeid`,`sortrank`,`url`,`webname`,`msg`,`logo`,`ischeck`)
         VALUES ('$typeid','$sortrank','$url','$webname','$msg','$logo','$ischeck')";
$dsql->ExecuteNoneQuery($query);
// ... 其他代码 ...

修改后（添加 qq 字段）：

// ... 其他代码 ...
$logo = ereg_replace("[\r\n\t]*", '', $logo);
// 注意：需要先确保你的 `dede_flink` 表中有 `qq` 这个字段，否则会报错。
// 如果没有，需要先去数据库手动添加。
$query = "INSERT INTO `#@__flink`(`typeid`,`sortrank`,`url`,`webname`,`msg`,`logo`,`qq`,`ischeck`)
         VALUES ('$typeid','$sortrank','$url','$webname','$msg','$logo','$qq','$ischeck')";
$dsql->ExecuteNoneQuery($query);
// ... 其他代码 ...

重要提示：在修改数据库插入语句之前，务必先登录你的数据库管理工具（如phpMyAdmin），为 dede_flink 这个数据表添加一个名为 qq 的字段，类型可以是 varchar(50)。

希望这份详细的指南能帮助你成功修改织梦的友情链接模板！如果在操作中遇到问题,可以随时提问。